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

body{

  font-family: 'Poppins', sans-serif ;
}

.menu strong {
 font-family: 'Poppins', sans-serif ;
}



.conteiner {
  max-width: 100vw;
}



#cabecalho .conteiner {
  max-width: 100vw;
}



#corpo .conteiner {
  max-width: 100vw;
}



.pagina-inicial .conteiner,
.pagina-produto .conteiner {
  max-width: 100vw;
}



.pagina-carrinho .conteiner,
.pagina-cadastro .conteiner {
  max-width: 1140px;
}




.banner {
position: relative;
text-align: center;
}
.secao-banners .conteiner {
max-width: 100%;
padding: 0;
margin:0;
margin-top: 0px;
border:none;
width: calc(100% + 2px);
}
.flexslider {
background: 0;
margin: 0;
border: 0px;
overflow: hidden;
}




.banner.cheio+.row-fluid {
    margin-top: -20px; 
}

.flexslider {
    border: 3px solid transparent;
    border-bottom: 0px;
}




.listagem .listagem-linha li {
border-width: none;
border-style: none;
}


    
    .busca input {
        width: 90%;
        padding: 10px -1px 11px 0;
        box-shadow: none;
        border-radius: 0;
        background: none;
        border: 0;
        color: #fff;
        border-bottom: 1px solid currentColor;
    }


.carrinho-interno {        
        background: #fff;  
        border-radius: 2rem  1rem 1rem;
        border: .25rem solid #FFBD2C;
        border-width: 0 0 .25rem .25rem;
        box-shadow: -2rem 2rem 2rem -1rem rgb(255 167 0 / 22%);
}




.barra-inicial {
    display: none;
}



#cabecalho .conteiner {padding-top: 0; padding-bottom:0}
#cabecalho .menu.superior {top: 102px}




#barraTopo {
    display: none;
    background-color: #FFBD2C;
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
    height: 40px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

#barraTopo .conteiner {
    padding: 5px 20px;
    background: 0;
    box-shadow: none
}

#barraTopo .carrinho>a i {
    height: 28px;
    width: 28px;
    line-height: 28px;
    font-size: 20px;
}

#barraTopo .carrinho>a strong {
    font-size: 20px;
    line-height: 28px;
    margin: 0 5%
}




.canais-contato ul{
display: none 

}




.lista-redes.span3.hidden-phone {
            display: none;
        }



#cabecalho .carrinho .carrinho-interno.borda-principal{
        
        background: #fff;  
        border-radius: 2rem  1rem 1rem;
        border: .25rem solid #FFBD2C;
        border-width: 0 0 .25rem .25rem;
        box-shadow: -2rem 2rem 2rem -1rem rgba(255,167,0, .2);
       }




#cabecalho .bem-vindo{
    visibility: hidden; 
}



.logo a img {
position: absolute;
top: 47px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-height: 100%;

}



#cabecalho .carrinho .qtd-carrinho {
position: relative;
width: 22px;
height: 22px;
background: rgb(0 0 0 / 0%);
border-radius: 50%;
line-height: 21px;
text-align: center;
color: #ffffff;
font-size: 18px;
font-weight: 700;
border: solid 1px rgb(0 0 0 / 0%);
display: block;
margin: 0 2px;
}




.fundo-principal,.botao.principal,.menu li:hover>a .fundo-secundario,.flex-control-paging li a.flex-active,.dropdown-menu>li>a:hover,.filtro.lista ul li label:hover,.menu-simples li a:hover,.menu-simples li.active a {
    background-color: rgb(0 0 0 / 0%);
}




.fundo-principal,.fundo-principal *,.fundo-principal *:hover,.fundo-principal:hover,.fundo-principal.botao:hover {
    color: #fff;
}



.carrinho {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.0);
    position: relative;
}



    #cabecalho .acoes-conta a {
        color: #FFF;
    }



    #cabecalho .carrinho > a span {
        color: #FFF;
    }




#cabecalho .icon-list, .icon-user {
    color: #fff;
    background: transparent;
    }
    
    
    


#cabecalho > .conteiner > .menu.superior, #cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #FFBD2C;}
#cabecalho > .conteiner > .menu.superior .titulo { color: #fff; }



#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -5px; }




div.menu.superior .nivel-um li {border: none;}




.cart .carrinho .qtd-sacola:after {
    content: " Minha sacola";
    position: absolute;
    width: 150px;
    top: -3px;
    margin-left: 10px;
    display: inline-flex;
    font-size: 19px;
}




.conteiner-principal .conteiner {
    border: none;
    border-color: #fff;
    box-shadow: 0px 5px 1px 0 rgba(0,0,0,0.15);
    border-radius: 0rem;
}



.info-produto {
     text-align: center;
}



.borda-alpha, .borda-alpha * {
    
    border-color: rgba(0,0,0,0.0);
}



a.botao.botao-comprar.principal.grande.desativo.with-popover {
border-radius:50px;
background:#FFBD2C;
}

a.botao.botao-comprar.principal {
border-radius:50px;
background:#FFBD2C;
}



.secao-banners .flexslider {
padding-top: 0;
margin-top: 0;
border: 0 none;
border-radius: 0;
}



.titulo-categoria {

   text-align:center;
      
}




.tabela-carrinho .sem-borda {
    
}

.caixa-sombreada {
     box-shadow:0 0 5px rgb(0 0 0 / 0%) 
}


.table th,.table td {
    border-color: #ffffff70;
}

.botao {
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.1);
    border-bottom-color: rgba(0,0,0,0.2);
    font-size: 14px;
    line-height: normal;
    text-transform: none;
    padding: 6px 14px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    background-color: #FFF;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.1));
    white-space: nowrap;
}




#rodape .titulo, #rodape .institucional * { color: #5d5b56; }
#rodape .institucional, #rodape .pagamento-selos { background: #eeeeee2e; }
#rodape .titulo {color: #282725;}



.pagina-produto .acoes-flutuante.borda-principal.hidden-phone.hidden-tablet {
display: none;}




div .sobre {           
  text-align: justify;
} 




#rodape .sobre-loja-rodape .titulo {  
    text-align: left}


 

.links-rodape-categorias {
    display:none;
}



#rodape .links-rodape-paginas {
    min-height: auto;
}




.footer__social a {      
  display: inline-block;
  color: #FFBD2C;
  background: none;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
}

.footer__social a:last-child {
  margin-right: 0;
}



#rodape .titulo {
    display: block;
    font-size: 17.5px;
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}



#rodape .titulo {
    display: block;
    font-size: 17.5px;
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}


.links-rodape ul li {
    list-style-image:url(../img/bullet.png);
    list-style-position: inside;
    line-height: 35px;
}



.gateways-rodape {
  display: none;
}



.fundo-secundario {
background-color: #FFBD2C;
}



.atalhos-mobile li {
    float: right;
    line-height: 50px;
    border-right: 1px solid rgb(0 0 0 / 0%);
    border-left: 1px solid #ffb11b;
}



.conteudo-topo .busca.borda-alpha{
      padding: 9px 0 9px 0;
      border-radius: 0;
      background: none;
            
  }

@media only screen and (max-width: 767px) {
  
    .conteudo-topo .busca-mobile {
        background-color: transparent;
        padding: 0;
        margin-bottom: 2rem;
    }

    #form-buscar {
        border-bottom: 1px rgb(0 14 14 / 0%) solid;
        border-top: 0;
    }

    .conteudo-topo .busca-mobile input#auto-complete {
        border-radius: 0;
        border: none;
        box-shadow: none;
    }

    button.botao.botao-busca.icon-search.fundo-secundario {
        border-radius: 50%;
        color: #fff;
        background: transparent;
    }

    .conteudo-topo .busca-mobile .atalho-menu {
        border-radius: .5rem;
    }
}


.busca-mobile {
    background: 0 0;
    padding: 0;
    border-radius: 0
}

.busca-mobile .busca {
    margin: 0
}

.busca-mobile .busca input#auto-complete {
    width: 94%;
    padding: 10px -1px 11px 0;
    box-shadow: none;
    border-radius: 0;
    background: none;
    border: 0;
    color:#fff;
    border-bottom: 1px solid currentColor;
}

body:not(.drop_Down-Search) .busca-mobile .busca input#auto-complete {
}

.botao.botao-busca {
    border: none;
    right: 10px;
    top: 5px;
    font-size: 20px;
    background: 0 0;
    padding: 0;
}

.busca-mobile form#form-buscar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.drop-search>i {
    display: block;
    color: #bbb;
    font-weight: 100!
}

.drop-search {
    position: fixed;
    z-index: 99999!;
    left: 72px;
    font-size: 27px;
    transition: transform .3s,opacity .3s;
    opacity: 0;
    transform: translateY(-100%);
    top: 4px
}

.drop_Down-Search .drop-search {
    opacity: 1;
    visibility: visible;
    transform: translateY(34%);
    border-top: none
}

.drop_Down-Search .span8.busca-mobile {
    transition: transform .3s
}

.drop_Down-Search .span8.busca-mobile .busca {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 400;
    opacity: 0;
    transform: translateY(3%);
    transition: transform .3s,opacity .3s!
}

._mask-search {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 334;
    background: #000;
    opacity: 0;
    transition: all .3s;
    visibility: hidden;
    top: 0
}

.active-search ._mask-search {
    opacity: .6;
    visibility: visible
}

.active-search .busca-mobile .busca {
    transform: translateY(106%);
    visibility: visible;
    opacity: 1!important;
    transition: transform .3s
}

.conteudo-topo .busca input#auto-complete::-webkit-input-placeholder{
      color:#fff;
      font-size:15px;
      font-weight:700
  }
 




#rodape .institucional.fundo-secundario .span12.visible-phone {display: none;}



@media only screen and (max-width: 479px) {
    
.logo a img {
position: absolute;
top: 20px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-height: 100%;

  }
}




body {
  --corLinkPrincipal: #fff;
  --corLinks: #bebaab;
  --corLinksNivelTres: #ccc;
  --backgroundMenuLateral:  rgb(255 189 44 / 90%);
  --botaoFecharMenu: #fff;
  --botaoFecharMenuCorX: #FFBD2C;
  --corIconeMenu: #fff;
}

@media (max-width: 767.98px) {
  #cabecalho .atalhos-mobile {
    display: block ;
  }
  #cabecalho .atalhos-mobile ul {
    display: flex;
    justify-content: flex-end;
  }
  #cabecalho .atalhos-mobile ul li {
    float: none;
    margin: 0;
  }
  #cabecalho .atalhos-mobile ul li:first-child {
    display: flex;
    margin-right: auto;
  }
  #cabecalho .atalhos-mobile ul li.fundo-principal {
    order: 3;
  }
  #cabecalho .atalhos-mobile ul li.menu-button {
    display: flex;
    align-items: center;
  }
  #cabecalho .atalhos-mobile ul li.menu-button a {
    top: 0;
  }
  #cabecalho .atalhos-mobile ul li.menu-button a svg * {
    color: var(--corIconeMenu);
  }

  .busca {
    margin: 0;
  }

  .menu.superior {
    position: relative;
  }
  .menu.superior .closeMenuButton {
    position: absolute;
    top: 16px;
    right: 0;
    background-color: var(--botaoFecharMenu);
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% 0 0 50%;
  }
  .menu.superior .closeMenuButton:before {
    content: "X";
    color: var(--botaoFecharMenuCorX);
  }
  .menu.superior > ul {
    margin: 0 !important;
    padding: 16px 32px 16px 0;
    border: 0;
    display: flex !important;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: var(--backgroundMenuLateral);
    height: 100vh;
    overflow-y: scroll;
    max-height: 100vh;
    box-sizing: border-box;
    max-width: 100vw;
    transition: 0.3s ease-in-out all;
    transform: translateX(-110%);
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .menu.superior > ul ::-webkit-scrollbar {
    display: none;
  }
  .menu.superior > ul.active {
    transform: translateX(0);
  }
  .menu.superior > ul a {
    color: var(--corLinks);
  }
  .menu.superior > ul a strong {
    color: var(--corLinkPrincipal);
  }
  .menu.superior .nivel-tres {
    display: block !important;
    position: initial;
    background: transparent;
    left: initial;
    max-width: 70vw;
    box-sizing: border-box;
  }
  .menu.superior .nivel-tres a {
    white-space: normal;
    line-height: normal;
    margin-bottom: 0.5rem;
    color: var(--corLinksNivelTres);
  }
  .menu.superior .nivel-tres a:before {
    content: "-";
    margin-right: 0.25rem;
    margin-left: -0.75rem;
  }
}



@media only screen and (max-width: 479px) {

.hidden-phone-portrait { display: none!important; }

.listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto { float: none; width: auto; margin: 0; }
.listagem.com-caixa .listagem-item .imagem-produto { border-bottom: 5px solid rgb(140 25 25) }
.listagem .listagem-item .acoes-produto-responsiva { margin: 0; }
.acoes-produto-responsiva { position: absolute; top: 95%; right: 35% }
.acoes-produto-responsiva .tag-comprar { margin: 0; }

.inferior .acoes-conta li { width: 100%; }
.inferior .acoes-conta li:first-child { display: none; }
.inferior .acoes-conta li a span { display: inline; }

.caixa-dados ul li { margin: 5px 0; }
.caixa-info li strong, .caixa-info li b { display: block; }
.caixa-dados ul li b + span + b { margin: 0; }

.dados-pessoais .caixa-sombreada { margin: 0 0 20px; }

}

.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar {
    background-color: #FFBD2C;
    border-radius: 50px;
}


@media (min-width: 768px) {
  #rodape .institucional .row-fluid {
    display: flex;
  }

  #rodape .institucional .links-rodape-paginas {
    order: 2;
  }
  

#rodape .span4.sobre-loja-rodape{
  order:-1;
  margin:0;
  padding-right:20px
}



#rodape .span4.atendimento{
  order: +1;
  margin:0;
  padding-right:20px;
}




#rodape .redes-sociais.borda-principal {  
background: none;
box-shadow:none;
}
 
 


#rodape .redes-sociais{   
display: none;
font:#FFF;
}