html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

body {
    overflow-x: hidden !important;
}

.conteudo h1 {
    text-align: center;
}


#cabecalho.fixed .menu.superior .nivel-um a i{  
  color: #ffffff; 
}

#cabecalho.fixed .menu.superior .nivel-um a{
   color: #ffffff!important; 
}
 
#cabecalho .menu.superior .nivel-um .nivel-dois>li.com-filho>a>i {
    border-left-color: #1f1f1f !important;
}

#cabecalho .menu.superior .nivel-um .nivel-dois li:hover {
    background: #303030!important;
    border-top: 1px solid;
}

#cabecalho .menu.superior .nivel-um>li>a strong {
    text-transform: uppercase;
    font-size: 14px!important;
}

#cabecalho .menu.superior .nivel-um>li {
    padding: 0 5px!important;
}

#cabecalho .menu.superior .nivel-um .nivel-dois li:hover>a>i {
    border-left-color: #fff !important;
}

.conteudo h1 {
    letter-spacing: -2px;
}

.conteiner.titulo-insta-box{
  margin-bottom: 40px !important;   
}

.box-instagram{
  margin-bottom: 80px;  
}

#rodape .institucional .sobre-loja-rodape {
    font-weight: 300!important;
}

.banner.cheio .flex-control-paging li a.flex-active {
    background: #000000;
}

.secao-principal .ordenar-listagem .input-append {
    border-radius: 0;
    background: rgb(78 78 78);
}

.banner.cheio .flex-direction-nav .flex-next, .banner.cheio .flex-direction-nav .flex-prev {
    color: #000000;
}

.banner.cheio .flex-direction-nav .flex-next:before {
    content: "\f054";
}

.banner.cheio .flex-direction-nav .flex-prev:before {
    content: "\f053";
}

#corpo .listagem#listagemProdutos .titulo-categoria strong:after {
    border-bottom: 4px solid #4e4e4e;
    width: 30px;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 10px;
}

#corpo .listagem#listagemProdutos .titulo-categoria {
    color: #000000;
}

.secao-banners .conteiner{
    padding: 0px;
}

.wrapper {
    overflow-x: hidden;
    max-width: 100%;
}

#corpo .listagem .listagem-item .acoes-produto {
    display: none;
}

#barraNewsletter.posicao-rodape {
    padding: 5px 0;
}

#barraNewsletter .componente .interno-conteudo .texto-newsletter {
    font-size: 22px;
}

#barraNewsletter .componente.newsletter .interno-conteudo .input-conteiner .botao {
    background: #ffffff !important;
}

:root {
--cor3: #43c0c4;
--cor4: #9dca3b;
}

.produto-mais-info{
    border: 4px solid #000;
    padding: 15px 25px;
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
}

.caixa-btn{
   margin-top: 30px;
}
 
.box-btn-wpp {
    background-color: #25d366;
    color: white;
    padding: 10px 20px;
    text-decoration: none!important;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 25px;
}

.box-btn-wpp:hover {
  color: white;
  background-color: #1ebe5d;
}

.box-btn-wpp:focus {
  color: white;
  background-color: #1ebe5d;
}

.icon-whatsapp{
   width: 22px;
   margin-right: 7px; 
}

.produto .nome-produto {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -2px;
}

.produto-mais-info a{
   font-weight: bold; 
}

.menu-carrinho{
   display: none!important;
}

#cabecalho>.conteiner .main-header .conteudo-topo .actions-menu li {
    display: none!important;
}

#corpo .listagem .listagem-item .info-produto .nome-produto {
    font-size: 14px!important;
    font-weight: 500!important;
}

#corpo .listagem#listagemProdutos .titulo-categoria {
    font-size: 32px !important;
    font-weight: 600 !important;
    letter-spacing: -2px;
    text-align: center;
}

#cabecalho .menu.superior .nivel-um {
    justify-content: center!important;
}


#cabecalho .menu.superior {
   border-top: 1px solid #cbcbcb;
}

#cabecalho>.conteiner .main-header .conteudo-topo .busca input {
    width: 840px!important;
}


.banner.cheio {
    margin: 0!important;
}

.barra-inicial {
    background: rgb(0 0 0)!important;
}

#cabecalho {
    border-top: solid 1px #595959;
}

#cabecalho>.conteiner {
    border-bottom: 0px!important;
    box-shadow: 0px 1px 10px 15px rgb(0 0 0 / 5%)!important;
    background: #fff!important;
}

#cabecalho>.conteiner .main-header .conteudo-topo {
    margin-top: 0px !important;
}

#corpo .marcas {
    border: none!important;
}

#cabecalho.fixed .menu.superior {
    background: #000000;
}

#barraNewsletter, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner, #barraNewsletter .show-hide {
    background: #1f1f1f;
}

#rodape .institucional {
    border-bottom: solid 1px #212121;
    color: #ffffff;
    background: #000;
}

#rodape .institucional {
    padding-bottom: 35px;
    padding-top: 35px;
}

#rodape .pagamento-selos {
    padding-bottom: 35px;
    background: #000 !important;
}

.pagamento-selos {
    display: none;
}

#rodape>div:last-child {
    /* border-top-color: #313131 !important; */
    background: #000;
    border-top: none!important;
}

#rodape>div:last-child .conteiner>.row-fluid>:first-child {
    margin-top: 20px;
}

#rodape{
  background: #000!important; 
}

#rodape .titulo {
    color: rgb(255 255 255)!important;
    font-size: 18px!important;
}

#barraNewsletter .componente.newsletter .interno-conteudo .input-conteiner input {
    background: #1f1f1f!important;
    border: 1px solid!important;
    color: #bdbdbd;
}

input[type="search"]{
    color: #ababab!important;
}

#corpo .listagem .listagem-item .imagem-produto {
    border: 1px solid #b2b2b2;
    border-radius: 10px;
}

#corpo .marcas .slick-arrow:before {
    color: #000000!important;
}


@media screen and (max-width: 900px) {
    #cabecalho>.conteiner .main-header .conteudo-topo .busca input {
        width: 100%!important;
    }
    
    #cabecalho:before {
        border-bottom: 1px solid #1f1f1f!important;
    }
}

@media screen and (max-width: 767px) {
    
    #cabecalho .menu.superior .nivel-um>li>a strong {
    color: #fff;
    font-weight: bold;
}
    
    #cabecalho.fixed .menu.superior .nivel-um .nivel-dois a, #cabecalho.fixed .menu.superior .nivel-um a, #cabecalho.fixed .menu.superior .nivel-um a i {
    color: #ffffff!important;
    }
    
    #cabecalho>.conteiner {
    background: #000!important;
    }
    
    #cabecalho .menu.superior .nivel-um>li {
        border-bottom: 1px solid #5d5d5d!important;
    }
    
    #cabecalho .menu.superior .nivel-um .nivel-dois {
      color: #ffffff!important;
      background: #1f1f1f!important;
    }
    
    #cabecalho .menu.superior .nivel-um .nivel-dois>li.com-filho .nivel-tres {
    color: #ffffff!important;
    background: #1f1f1f!important;
   }
    
    #cabecalho .menu.superior .nivel-um .nivel-dois>li a:before {
      color: #fff !important;
    }
    
    .banner.tarja {
        display: block!important;
    }
    
    .span12.banner.tarja > img:first-of-type {
    display: none;
    }

    
    * {
    box-sizing: border-box;
    }

    .box-instagram {
    margin: 0 15px 80px 15px!important;
}
    
    #corpo .marcas .marca {
    width: 80px;
    height: 100px;
    }
    
   #corpo .marcas .slick-arrow.slick-prev:before {
    content: "\f053";
   }
    
   #corpo .marcas .slick-arrow.slick-next:before {
    content: "\f054";
   }
    
    .marcas.hidden-phone{
      display: block !important;
    }
    
    #corpo .marcas .marca img {
    display: block;
    width: 100px;
    height: 100px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}
    
    #cabecalho>.conteiner .main-header .logo {
       max-width: 320px;
       margin: 15px auto 0px;
    }
        
    #cabecalho .menu-handler {
        top: 28px;
        right: 20px;
    }
    
    #cabecalho:before {
     display:none!important;
    }
    
    #cabecalho.fixed:before {
       display:none!important;
   }
    
   #barraNewsletter .componente .interno-conteudo .texto-newsletter {
    font-size: 18px;
   }
    
   #barraNewsletter.posicao-rodape {
    padding: 15px 15px;
   }

   .banner.mini-banner .modulo {
        display: block;
        margin: 10px 15px;
    }

    #cabecalho .menu.superior .nivel-um {
        background: #1f1f1f;
        padding: 40px 25px;
    }

    #cabecalho .atalhos-mobile {
        display: none !important;
    }
    
    .produto-mais-info {
        margin: 20px;
    }
    
    #cabecalho .menu-handler {
         position: absolute;
        }
    
    #cabecalho>.conteiner .main-header .logo {
        max-width: 220px;
    }
    
    #cabecalho .menu-handler {
        color: rgb(255 255 255)!important;
    }
    
    .secao-principal .filter-toggle {
        background: rgb(78 78 78)!important;
        border-radius: 0px!important;
    }
    
}

@media screen and (max-width: 480px) {
    .banner.tarja {
        display: block!important;
    }
}

@media screen and (min-width: 768px) {
    .tarja-mobile {
        display:none!important;
    }
}

@media screen and (min-width: 1261px) {
    .banner.cheio .flex-direction-nav {
        left: 0;
        width: 100%;
    }
}