/*barra inicial*/
.barra-inicial {
    background: #000000;
}
.barra-inicial .row-fluid {
    border-bottom: solid 1px #000000;
}
/*redes sociais barra topo*/
.barra-inicial .lista-redes ul li:hover a i {
    color: #000000;
}

.barra-inicial .lista-redes [class^=icon] {
    color: #FFFFFF;
}

.lista-redes ul li:hover a i {
    background: #000 !important;
    color: #FFFFFF !important;
}
/*links e icones barra topo*/
.barra-inicial .top-actions .top-action-item a {
    color: #fff;
}
.barra-inicial .top-actions .top-action-item a .icon path {
    stroke: #fff;
    fill: #fff;
}
/*cabecalho*/
#cabecalho {
    background: #000000;
}

/*campo de busca*/
#cabecalho .busca input, #cabecalho .busca input:focus {
    border: solid 1px #000000;
    color:#FFFFFF;
}
/*icone user cabecalho*/
#cabecalho .actions>li>a .icon g path {
    fill: #000000;
}
#cabecalho .actions>li>a .icon g circle {
    fill: #ececec;
}
/*icone carrinho cabecalho*/
#cabecalho .carrinho>a i svg g circle {
    stroke: #000000;
    fill: #ececec;
}
/*minha conta*/
#cabecalho .actions>li:hover .total-cart, #cabecalho .actions>li:hover a {
    color: #fff;
}

#cabecalho .actions>li>a {
    color: #ffffff;
}
/*meu carrinho*/
#cabecalho .carrinho>a span span {
    color: #fff;
}
#cabecalho .carrinho> a span div span {
    color: #ffffff;
}
#cabecalho .carrinho .qtd-carrinho {
    color: #ffffff;
}

/*full menu*/
.full.menu {
    background: #000;
}
.full.menu .nivel-um>li>a>.titulo {
    color: #fff;
}
.full.menu .nivel-dois li:hover>a {
    color: #000;
}

.full.menu .nivel-dois li a {
    color: #9f9f9f;
}

/*ofertas*/
.full.menu .conteiner .nivel-um>li.offers>a {
    background: #242424;
}
.full.menu .nivel-um>li>a>.titulo {
    color: #fff;
}
li.offers a svg g path {
    fill: red;
}

/*icone menu*/
#cabecalho.fixed .open-menu .line {
    background: #000;
}

/*bandeira frete gratis*/
.bandeiras-produto .bandeira-frete-gratis {
    background: #9f9f9f;
}

/*add favorito produto*/
.adic-favo {
    color: #ececec;
    background: #9f9f9f;
}
.adic-favo:active, .adic-favo:focus, .adic-favo:hover {
    background: #9f9f9f;
    color: #ececec;
}

/*botao ver mais*/
#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    background: #000000;
    color: #fff;
}

/*bolinha carrossel depoimentos*/
ul.slick-dots .slick-active button {
    background: #9f9f9f;
}

/*newsletter*/
#barraNewsletter.posicao-rodape {
    background: #000000;
}
#barraNewsletter.posicao-rodape .componente .newsletter-assinar {
    background: #000;
    color: #fff;
    border: solid 2px #ffffff;
}
#barraNewsletter.posicao-rodape .componente .texto-newsletter {
    color: #ffffff;
}

/*sobre a loja*/
#rodape .institucional a, #rodape .institucional p {
    color: #ffffff;
}
#rodape .sobre-loja-rodape .more {
    border: solid 1px #ffffff;
    color: #ffffff;
}
#rodape .sobre-loja-rodape .more:hover {
    color: #000000;
    background: #ffffff;
}

/*rodape*/
#rodape .institucional .titulo {
    color: #ffffff;
}
#rodape .institucional {
    background: #000000;
}
#rodape .lista-redes ul li:hover a i {
    color: #fff;
    border: 0;
    margin: 0;
}
#rodape .lista-redes [class^=icon] {
    color: #ffffff;
}
.lista-redes ul li:hover a i {
    color: #fff !important;
}

/*ir as compras*/
.botao.principal, .botao.principal:hover, .dropdown-menu>li>a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label, .flex-control-paging li a.flex-active, .fundo-principal, .menu li:hover>a .fundo-secundario, .menu-simples li a:hover, .menu-simples li.active a {
    background: #000;
    color: #fff;
}

/*voltar ao topo*/
.scrollToTop {
    background: #000;
    color: #fff;
}
.scrollToTop:active, .scrollToTop:focus, .scrollToTop:hover {
    background: #9f9f9f;
    color: #fff;
}

/*voltar a home*/
.botao {
    background: #000;
    color: #fff;
}

/*newsletter categoria*/
.coluna div.componente.newsletter {
    background: #000;
}
.coluna div.componente.newsletter .titulo i {
    color: #fff;
}
.coluna div.componente.newsletter .botao {
    border: solid 2px #fff;
    color: #fff;
}
.coluna div.componente.newsletter .texto-newsletter {
    color: #fff;
}
.coluna div.componente.newsletter .botao:hover {
    background: #fff;
    color: #000;
}

/*botao comprar*/
.produto div.principal .acoes-produto .comprar .botao-comprar {
    background: #32CD32;
}

/*botao descricao do produto*/
.produto #descricao .tabs li.current {
    background: #000;
    border-color: #000;
    color: #fff;
}

/*icones mobile*/
@media (max-width: 800px){
.atalhos-mobile ul li a svg g circle {
    stroke: #ececec;
}
.atalhos-mobile ul li a svg g {
    fill: #ececec;
}
.atalhos-mobile ul li a svg g path {
    fill: #000;
}
}

/*menu mobile*/
@media only screen and (max-width: 767px){
.conteudo-topo .busca-mobile .atalho-menu {
    background: #000;
    color: #fff;
}
}

/*fechar menu*/
@media only screen and (max-width: 767px){
.conteudo-topo .menu.superior.visible-phone .menu-close {
    background: #000;
}
}
.modal-modalNewsletter .fancybox-skin {
   background: transparent url('https://cdn.awsli.com.br/2365/2365637/arquivos/BG NEWS.png') no-repeat center;
}
/* AJUSTE DO CABEÇALHO MOBILE */
@media only screen and (max-width: 767px) {

    /* Remove linhas/bordas do cabeçalho */
    #cabecalho,
    #cabecalho .conteudo-topo,
    #cabecalho .conteiner,
    #cabecalho .row-fluid {
        border: none !important;
        box-shadow: none !important;
    }

    /* Remove a linha entre o logo e a busca */
    .conteudo-topo {
        border-bottom: none !important;
    }

    /* Mantém o fundo preto */
    #cabecalho,
    .conteudo-topo {
        background: #000 !important;
    }

    /* Centraliza o logo */
    #cabecalho .logo {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* =====================================================
   TARJA PROMOCIONAL - MANIA STREET WEAR
   ===================================================== */

body::before {
    content: "5% OFF NO PIX   •   ENTREGA EM TODO O BRASIL";
    
    display: flex;
    width: 100%;
    height: 28px;
    
    background: #000000;
    color: #ffffff;
    
    align-items: center;
    justify-content: center;
    text-align: center;
    
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


/* Remove qualquer espaço acima do cabeçalho */
#cabecalho {
    margin-top: 0 !important;
}


/* =====================================================
   MOBILE
   ===================================================== */

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

    body::before {
        height: 30px;
        font-size: 9px;
        letter-spacing: 0;
        padding: 0 8px;
    }

    #cabecalho {
        margin-top: 0 !important;
    }

    #cabecalho,
    #cabecalho .conteudo-topo,
    #cabecalho .conteiner,
    #cabecalho .row-fluid {
        border-top: none !important;
    }
}