#carrinhoSide {
    position: fixed;
    background-color: #FFF;
    width: 0px;
    right: -5px;
    height: 90vh;
    z-index: 5;
    overflow-x: hidden;
    transition: width .3s;
    transition-delay: 0.2s;
    top: 100px;
    border-top-left-radius: 8px;
        
}

#modalCarrinhoHide.modalCarrinhoHide {
    position: fixed;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: 50% 50% no-repeat rgb(0,0,0);
    opacity: 0.7;
    transition: opacity .2s;
    transition-delay: 0.1s;
}

#carrinhoSide #carrinhoAguarde {
    display: none;
    position: absolute;
    top: 200px;
    width: 320px;
    height: 700px;
    right: -5px;
    z-index: 6;
    transition: width .3s;
    background: url('../images/loader.gif') no-repeat;
    opacity: 0.7;
}

#aguardeItensTela {
    display: none;
    position: absolute;
    top: 200px;
    width: 100%;
    height: 100%;
    z-index: 6;
    transition: width .3s;
    background: url('../images/loader.gif') no-repeat;
    opacity: 0.7;
}


/*#modalCarrinhoHide.collapsed {
    display: block;
}*/

#carrinhoSide .close {
    float: left;
    background: transparent;
    margin: 10px;
    cursor: pointer;
}

#listaCarrinho {
    margin-top: 160px;
    overflow-y: scroll;
    height: 700px;
}

    #listaCarrinho::-webkit-scrollbar {
        display: none;
    }

    #listaCarrinho li {
        padding: 5px;
        border-bottom: 1px solid #000;
        color: #000;
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 20% 40% 40%;
        grid-template-areas: "descrCarrinho descrCarrinho descrCarrinho" "imgCarrinho QuantCarrinho QuantCarrinho";
    }

        #listaCarrinho li a {
            cursor: pointer;
        }

        #listaCarrinho li .imgMercadoriaCarrinho {
            width: 30px;
            height: 30px;
            grid-area: imgCarrinho;
        }

.divImgCarrinho {
    grid-area: imgCarrinho;
    margin-left: 5px;
}

    .divImgCarrinho img {
        width: 40px;
        height: 40px;
    }

.divDescrCarrinho {
    display: flex;
    grid-area: descrCarrinho;
    justify-content: space-between;
}

    .divDescrCarrinho img {
        width: 10px;
        height: 10px;
        cursor: pointer;
        margin-top: 3px;
        margin-right: 3px;
    }

    .divDescrCarrinho label {
        font-weight: bold;
    }

.divQuantCarrinho {
    display: flex;
    justify-content: space-between;
    align-content: center;
    grid-area: QuantCarrinho;
}

    .divQuantCarrinho img {
        cursor: pointer;
    }

    .divQuantCarrinho input {
        margin-top: 10px;
        max-width: 50px;
        border-radius: 6px;
        border: 1px #888888 solid;
        height: 30px;
        text-align: center;
    }

    .divQuantCarrinho label {
        font-weight: bold;
        margin: auto 0;
        font-size: 12px;
    }

    .divQuantCarrinho #btnSomCarrinho {
        margin-top: 20px;
        margin-left: 2px;
        width: 12px;
        height: 12px;
    }

    .divQuantCarrinho #btnSubCarrinho {
        margin-top: 20px;
        margin-right: 2px;
        margin-left: 12px;
        width: 12px;
        height: 12px;
    }

    .divQuantCarrinho #btnIncluirCarrinho {
        margin-top: 18px;
        margin-right: 3px;
        width: 16px;
        height: 16px;
    }


#listaCarrinho li a {
    text-align: center;
    cursor: pointer;
}



/*#carrinhoSide.collapsed {
    width: 0;
}

#carrinhoAguarde.collapsed {
    width: 0;
}*/

.menu li a {
    display: block;
}

header ul a {
    display: block;
    padding: 20px;
    text-decoration: none;
}

.footerSideCarrinho {
    display: none;
    color: #000;
    margin-top: 30px;
    position: absolute;
    height: 100px;
    width: 100%;
}
#divTotalCarrinho {
    background-color: #C8C8C8;
    top: 0;
    height: 50px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-left: 5px;
    margin-right: 10px;
}
#divLinkCarrinho {
    background-color: #FFFF00;
    top: 0;
    height: 50px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: 5px;
    margin-right: 10px;
}
    #divLinkCarrinho #linkCarrinho {
        display: flex;
        justify-content: space-between;
        align-content: center;
    }

    .footerSideCarrinhoItem {
        padding: 10px;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
        display: flex;
        justify-content: center;
        margin-bottom: 0;
    }

    .footerSideCarrinhoItem a {
        cursor: pointer;
    }

    .footerSideCarrinhoItem img {
        width: 20px;
        height: 20px;
        margin-left: 30px;
    }

@media(max-width:700px) {
    #carrinhoSide {
        margin-top: -80px;
        height: 100vh;
    }
    
    .divQuantCarrinho label {
        font-size: 12px;
    }
}

@media(max-height:900px) {
    #listaCarrinho {
        height: 60vh;
    }
    .footerSideCarrinhoItem{
        padding: 5px;
    }
    .footerSideCarrinho{
        top: 0;
    }

    #carrinhoSide #carrinhoAguarde {
        top: 180px;
    }
}

@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Products
7. Boxes
8. Features
9. Footer


******************************/

/***********
1. Fonts
***********/


/*@font-face {
    font-family: 'Futura';
    src: url('../fonts/FuturaLT-Book.ttf') format('truetype');
}*/

/*********************************
2. Body and some general stuff
*********************************/

/** {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}*/

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    background: #e9ecef;
    color: #a5a5a5;
}

.banner {
    margin-left: 20vw;
    margin-right: 20vw;
    max-width: 60vw;
}

.navImg {
    justify-content: center;
}

.conteudo {
    background: #DCDBDB;
}

    .sectionTermosdeUso {
        background: #FFFFFF;
    }

.modalBody {
    position: relative;
    padding: 20px;
    max-height: 80vh;
    overflow-y: scroll;
}
.tituloValoresEntregaModal {
    color: #000 !important;
    text-align:center !important;
}

.indicadorCarousel {
    display: none;
}
#txtCEP{
    
}
.titulo{
    margin-top:2rem;
    font-family: 'Roboto', sans-serif;
    color: #000;
}

.nav_Principal {
    /*background: linear-gradient( -500deg, rgb(18, 75, 7), rgb(29, 160, 57), rgb(12, 36, 15));*/
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
}

.itensConsultaCep {
    display: flex;
    justify-content: center;
    align-content: center;
}


.inputInformeCep {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 60px;
}
.inputInformeCep a{
    margin-left: 10px;
}
    .inputInformeCep input{
        max-width: 200px;
    }
    .imgNaoSeiMeuCep {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        padding: 60px;
    }
    .imgNaoSeiMeuCep img{
        margin-bottom: 10px;
        align-self: center;
    }
    .nav_Principal img {
        border-radius: 8px;
    }

.tblCarrinho span {
    color: black;
    font-weight: bold;
}

.lblObservacaoTable {
    min-width: 250px !important;
}

.lblDescricaoMercadoriaTable {
    min-width: 250px !important;
}

.qtdTabelaCarrinho {
    max-width: 40px;
    padding: 3px;
}


.obsTabelaCarrinho {
    min-width: 40px;
}

.modal-header {
    color: #FFFFFF;
}


    .modal-header .logoTexto {
        color: black;
        margin-left: 10px;    
        font-weight: bold;
        font-size: 1.3rem;
    }

.carousel {    
    margin-top: 98px;
}   

.arrow-carousel {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.carousel-left {
    margin-right: -15px;
    z-index: 2;
    align-self: center;
}

.carousel-right {
    margin-left: -15px;
    z-index: 2;
    align-self: center;
}

.carousel-left img {
    width: 36px;
    height: 36px;
}

.carousel-right img {
    width: 36px;
    height: 36px;
}

.modalMercadoria {
    border-radius: 8px;
    color: #FFFFFF;
}
.containerImg {
    position: relative;   
    overflow: hidden;
    
}
    .containerImg img {
        max-width: 100%;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
    .containerImg:hover img {
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.2);
    }

        .logo label {
            margin-left: 0.2vw;
            margin-top: 0.9vh;
            color: #000;
            font-weight: bold;
            font-size: 1.6em;
        }

.footer_HorariosEntregaRetirada {
    cursor: pointer;
    color: #1E90FF;
}


.imgCard {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "m f" "m ." "m i"
}

    .imgCard .imgMerc {
        display: flex;
        padding: 0;
        grid-area: m;
        margin-left: 50px;
        margin-top: 10px;
        justify-content: center;
        cursor: pointer;
        max-height: 170px;
    }

    .imgCard .imgFechar {
        display: flex;
        padding: 0;
        margin-left: 30px;  
        margin-top: 15px;
        grid-area: f;
        cursor: pointer;
        align-content: center;
        justify-content: space-around;
    }

    .imgCard .imgUC {
        text-align: center;
        padding: 0;
        margin-top: 20px;
        margin-left: 2px;
        margin-right: 3px;
        grid-area: i;
        background-color: #000;
        color: #fff;
        border-radius: 8px;
        width: 50px;
        height: 20px;
        z-index:2;
    }

.inputImgCard {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.imgCard .imagemDetalhe {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    margin-left: 50px;
    margin-top: 10px;
    background-color: #FFF;
    opacity: 0.8;
    background: url('../images/detalhes.png') no-repeat center;
    background-size: 120px 120px;
}
.imgCard:hover .imagemDetalhe {
    display: block;
    cursor: pointer;
}

    .inputImgCompraCard {
        width: 50px;
        height: 50px;
        cursor: pointer;
    }

.inputQtdMercadoriaCard {
    text-align: right;
}

.lblDescricaoMercadoria {
    color: #000;
    font-weight: bold;
}

#lblDescricaoAppDetalhadaModal {
    overflow-y: auto;
    max-height: 70px;
    scrollbar-arrow-color: #000;
    scrollbar-3dlight-color: #FFF;
    scrollbar-track-color: #FFF;
    scrollbar-shadow-color: #FFF;
    scrollbar-highlight-color: #FFF;
    scrollbar-face-color: #888;
}

.cardFooter {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "n p" "e e";
    background-color: #FFF;
}

    .cardFooter > #lblPrecoNormal {
        display: flex;
        grid-area: n;
        justify-content: center;
        align-items: center;
    }

    .cardFooter > #lblPrecoPromocao {
        display: flex;
        grid-area: p;
        color: red;
        font-weight: bold;
        justify-content: center;
        align-items: center;
        font-size: 1.4em;
    }

    .cardFooter > .lblCardeconomia {
        display: flex;
        margin-left: 4px;
        margin-right: 4px;
        grid-area: e;
        background: red;
        color: #FFF;
        font-weight: bold;
        border-radius: 10px;
        justify-content: center;
        align-items: center;
    }
    
        .lblObsFoto {
            text-align: center;
            font-size: 10px;
            font-weight: bold;
            color: black;
        }
#mensagemRetornoEmail {
    display: none;
    text-align: center;
    color: #2459bd;
    font-size: 18px;
    font-weight: bold;
}
#novoEmail {
    display: none;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}
#lblMensagemErroEmail {
    display: none;
    text-align: center;
    color: #ed1c11;
    font-size: 20px;
    font-weight: bold;
}
/*Estilo Modal mercadoria*/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
    font-family: Arial;
}

/* The grid: Four equal columns that floats next to each other */
.column {
    float: left;
    width: 20%;
    padding: 5px;
}

    /* Style the images inside the grid */
    .column img {
        opacity: 0.6;
        cursor: pointer;
        width: 80px;
        height: 80px;
    }

        .column img:hover {
            opacity: 1;
        }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* The expanding image container */
.containerAlbum {
    display:flex;
    position: relative;      
    justify-content:center;
    align-content:center;
}
    .containerAlbum img{
        min-width: 200px;
    }
    /* Expanding image text */
    #imgtext {
        position: absolute;
        bottom: 15px;
        left: 15px;
        color: white;
        font-size: 20px;
    }

/* Closable button inside the expanded image */
.closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
}

/*Centralizando os Modais*/
.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#modalConsultaCEP {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
    background: rgba(0, 0, 0, 1);
}

    #modalConsultaCEP section {
        margin: 200px 400px;
        background-color: #FFF;
        border-radius: 8px;
        padding: 60px;
    }

    #modalConsultaCEP .btn {
        color: #FFF;
    }

.grpSectionCepInput {
    display: flex;
    margin: 0 auto;
    padding: 20px;
    justify-content: space-between;
}

    .grpSectionCepInput input {
        max-width: 200px;
    }

    .grpSectionCepInput label {
        color: #000;
        font-weight: bold;
    }

.cardFooterCarrinho {
    padding: 2%;
    margin-top: 3px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "q c";
    background-color: #FFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .cardFooterCarrinho > .ftrCardQtd {
        display: flex;
        grid-area: q;
        justify-content: center;
        align-items: center;
    }

    .cardFooterCarrinho > .ftrCardCarrinho {
        display: flex;
        grid-area: c;
        justify-content: center;
        align-items: center;
    }

    #cardmercadoria .card-body {
        margin: 5px 0px;
        padding: 0;
    }

.cardDescricao {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lblDescricaoPesoMedio {
    margin: 2px 0px;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    align-self: center;
}

.imgInfo {
    padding: 0 !important;
    margin-left: 0px;
    margin-right: 0px !important;
}

.descInfo {
    font-size: 12px;
    margin-left: 5px;
}

.modalValorMercadoria {
    padding: 0;
    display: grid;
    background-color: #FFF;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "pn pp" "ec ec";
}

    .modalValorMercadoria > .divModalPrecoNormal {
        display: flex;
        grid-area: pn;
        justify-content: center;
        align-items: center;
        text-decoration: line-through;
    }

        .modalValorMercadoria > .divModalPrecoNormal label {
            font-size: 1.3em;
            text-decoration: line-through;
        }

    .modalValorMercadoria > .divModalPrecoPromocao {
        display: flex;
        grid-area: pp;
        justify-content: center;
        align-items: center;
        color: red;
        font-size: 1.8em;
        font-weight: bold;
    }

    .modalValorMercadoria > .divModalEconomia {
        display: flex;
        margin-left: 6px;
        margin-right: 6px;
        grid-area: ec;
        background: red;
        color: #FFF;
        font-weight: bold;
        border-radius: 14px;
        max-height: 30px;
        font-size: 1.4em;
        justify-content: center;
        align-content: center;
    }

.modalObsMercadoria {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "obs";
}

    .modalObsMercadoria > .divModalObs {
        display: block;
        background-color: #FFF;
        grid-area: obs;
        margin-left: 10px;
        margin-right: 10px;
        justify-content: center;
        align-content: center;
    }

        .modalObsMercadoria > .divModalObs label {
            font-weight: bold;
            font-size: 1.2em;
            color: black;
        }

.modalfooterMercadoria {
    padding: 2%;
    margin-top: 3px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". mdq mdc";
    background-color: #FFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .modalfooterMercadoria > .modalftrCardQtd {
        display: flex;
        grid-area: mdq;
        margin-left: 5px;
        margin-right: 5px;
        justify-content: center;
        align-items: center;
    }

    .modalfooterMercadoria > .modalftrCardCarrinho {
        display: flex;
        grid-area: mdc;
        justify-content: center;
        align-items: center;
    }

.ftrAcessoRapido {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "acsTermos acsPolitica";
}

    .ftrAcessoRapido a {
        text-align: center;
    }
.acsDadosEmpresa {
    margin-top: 60px;    
}
    .acsDadosEmpresa p {
        line-height: 5px;                
        text-align:center
    }
.footer_contact p{
    font-weight: bold;
}

.acsTermosUso {
    display: flex;
    grid-area: acsTermos;
    justify-content: center;
    align-content: center;
}

.acsPoliticaPrv {
    display: flex;
    grid-area: acsPolitica;
    justify-content: center;
    align-content: center;
}

.ftrHorario {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "hrretirada hrentrega vlrentrega";
}

    .ftrHorario a {
        text-align: center;
    }

    .ftrHorario label {
        color: #1E90FF;
    }

.ftrHorarioRetirada {
    display: flex;
    flex-direction: column;
    grid-area: hrretirada;
    justify-content: center;
    align-content: center;
}

.divValorMinimoEntrega {
    display: flex;
    flex-direction: column;
    align-content: center;
}

    .divValorMinimoEntrega > label {
        text-align: center;
        color: #000;
        font-weight: bold;
    }

.ftrHorarioRetirada a {
    cursor: pointer;
}

.ftrHorarioEntrega {
    display: flex;
    flex-direction: column;
    grid-area: hrentrega;
    justify-content: center;
    align-content: center;
}

.divValorMinimoEntrega > label {
    text-align: center;
    color: #000;
    font-weight: bold;
}

.ftrHorarioEntrega a {
    cursor: pointer;
}
.ftrValoresEntrega {
    display: flex;
    grid-area: vlrentrega;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

    .ftrValoresEntrega a {
        text-align: center;
    }


    .ftrValoresEntrega label {        
        color: #1E90FF;
        text-align: center;
    }


.ftrContato {
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 23% 23% 18% 18% 18%;
    grid-template-areas: "lgtel lgwt lgem lgin lgfb";
}

    .ftrContato a {
        text-align: center;
        cursor: pointer;
    }

.divSocial {
    padding: 0;
    margin-top: 3px;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 23% 23% 18% 18% 18%;
    grid-template-areas: "lgtel lgwt lgem lgin lgfb";
    grid-gap: 2px;
}



    .divSocial a {
        text-align: center
    }

    .divSocial .lblSocial {
        display: flex;
        justify-content: center;
        align-content: center;
    }

.logoEmail {
    display: flex;
    grid-area: lgem;
    justify-content: center;
    align-content: center;
}


.logoTelefone {
    display: flex;
    margin-left: 2px;
    grid-area: lgtel;
    justify-content: center;
    align-content: center;
}

.logoWhats {
    display: flex;
    grid-area: lgwt;
    justify-content: center;
    align-content: center;
}


.logoInsta {
    display: flex;
    grid-area: lgin;
    justify-content: center;
    align-content: center;
}

.logoFace {
    display: flex;
    grid-area: lgfb;
    justify-content: center;
    align-content: center;
}

/*estilo Cookies popUp*/
.cookiesPrincipal {
    display: none;
    justify-content: center;
    align-content: center;
    position: fixed;
    bottom: 15px;
    background-color: rgba(0, 0, 0, 0.7);
    width: 90%;
    height: 90px;
    z-index: 999;
    left: 5%;
    border-radius: 8px;    
}
    .conteudoCookies {
        display: flex;
        align-self: center;
        justify-content: space-between;
    }
        .conteudoCookies button {
            background: #dbce37;
            color: #000;
            width: 5em;
            height: 40px;
            outline: none;
            border: none;
            border-radius: 8px;  
            margin-right: 10px;
        }
            .conteudoCookies button:hover {
                background: #a39b36;
                cursor: pointer;
                
            }

.cookiesPrincipal p {
    color: #FFF;
    font-size: 15px;
    margin-right: 10px;
    text-decoration-color: #FFF;
}
    .cookiesPrincipal a{
        text-decoration:underline;  
        
    }
.cookiesPrincipal a:hover {
    background: none;
}

/*estilo popUp dispositivo*/
.popUpDispositivo {
    display: none;
    justify-content: center;
    align-content: center;
    position: fixed;
    top: 15px;
    background-color: rgba(0, 0, 0, 0.9);
    width: 98%;
    height: 90px;
    z-index: 9999;
    left: 1%;
    border-radius: 8px;
}
    .popUpDispositivo p {
        color: #FFF;
        font-size: 15px;
        margin-right: 10px;
        text-decoration-color: #FFF;
    }
    .popUpDispositivo a {
        color: #FFF;
        text-decoration: underline;
    }
        .popUpDispositivo a:hover {
            background: none;
        }
.conteudoPopUpDispositivo{
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction:column;
}
    .conteudoPopUpDispositivo button {
        background: #dbce37;
        color: #000;
        width: 5em;
        height: 40px;
        outline: none;
        border: none;
        border-radius: 8px;
        margin-right: 10px;
        align-self: center;
    }

        .conteudoPopUpDispositivo button:hover {
            background: #a39b36;
            cursor: pointer;
        }
#imgLojaApple{
    width: 80px;
    height: 24px;
}
#imgLojaAndroid {
    width: 80px;
    height: 24px;
}
/*.btn {
    box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.5);
}*/
.jumbotron {
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
    margin-top: 6vh;
}

    .jumbotron .display-4 {
        color: #FFFFFF;
    }


.table-responsive {
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
    background: #FFFFFF;
}

.inputQtdTable {
    min-width: 80px;
}

.box-ckeckout {
    padding: 10px;
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
    background: #FFFFFF;
}

.modalAguarde {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader.gif') 50% 50% no-repeat rgba(255,255,255,1.0);
    opacity: 0.8;
}

.carregando {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader.gif') 50% 50% no-repeat rgba(255,255,255,1.0);
    opacity: 0.8;
}

/*.carregandoInicial {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../ /images/loadingcube.gif') 50% 50% no-repeat rgb(0,0,0);
    opacity: 0.7;
}*/
.load {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30%;
    left: 45%;
    color: blue;
}

.nav_Filtro {
    margin-top: 100px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
}

/*Carousel Secundário*/


.figCarouselFlex {
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.divImgFlex {
    margin: 12px 12px;
    border-radius: 8px !important;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
}

.divImgFlexClick {
    cursor: pointer;
    border-radius: 8px !important;
}

.divImgFlex .imgBannerSecundario {
    border-radius: 8px;
    width: 100%;
}

@media (max-width: 720px) {

    .divImgFlex {
        margin: 3px 2px !important;
        width: 43%;
        height: 100%;
    }

    .lblDescricaoPesoMedio {
        margin: 3px 0px;
    }

    .descInfo {
        font-size: 11px;
    }

    #modalConsultaCEP section {
        margin: 200px 20px;
    }
}

.sticky {
    position: fixed;
    top: 110px;
    z-index: 1;
    transition: top 0.6s linear;
}

.stickytop {
    top: 0;
}

.sidesticky {
    position: fixed;
    top: 120px;
    z-index: 1;
}


.tituloFiltro {
    display: flex;
    background: #000000;
    color: #FFF;
    height: 25px;
    justify-content: center;
    align-content: center;
    border-radius: 6px;
}

    .tituloFiltro > label {
        font-size: 1.2em;
    }

.nav_Secoes {
    padding: 5px;
    display: grid;
    margin-top: 10px;
    height: 60px;
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
    background-color: #FFF;
    grid-template-columns: 15% 15% 15% 40% 15%;
    grid-template-rows: 1fr;
    grid-template-areas: "fidelidade secoes ofertas pesquisa ordem";
}

.nav_SecoesMultibanco {
    padding: 5px;
    display: grid;
    margin-top: 10px;
    height: 60px;
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
    background-color: #FFF;
    grid-template-columns: 20% 20% 0% 40% 20%;
    grid-template-rows: 1fr;
    grid-template-areas: "secoes ofertas fidelidade pesquisa ordem";
}

.nav_Secoes a {
    cursor: pointer;
}

.nav_Secoes .form-control {
    background: LightGreen;
}

.nav_Secoes .drpordenacao {
    border-radius: 8px;
}

.psqFide {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    grid-area: fidelidade;
}

.psqSec {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    grid-area: secoes;
}

.psqOf {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    grid-area: ofertas;
}

.psqPes {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    grid-area: pesquisa;
}

    .psqPes .txtPesquisaMercadoria {
        padding: 2px;
        border-radius: 8px;
        width: 300px;
        height: 30px;
        background-color: lightgreen;
        border: 1px;
        text-align: center;
    }

    .psqPes .imgPesquisa {
        margin-top: 2px;
        margin-left: 10px;
        width: 20px;
        height: 20px;
    }

.psqOrd {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-content: center;
    grid-area: ordem;
}




ul {
    list-style: none;
    margin-bottom: 0px;
}




@media(max-width: 600px) {

    .banner {
        min-width: 90vw !important;
        margin-left: 1vw !important;
        margin-right: 5vw !important;
    }

    .sticky {
        top: 100px;
    }

    #modalConsultaCEP section {
        margin:  auto;
        padding: 20px;
    }

    .nav_Filtro {
        padding: 20px !important;
        border-radius: 8px !important;
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28) !important;
        margin-top: 25px !important;
    }

    .label-mercadoria {
        min-height: 12% !important;
        max-height: 12% !important;
    }

    .jumbotron {
        border-radius: 8px;
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
        margin-top: 15vh;
    }

    .logo {
        margin-left: 0px !important;
        padding: 0 !important;
    }

    #btnNavbarToggled {
        width: 10vw !important;
        height: 5vh !important;
        padding: 0 !important;
        min-height: 32px;
        margin-right: 1px !important;
    }

        #btnNavbarToggled .navbar-toggler-icon {
            width: 10vw !important;
            height: 5vh !important;
            min-height: 32px;
            padding: 0 !important;
        }



    #imgCheckCarrinho {
        width: 20px !important;
        height: 20px !important;
        padding: 0 !important;
    }

    #btoAlterarQuantidade {
        width: 20px !important;
        height: 20px !important;
        padding: 0 !important;
    }


    .imgCard > .imgMerc {
        display: flex;
        padding: 0;
        grid-area: m;
        margin-left: 100px;
        margin-top: 10px;
        justify-content: center;
    }
    .imagemDetalhe {
        margin-left: 80px;        
    }

    .imgCard > .imgFechar {
        text-align: center;
        color: white;
        padding: 0;
        margin-top: 5px;
        margin-left: 30px;
        margin-right: 1px;
        grid-area: f;
    }

    .imgCard > .imgUC {
        padding: 0;
        margin-bottom: 1px;
        margin-right: 3px;
        grid-area: i;
        background-color: black;
        border-radius: 8px;
        max-width: 60px;
    }

    .section_title {
        font-size: 1.0em;
    }

    .carousel-left img {
        width: 28px;
        height: 28px;
    }

    .carousel-right img {
        width: 28px;
        height: 28px;
    }
}

.float {
    position: fixed;
    width: 75px;
    height: 75px;
    top: 23%;
    right: 1%;
    background-color: #0C9;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
    z-index: 1;
}




@media (max-width: 575.98px) {

    .logo {
        margin-left: 0px !important;
        padding: 0 !important;
    }

        .logo img {
            width: 8vw;
            height: 4vh;
            padding: 0px !important;
        }

    .sticky {
        top: 70px;
    }

    #modalConsultaCEP section {
        margin: auto;
        padding: 20px;
    }


    #btnNavbarToggled {
        width: 10vw !important;
        height: 5vh !important;
        padding: 0 !important;
        min-height: 32px;
        margin-right: 1px !important;
    }

        #btnNavbarToggled .navbar-toggler-icon {
            width: 10vw !important;
            height: 5vh !important;
            min-height: 32px;
            padding: 0 !important;
        }



    .cdmercadoria {
        width: 48vw !important;
        margin-left: 3px !important;
        margin-right: 2px !important;
        margin-bottom: 3px !important;
        padding: 0px !important;
        /*new*/
        transform-style: preserve-3d;
        transition: 0.5s;
        transform-origin: center right;
    }

    .contPesquisa {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

        .contPesquisa .input-group {
            margin-bottom: 3px;
        }

    .cdmercadoria .qtdMercadoria {
        width: 35px !important;
    }

    .imgCard > .imgMerc {
        display: flex;
        padding: 0;
        grid-area: m;
        margin-left: 35px;
        margin-top: 5px;
        justify-content: center;
    }
    .imagemDetalhe {
        margin-left: 30px;
        margin-top: 5px;
    }

    .imgCard > .imgFechar {
        text-align: center;
        color: white;
        padding: 0;
        margin-top: 5px;
        margin-left: 22px;
        margin-right: 1px;
        grid-area: f;
    }

    .imgCard > .imgUC {
        padding: 0;
        margin-bottom: 1px;
        margin-right: 1px;
        grid-area: i;
        background-color: black;
        border-radius: 8px;
        max-width: 40px;
        font-size: 0.8em !important;
    }
    .inputInformeCep{
        padding:10px;
    }
    .imgNaoSeiMeuCep{
        padding: 10px;
    }
    /*Card Rotation*/
    .cdmercadoria.flipped {
        transform: translateX(-100%) rotateY(-180deg);
    }

    /*.card {
            width: 250px;
            height: 400px;
            margin: 10px 5px;
            transform-style: preserve-3d;
            transition: 0.5s;
            transform-origin: center right;
        }*/

    .cdmercadoria .face {
        width: 100%;
        height: 100%;
        position: absolute;
        backface-visibility: hidden;
        z-index: 2;
        text-align: center;
    }

    .cdmercadoria .front {
        z-index: 1;
        background: #FFF;
        color: #000;
        cursor: pointer;
        display: flex;
        justify-content: center;
        border-radius: 8px;
    }

    .cdmercadoria .back {
        transform: rotateY(-180deg);
        background: blue;
        background: white;
        color: black;
        border-radius: 8px;
    }





    .lblCardPreco {
        font-size: 1.0em !important;
    }

    #lblMercadoriaDetalheQuantidadeMercadoria {
        width: 120px;
    }
  
    .ftrCardQtd .qtdMercadoria {
        width: 80px !important;
    }

    .jumbotron {
        border-radius: 8px;
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
        margin-top: 5vh;
    }

        .jumbotron .display-4 {
            color: #FFFFFF;
            font-size: 1.3em;
        }

    .nav_Secoes {
        padding: 0;
        display: grid;
        margin-top: 15px;
        height: 80px;
        border-radius: 8px;
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
        background-color: #FFF;
        grid-template-columns: 33% 34% 33%;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "fidelidade secoes ofertas" "pesquisa pesquisa ordem";
    }

    .nav_SecoesMultibanco {
        padding: 0;
        display: grid;
        margin-top: 10px;
        height: 85px;
        border-radius: 8px;
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
        background-color: #FFF;
        grid-template-columns: 33% 34% 33%;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "secoes fidelidade ofertas" "pesquisa pesquisa ordem";
    }


    .nav_Secoes .text-secoes {
        font-size: 1.1em !important;
    }

    .nav_Secoes img {
        width: 15px !important;
        height: 15px !important;
    }

    .txtPesquisaMercadoria {
        margin-bottom: 5px;
        margin-left: 20px;
        width: 190px !important;
    }




    .divSocial {
        padding: 0;
        margin-top: 30px;
        margin-bottom: 0;
        display: grid;
        grid-template-columns: 35% 30% 35%;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "lgtel . lgwt" "lgem lgin lgfb";
    }

    .ftrContato {
        padding: 0;
        margin-top: 30px;
        margin-bottom: 0;
        display: grid;
        grid-template-columns: 35% 30% 35%;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "lgtel . lgwt" "lgem lgin lgfb";
    }

    .navLogin {
        display: block !important;
    }

    .section_title {
        font-size: 1.2em !important;
    }

/*Cookies*/
    .cookiesPrincipal{
        min-width: 98%;
        left: 1%;
        padding-left: 5px;
    }
    .conteudoCookies p {
        font-size: 0.8em;
    }
    .conteudoCookies button{
        min-width: 60px;
        min-height: 20px;
        margin-left: 5px;
    }
}
.card {
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
}

    .card img {
        border-radius: 8px;
        padding: 10px;
    }

    .card:hover {
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
        transition: 0.3s;
    }


@media (min-width: 576px) and (max-width: 767.98px) {
    .cdmercadoria {
        width: 190px !important;
        margin-left: 12px !important;
        margin-right: 2px !important;
        margin-bottom: 7px !important;
        padding: 0px !important;
    }

    .banner {
        min-width: 90vw !important;
        margin-left: 1vw !important;
        margin-right: 5vw !important;
    }


    .contPesquisa {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

        .contPesquisa .input-group {
            margin-bottom: 3px;
        }

    #modalConsultaCEP section {
        margin: auto;
        padding: 20px
    }

    .nav_Secoes {
        padding: 0;
        display: grid;
        margin-top: 10px;
        height: 85px;
        border-radius: 8px;
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
        background-color: #FFF;
        grid-template-columns: 33% 34% 33%;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "fidelidade secoes ofertas" "pesquisa pesquisa ordem";
    }

    .nav_SecoesMultibanco {
        padding: 0;
        display: grid;
        margin-top: 10px;
        height: 85px;
        border-radius: 8px;
        box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
        background-color: #FFF;
        grid-template-columns: 50% 0% 50%;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "secoes fidelidade ofertas" "pesquisa pesquisa ordem";
    }

    .nav_Secoes .text-secoes {
        font-size: 1.3em !important;
    }

    .nav_Secoes img {
        width: 20px !important;
        height: 20px !important;
    }

    .txtPesquisaMercadoria {
        margin-bottom: 5px;
        margin-left: 100px;
        width: 320px !important;
    }

    .section_title {
        font-size: 1.2em;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {
    .cdmercadoria {
        width: 190px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        margin-bottom: 7px !important;
        padding: 0px !important;
    }

    .sticky {
        margin-left: 6vw !important;
        top: 110px;
    }

    #modalConsultaCEP section {
        margin: 200px 20px;
    }


    .nav_Secoes .text-secoes {
        font-size: 1.1em !important;
    }

    .nav_Secoes img {
        width: 15px !important;
        height: 15px !important;
    }

    .nav_Secoes .imgPesquisa {
        width: 15px !important;
        height: 15px !important;
    }

    .txtPesquisaMercadoria {
        width: 200px !important;
    }

    .section_title {
        margin-right: 17vw;
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    .cdmercadoria {
        width: 190px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        margin-bottom: 7px !important;
        padding: 0px !important;
    }

    .sticky {
        margin-left: 1vw !important;
        top: 110px;
    }

    .section_title {
        margin-right: 17vw;
    }

    #modalConsultaCEP section {
        margin: 200px 60px;
    }
}


@media (min-width: 1200px) {
    .cdmercadoria {
        width: 215px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        margin-bottom: 7px !important;
        padding: 0px !important;
    }

    .sticky {
        margin-left: 100px !important;
        top: 110px;
    }

    .section_title {
        margin-right: 17vw;
    }

    #modalConsultaCEP section {
        margin: 200px 200px;
    }
}

@media (min-width: 1400px) {
    .sticky {
        margin-left: 20vw !important;
        top: 110px;
    }

    .section_title {
        margin-right: 17vw;
    }

    #modalConsultaCEP section {
        margin: 200px 400px;
    }
}


.sectionTermosdeUso {
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
}

    .sectionTermosdeUso p {
        color: black;
    }

    .sectionTermosdeUso .tituloParagrafo {
        font-weight: bold;
    }

.card-mercadoria {
    border-radius: 8px;
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
    background: #FFFFFF;
}

.label-mercadoria {
    min-height: 20%;
    max-height: 20%;
}

.img-mercadoria {
    border-radius: 8px;
}


p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: #969696;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}


    p a {
        display: inline;
        position: relative;
        color: inherit;
        border-bottom: solid 1px #ffa07f;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    p:last-of-type {
        margin-bottom: 0;
    }

a {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    a, a:hover, a:visited, a:active, a:link {
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
        text-shadow: rgba(0,0,0,.01) 0 0 1px;
    }

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

    p a:hover::after {
        opacity: 0.2;
    }

::selection {
    background: rgba(188,155,155,0.6);
    color: #FFFFFF;
}

p::selection {
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    line-height: 1.2;
}

    h1::selection,
    h2::selection,
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection {
    }

img {
    max-width: 100%;
}

button:active {
    outline: none;
}

.form-control {
    color: #db5246;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.super_container_inner {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .super_container_inner.active {
        -webkit-transform: translateX(350px);
        -moz-transform: translateX(350px);
        -ms-transform: translateX(350px);
        -o-transform: translateX(350px);
        transform: translateX(350px);
    }

.super_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.super_container_inner.active .super_overlay {
    visibility: visible;
    opacity: 1;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.parallax_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.nopadding {
    padding: 0px !important;
}

.section_title {
    font-size: 1.8em;
    font-weight: 700;
    color: #4a4a4a;
    line-height: 1.2;
    text-align: center;
}

/*********************************
3. Header
*********************************/

.header {
    display: block;
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    z-index: 100;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .header.active {
        -webkit-transform: translateX(350px);
        -moz-transform: translateX(350px);
        -ms-transform: translateX(350px);
        -o-transform: translateX(350px);
        transform: translateX(350px);
    }

.header_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.header.active .header_overlay {
    visibility: visible;
    opacity: 1;
}

.header_content {
    width: 100%;
    height: 79px;
    padding-left: 20px;
    padding-right: 42px;
}

.header.scrolled {
    box-shadow: 1px 0px 14px -1px rgba(0,0,0,0.28);
}

.logo a > div > div:last-child {
    padding-left: 15px;
    font-size: 24px;
    font-weight: 700;
    color: #4a4a4a;
}

.hamburger {
    display: none;
    margin-left: 25px;
    cursor: pointer;
    margin-top: 4px;
}

    .hamburger i {
        font-size: 24px;
        color: #2e2e2e;
    }

    .hamburger:hover i {
        color: #2fce98;
    }

.main_nav {
    margin-left: 111px;
}

    .main_nav ul li:not(:last-of-type) {
        margin-right: 49px;
    }

    .main_nav ul li a {
        font-size: 20px;
        color: #2e2e2e;
        font-weight: 400;
    }

        .main_nav ul li.active a,
        .main_nav ul li a:hover {
            color: #2fce98;
        }

.header_search {
    margin-right: 65px;
}

.header_search_form {
    display: block;
}

    .header_search_form label {
        text-align: center;
    }

.search_input {
    width: 450px;
    height: 39px;
    border: solid 1px #4a4a4a;
    border-radius: 20px;
    outline: none;
    text-align: center;
    font-size: 16px;
    color: #2e2e2e;
    font-weight: 300;
    box-shadow: 0 0 1px 0px #4a4a4a inset, 0 0 1px 0px #4a4a4a;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .search_input:focus,
    .search_input:hover {
        border-color: #2fce98;
        box-shadow: 0 0 1px 0px #2fce98 inset, 0 0 1px 0px #2fce98;
    }

    .search_input::-webkit-input-placeholder {
        content: "Pesquisar";
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #2e2e2e !important;
    }

    .search_input:-moz-placeholder {
        content: "Pesquisar";
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #2e2e2e !important;
    }

    .search_input::-moz-placeholder {
        content: "Pesquisar";
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #2e2e2e !important;
    }

    .search_input:-ms-input-placeholder {
        content: "Pesquisar";
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #2e2e2e !important;
    }

.header_search_button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 44px;
    height: 39px;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}

.user {
    margin-right: 28px;
}

    .user a > div {
        width: 40px;
        height: 40px;
    }

        .user a > div > svg {
            max-width: 100%;
            height: auto;
        }

        .user a > div > div {
            position: absolute;
            top: -12px;
            right: -4px;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            background: #2fce98;
            text-align: center;
            line-height: 24px;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: 700;
        }

.cart {
    margin-right: 29px;
}

    .cart a > div {
        width: 37px;
        height: 37px;
    }

        .cart a > div > svg {
            max-width: 100%;
            height: auto;
        }

.header_phone > div:first-child > div {
    width: 36px;
    height: 36px;
}

.header_phone > div:last-child {
    font-size: 18px;
    font-weight: 700;
    color: #4a4a4a;
    padding-left: 26px;
}

.svg path, .svg rect, .svg polygon {
    fill: #778990;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.svg:hover path,
.svg:hover rect,
.svg:hover polygon {
    fill: #2fce98;
}

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: 0;
    left: -350px;
    width: 350px;
    height: 100vh;
    background: #f8f8f8;
    padding-left: 40px;
    padding-top: 79px;
    padding-right: 45px;
    z-index: 101;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .menu.active {
        left: 0;
    }

.menu_search_form .search_input {
    text-align: left;
    padding-left: 25px;
}

.menu_nav ul li a {
    position: relative;
    font-size: 20px;
    color: #2e2e2e;
    font-weight: 400;
}

    .menu_nav ul li a:hover {
        color: #2fce98;
    }

    .menu_nav ul li a::after {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 0%;
        height: 2px;
        background: #2fce98;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
        content: '';
    }

    .menu_nav ul li a:hover::after {
        width: 100%;
    }

.menu_contact {
    position: absolute;
    left: 40px;
    bottom: 25px;
}

.menu_phone > div:first-child > div {
    width: 18px;
    height: 18px;
}

.menu_phone > div:last-child {
    font-size: 14px;
    font-weight: 700;
    color: #4a4a4a;
    padding-left: 16px;
}

.menu_social {
    margin-top: 20px;
}

.menu_social_list li {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: solid 2px #6d6d6d;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .menu_social_list li:not(:last-of-type) {
        margin-right: 12px;
    }

    .menu_social_list li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

        .menu_social_list li a i {
            line-height: 29px;
            color: #6d6d6d;
            font-size: 14px;
            -webkit-transition: all 400ms ease;
            -moz-transition: all 400ms ease;
            -ms-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            transition: all 400ms ease;
        }

    .menu_social_list li:hover {
        border-color: #2fce98;
    }

        .menu_social_list li:hover a i {
            color: #2fce98;
        }

.menu_search {
    display: none;
    margin-bottom: 48px;
}

.menu_search_form {
    position: relative;
}

    .menu_search_form > .search_input {
        width: 100%;
    }

.menu_search_button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 44px;
    height: 39px;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
}

/*********************************
5. Home
*********************************/

.home {
    width: 100%;
    height: 100vh;
    padding-top: 79px;
}

.home_slider_container {
    width: 100%;
    height: 100%;
}

.home_container {
    width: 100%;
    height: 100%;
    padding-top: 73px;
}

.home_content {
    width: 100%;
}

.home_title {
    font-size: 48px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.2;
}

.home_subtitle {
    font-size: 48px;
    color: #FFFFFF;
    font-weight: 100;
    text-align: center;
    line-height: 1.2;
    margin-top: -3px;
}

.home_items {
    margin-top: 51px;
}

.home_item_side {
    margin-top: 68px;
}

.product {
    overflow: hidden;
    border-radius: 3px;
}

.product {
    margin-bottom: 30px;
}

    .product.home_item_large {
        margin-bottom: 0;
    }

.product_tag {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 127px;
    height: 127px;
    background: #2fce98;
    border-radius: 50%;
    z-index: 1;
}

    .product_tag > div > div {
        color: #FFFFFF;
        line-height: 0.75;
    }

        .product_tag > div > div:first-of-type {
            font-size: 24px;
            font-weight: 100;
        }

        .product_tag > div > div:last-of-type {
            font-size: 36px;
            font-weight: 500;
            margin-top: 11px;
        }

            .product_tag > div > div:last-of-type span {
                font-size: 24px;
                vertical-align: top;
                margin-left: 2px;
            }

.product_content {
    border: solid 2px #dbdbdb;
}

.home_item_large .product_content {
    background: rgba(255,255,255,0.2);
    border-top: solid 2px #dbdbdb;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.product_info {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 18px;
    padding-bottom: 10px;
}

.product_name {
    max-width: 175px;
}

    .product_name a {
        font-size: 20px;
        line-height: 1.2;
        color: #4a4a4a;
        font-weight: 500;
    }

        .product_name a:hover,
        .product_category a:hover {
            color: #2fce98;
        }

.home_item_large .product_name a,
.home_item_large .product_category,
.home_item_large .product_category a {
    color: #FFFFFF;
}

.product_category {
    margin-top: 2px;
}

    .product_category,
    .product_category a {
        font-size: 14px;
        color: #969696;
        font-style: italic;
        font-weight: 400;
    }

.home_item_large .product_category,
.home_item_large .product_category a {
    font-weight: 300;
}

.rating_r i:not(:last-of-type) {
    margin-right: 4px;
}

.rating_r i::before {
    font-family: 'FontAwesome';
    content: "\f006";
    font-style: normal;
    font-size: 16px;
    color: #4a4a4a;
}

.home_item_large .rating_r i::before {
    color: #FFFFFF;
}

.rating_r_1 i:first-child::before {
    content: "\f005";
}

.rating_r_2 i:first-child::before {
    content: "\f005";
}

.rating_r_2 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_3 i:first-child::before {
    content: "\f005";
}

.rating_r_3 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_3 i:nth-child(3)::before {
    content: "\f005";
}

.rating_r_4 i:first-child::before {
    content: "\f005";
}

.rating_r_4 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_4 i:nth-child(3)::before {
    content: "\f005";
}

.rating_r_4 i:nth-child(4)::before {
    content: "\f005";
}

.rating_r_5 i:first-child::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(2)::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(3)::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(4)::before {
    content: "\f005";
}

.rating_r_5 i:nth-child(5)::before {
    content: "\f005";
}

.product_price {
    font-size: 30px;
    color: #4a4a4a;
    font-weight: 500;
    margin-top: 19px;
    line-height: 0.75;
}

.home_item_large .product_price {
    color: #FFFFFF;
}

.product_price span {
    font-size: 16px;
    margin-left: 1px;
    vertical-align: top;
}

.product_buttons {
    width: 100%;
    height: 57px;
}

.home_item_large .product_buttons {
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.product_buttons > div {
    width: 100%;
    height: 100%;
}

    .product_buttons > div > div {
        width: 50%;
        height: 100%;
        border-top: solid 1px #ededed;
        background: rgba(255,255,255,0);
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .product_buttons > div > div svg {
            max-width: 100%;
            height: auto;
        }

.home_item_large .product_buttons > div > div {
    border-top: solid 1px rgba(255,255,255,0.2);
}

.product_buttons > div > div:hover {
    background: #2fce98;
}

.home_item_large .product_buttons > div > div:hover {
    background: rgba(255,255,255,0.1);
}

.product_buttons > div > div:first-of-type {
    border-right: solid 1px #ededed;
}

.home_item_large .product_buttons > div > div:first-of-type {
    border-right: solid 1px rgba(255,255,255,0.2);
}

.product_button {
    cursor: pointer;
}

    .product_button > div > div {
        width: 36px;
        height: 36px;
        margin-top: 4px;
    }

        .product_button > div > div img {
            max-width: 100% !important;
        }

        .product_button > div > div > div {
            position: absolute;
            top: -3px;
            right: -4px;
            width: 18px;
            height: 18px;
            background: #2fce98;
            color: #FFFFFF;
            text-align: center;
            line-height: 18px;
            font-size: 14px;
            border-radius: 50%;
        }

    .product_button svg path, .product_button svg rect, .product_button svg polygon {
        fill: #4a4a4a;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .product_button:hover svg path,
    .product_button:hover svg rect,
    .product_button:hover svg polygon {
        fill: #FFFFFF;
    }

.home_slider_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: solid 2px #FFFFFF;
    border-radius: 2px;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .home_slider_nav:hover {
        border-color: #2fce98;
    }

    .home_slider_nav i {
        line-height: 40px;
        color: #FFFFFF;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .home_slider_nav:hover i {
        color: #2fce98;
    }

.home_slider_nav_prev {
    left: 46px;
}

.home_slider_nav_next {
    right: 46px;
}

.home_slider_dots_container {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 72px;
    z-index: 1;
}

.home_slider_custom_dot {
    width: 32px;
    height: 32px;
    border: solid 2px #FFFFFF;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .home_slider_custom_dot:not(:last-child) {
        margin-right: 8px;
    }

    .home_slider_custom_dot:hover {
        border-color: #2fce98;
        color: #2fce98;
    }

/*********************************
6. Products
*********************************/

.products {
    background: #FFFFFF;
    padding-top: 72px;
    padding-bottom: 82px;
}

.page_nav_row {
    margin-top: 35px;
}

.page_nav {
    width: 100%;
}

    .page_nav ul {
        display: block;
    }

        .page_nav ul li:not(:last-of-type)::after {
            display: inline-block;
            font-size: 18px;
            font-weight: 700;
            color: #4a4a4a;
            content: '/';
            margin-left: 14px;
            margin-right: 14px;
        }

        .page_nav ul li a {
            font-size: 18px;
            font-weight: 700;
            color: #4a4a4a;
        }

            .page_nav ul li.active a,
            .page_nav ul li a:hover {
                color: #2fce98;
            }

.products_row {
    margin-top: 32px;
}

.load_more_row {
    margin-top: 20px;
}

.button {
    width: 138px;
    height: 44px;
    background: #2fce98;
    border-radius: 2px;
    text-align: center;
    border: solid 2px #2fce98;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .button a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 18px;
        font-weight: 700;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 40px;
    }

    .button:hover {
        background: transparent;
    }

        .button:hover a {
            color: #2fce98;
        }

/*********************************
7. Boxes
*********************************/

.boxes {
    width: 100%;
    background: #FFFFFF;
}

    .boxes > .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

.boxes_container {
    width: 100%;
    height: 296px;
}

.box {
    width: calc((100% - 76px) / 3);
    height: 100%;
}

.box_content {
    width: 100%;
    height: 100%;
    padding-left: 41px;
    padding-right: 32px;
}

.box_left {
    width: 50%;
}

.box_right {
    width: 50%;
}

.box_title {
    max-width: 165px;
    font-size: 26px;
    font-weight: 700;
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

.box_image {
    width: 240px;
    height: 177px;
    max-width: 100%;
}

    .box_image a {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }

        .box_image a::after {
            display: block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            right: -24px;
            width: 49px;
            height: 49px;
            background: #2fce98;
            border-radius: 2px;
            z-index: 1;
            font-family: 'FontAwesome';
            content: '\f054';
            font-size: 18px;
            color: #FFFFFF;
            line-height: 49px;
            text-align: center;
            -webkit-transition: all 400ms ease;
            -moz-transition: all 400ms ease;
            -ms-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            transition: all 400ms ease;
        }

    .box_image:hover a::after {
        right: -40px;
    }

/*********************************
8. Features
*********************************/

.features {
    width: 100%;
    background: #FFFFFF;
    padding-top: 72px;
    padding-bottom: 71px;
}

.feature {
    height: 126px;
    background: #f8f8f8;
    overflow: hidden;
}

.feature_col:not(:nth-child(2)) .feature {
    margin-top: 11px;
}

.feature_col:nth-child(2) .feature {
    width: calc(100% + 60px);
    left: -30px;
    height: 147px;
    background: #2fce98;
}

.feature_left {
    width: 50%;
    height: 100%;
}

.feature_right {
    width: 50%;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.feature_col:not(:nth-child(2)) .feature_left {
    padding-left: 23px;
}

.feature_col:nth-child(2) .feature_left {
    padding-left: 26px;
}

.feature_icon {
    max-width: 100%;
}

.feature_col:first-child {
}

    .feature_col:first-child .feature_icon {
        width: 141px;
        height: 110px;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }

.feature_col:nth-child(3) .feature_icon {
    width: 131px;
    height: 131px;
    -webkit-transform: translateY(35px);
    -moz-transform: translateY(35px);
    -ms-transform: translateY(35px);
    -o-transform: translateY(35px);
    transform: translateY(35px);
}

.feature_col:nth-child(2) .feature_icon {
    width: 115px;
    height: 115px;
    -webkit-transform: translateY(22px);
    -moz-transform: translateY(22px);
    -ms-transform: translateY(22px);
    -o-transform: translateY(22px);
    transform: translateY(22px);
}

.feature_title {
    font-size: 24px;
    font-weight: 700;
    color: #4a4a4a;
    line-height: 1.166666;
}

.feature_col:nth-child(2) .feature_title {
    color: #FFFFFF;
}

.feature_col:nth-child(3) .feature_title {
    max-width: 110px;
}

/*********************************
9. Footer
*********************************/

.footer {
    display: block;
    width: 100%;
    background: #f8f8f8;
}

.footer_content {
    padding-bottom: 37px;
}

.footer_about {
    padding-top: 47px;
}

.footer_logo {
    margin-left: -71px;
}

    .footer_logo a {
        display: block;
    }

        .footer_logo a > div > div:last-child {
            font-size: 34.46px;
            font-weight: 700;
            color: #4a4a4a;
            padding-left: 22px;
            -webkit-transform: translateY(3px);
            -moz-transform: translateY(3px);
            -ms-transform: translateY(3px);
            -o-transform: translateY(3px);
            transform: translateY(3px);
        }

.footer_about_text {
    margin-top: 24px;
    padding-right: 50px;
}

.footer_menu {
    padding-top: 64px;
}

.footer_title {
    font-size: 1.7em;
    font-weight: 700;
    color: #4a4a4a;
    line-height: 0.75;
    text-align: center;
}

.footer_list {
    display: block;
    width: 100%;
    margin-top: 29px;
}

    .footer_list li {
        width: 100%;
        position: relative;
        height: 60px;
    }

        .footer_list li:not(:last-of-type) {
            border-bottom: solid 2px #eeeeee;
        }

        .footer_list li a {
            display: block;
            position: relative;
            font-size: 18px;
            color: #4a4a4a;
            line-height: 58px;
        }

            .footer_list li a:hover {
                color: #2fce98;
            }

            .footer_list li a > div::after {
                display: block;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                left: 0;
                font-family: 'FontAwesome';
                content: '\f054';
                font-size: 11px;
                color: #969696;
            }

            .footer_list li a:hover > div::after {
                color: #2fce98;
            }

            .footer_list li a > div {
                display: inline-block;
                padding-left: 22px;
            }

                .footer_list li a > div > div {
                    display: block;
                    position: absolute;
                    top: 0;
                    white-space: nowrap;
                    font-size: 10px;
                    color: #FFFFFF;
                    line-height: 0.75;
                    text-transform: uppercase;
                    padding-top: 2px;
                    padding-bottom: 2px;
                    padding-left: 4px;
                    padding-right: 4px;
                    border-radius: 6px;
                    margin-top: 10px;
                }

.footer_tag_1 {
    left: calc(100% + 5px);
    background: #2fce98;
}

.footer_tag_2 {
    left: calc(100% + 25px);
    background: #beaf4a;
}

.footer_contact {
    padding-top: 64px;
}

.newsletter {
    margin-top: 48px;
}

.newseletter_form {
    width: 100%;
}

.newsletter_input {
    width: 100%;
    height: 53px;
    background: #FFFFFF;
    padding-left: 28px;
    border: none;
    outline: none;
    color: #4a4a4a;
    border-radius: 27px;
}

    .newsletter_input::-webkit-input-placeholder {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #4a4a4a !important;
    }

    .newsletter_input:-moz-placeholder {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #4a4a4a !important;
    }

    .newsletter_input::-moz-placeholder {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #4a4a4a !important;
    }

    .newsletter_input:-ms-input-placeholder {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #4a4a4a !important;
    }

    .newsletter_input::input-placeholder {
        font-size: 16px !important;
        font-weight: 500 !important;
        color: #4a4a4a !important;
    }

.newsletter_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background: #2fce98;
    border: none;
    outline: none;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 53px;
    text-align: center;
    cursor: pointer;
}

.footer_social {
    margin-top: 42px;
}

.footer_social_list {
    margin-top: 41px;
}

    .footer_social_list li {
        width: 53px;
        height: 53px;
        border-radius: 50%;
        border: solid 2px #6d6d6d;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

        .footer_social_list li:not(:last-of-type) {
            margin-right: 17px;
        }

        .footer_social_list li a {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            -webkit-transition: all 400ms ease;
            -moz-transition: all 400ms ease;
            -ms-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            transition: all 400ms ease;
        }

            .footer_social_list li a i {
                line-height: 49px;
                color: #6d6d6d;
                font-size: 24px;
                -webkit-transition: all 400ms ease;
                -moz-transition: all 400ms ease;
                -ms-transition: all 400ms ease;
                -o-transition: all 400ms ease;
                transition: all 400ms ease;
            }

        .footer_social_list li:hover {
            border-color: #2fce98;
            transform: translateY(-5px);
        }

        .footer_social_list li a:hover i {
            color: #2fce98;
        }

.footer_bar {       
    width: 100%;
    border-top: solid 2px #d5d5d5;    
}
.footer_principal{
    margin-top: 15rem;
}

.footer_bar_content {
    height: 74px;
}

.footer_nav ul li:not(:last-of-type) {
    margin-right: 37px;
}

.footer_nav ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #4a4a4a;
}

    .footer_nav ul li a:hover {
        color: #2fce98;
    }

.copyright {
    font-size: 16px;
    color: #969696;
    font-weight: 300;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


.navHeader {
    background-color: #fff;
    box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, .1);
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 0;
}

    .navHeader ul {
        display:flex;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        background-color: #fff;
        justify-content: space-between;
    }

.navMenu li a {
    display: block;
    cursor: pointer;
}
.navMenu li{
    text-align:center;
}

header ul a {
    display: block;
    padding: 10px;
    text-decoration: none;
}

.navHeader .navLogo {
    margin-top: 5px;
    float: left;
    display: block;
    padding: 6px 2px;
}

.navHeader .navMenu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

.navHeader .navMenu-icon {
    padding: 28px 20px;
    position: relative;
    float: left;
    cursor: pointer;
}
.navHeader span{    
    font-weight: bold;
    font-size: 12px;    
}
/*.navHeader img{
    margin-bottom: 0px;
}*/
.navHeader #lblNomeCliente {
    color: #0a14c9 !important;
}
.navHeader #lblContadorMercadoriasCarrinho {
    color: #d90b0b !important;
}
  
.navHeader #lblLojaSelecionada{
    color: #000000 !important;
}
.navHeader #lblMinhasCompras {
    color: #000000 !important;
}
.navHeader #NavlogoTexto {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
.navHeader .navMenu-icon .nav-icon {
    background: #333;
    display: block;
    height: 2px;
    width: 18px;
    position: relative;
    transition: background .2s ease-out;
}

        .navHeader .navMenu-icon .nav-icon:before {
            background: #333;
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            position: absolute;
            transition: all .2s ease-out;
            top: 5px;
        }

        .navHeader .navMenu-icon .nav-icon:after {
            background: #333;
            content: "";
            display: block;
            height: 100%;
            width: 100%;
            position: absolute;
            transition: all .2s ease-out;
            top: -5px;
        }



.navHeader .navMenu-btn {
    display: none;
}

    .navHeader .navMenu-btn:checked ~ .navMenu {
        max-height: 240px;
    }

    .navHeader .navMenu-btn:checked ~ .navMenu-icon .nav-icon {
        background: transparent;
    }

        .navHeader .navMenu-btn:checked ~ .navMenu-icon .nav-icon:before {
            transform: rotate(-45deg);
            top: 0;
        }

        .navHeader .navMenu-btn:checked ~ .navMenu-icon .nav-icon:after {
            transform: rotate(45deg);
            top: 0;
        }

.navCarrinho {
    float: right;
    display: block;
    padding: 10px 20px;
}
.navHeader .navImgIcon {
    width: 30px;
    height: 30px;
}
.navHeader .navImgLogo {
    width: 50px;
    height: 40px;
}



@media (min-width: 768px) {
    .navHeader li {
        float: left;
    }
    .navHeader .navImgIcon {
        width: 34px;
        height: 34px;
    }

        .navHeader li a {
            padding: 20px 30px;
        }

    .navHeader .navMenu {
        clear: none;
        float: right;
        max-height: none;
    }

    .navHeader .navMenu-icon {
        display: none;
    }
    .navHeader #NavlogoTexto {        
        font-size: 23px;        
    }
    .navHeader .navImgLogo {
        width: 72px;
        height: 52px;
    }
    .navHeader span {
        font-weight: bold;
        font-size: 15px;
    }
    header ul a {
        padding: 20px;
        
    }
    .navCarrinho {
        float: right;
        display: block;
        margin-top: 10px;
        padding: 10px 20px;
    }
    .navHeader .navLogo {
        margin-top: 10px;
        float: left;
        display: block;
        padding: 6px 2px;
    }
}

.sectionPrincipal {
    padding: 30px;
    margin: 100px 100px;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.5);
}
.titulo{
    color: #000;
    text-align: center;
}