:root {
    --cor-principal: ##B2B2B2;
    --cor-secundaria: #000000;
    --cor-terciaria: #818181;
    --cor-botao: #ff7e2b;
    --cor-titulos: #818181;
    --cor-preco: #222;
    --cor-background-topo: ##0088ff;
    --cor-background-corpo: #eeeeee;
    --cor-menu-rodape: #3B3B3B;
    --cor-background-menu-rodape: #ffffff;
    --cor-background-rodape: #f6f6f6;
    --cor-background-newsletter: #ffffff;
    --cor-texto-newsletter: #818181;
    --cor-texto-1: #222;
    --cor-texto-2: #ffffff;
    --cor-background-compre-junto: #ffffff;
}


.logo a img {
    position: relative;
    max-height: 120px;
    margin-top: 5px!important;
    margin-bottom: 33px!important;
}
.inferior .acoes-conta::before {
    border-right: 2px solid #0b72d5;
}

.flex-direction-nav a:before {
    color: #ff7e2b;
}

.links-rodape.links-rodape-contato.span3 p {
    color: #003869;
}

.menu.superior .nivel-um .all-categories .nivel-dois li:hover strong {
    color: #000;
}

.all-categories .titulo svg rect {
    fill: #f89406;
}

.caixa1 .texto span {
    color: #000;
}

#rodape .sobre-loja-rodape .btn-mais a {
    color: ##ff7e2b;
}

#rodape li a i {
    color: ##ff7e2b;
}

.carrinho.carrinho-manipula a i {
    color: ##ff7e2b;
}

.login a span {
    color: #fff;
}

.caixa1 span {
    color: #fff;
}

.carrinho-checkout .atendimento li strong {
    color: #fff;
}

#rodape .redes-sociais .lista-redes {
    display: block;
}

.modal-modalNewsletter .fancybox-close:before {
    color: #ff7e2b;
}

#barraTopo .busca-mobile .open-menu {
    color: #fff;
}

#barraTopo .busca-mobile .open-menu svg path {
    fill: #fff;
}

#atedimento .titulo {
    text-transform: none;
}

strong.preco-promocional.cor-principal {
    color: #ff72eb;
}

span.desconto-a-vista strong.cor-principal.titulo {
    color: #ff7e2b;
}

.carrinho.carrinho-manipula a::after {
    content: "";
    display: block;
    height: 100%;
    border-right: 2px solid #ff7e2b;
}

@media only screen and (max-width: 767px) {
    .atalhos-mobile {
        background: #ff7e2b;
    }

    .atalhos-mobile .atalho-menu {
        color: #fff;
        background: 0 !important;
    }

    .caixa-mobile>a {
        color: #fff;
    }

    .listagem-linha .slick-dots li.slick-active button {
        background: #f89406;
    }

    #menu-rodape .slick-dots li.slick-active button {
        background: #ff7e2b;
    }

    .banner.tarjamobile .banners li.slick-active button {
        background: #f89406;
    }

    #atedimento .contact ul.slick-dots li.slick-active button {
        background: #f89406;
    }
}

#atedimento .contact li h3 {
    text-transform: capitalize;
}

#rodape .institucional .links-rodape-contato span {
    text-transform: capitalize;
}

#barraNewsletter .componente .titulo svg path {
    fill: #f89406;
}

.menu.superior ul.nivel-um li a strong {
    color: #000;
}

.lista-redes i {
    font-size: 22px;
}

#barraTopo .menu.superior.active {
    background: #ff7e2b;
}

.menu.superior .mega-categorias li a:hover {
    color: #000;
}

.listagem .titulo-categoria strong {
    text-transform: none;
    color: #1b2db9!important;
}

.cor-secundaria {
    color: #fff;
}

.menu.superior .nivel-um>li>a i {
    background: white;
    color: blue;
}

a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span {
    color: #000;
}

.borda-alpha, .borda-alpha * {
    border-color: #ff7e2b;
}

#rodape .titulo {
    color: #fff;
    font-size: 1.3vw;
    font-weight: bold;
    text-transform: lowercase;
    border: none;
}

#rodape li a {
    font-size: 17px;
    color: #fff;
    text-transform: none;
}

.login a {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}

#menu-institucional .nivel-um li a {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
}

#menu-institucional .nivel-um>li.offers.com-filho a strong {
    color: #000;
    font-weight: 600;
}

#menu-institucional .nivel-um .categoria-marcas strong {
    color: white;
}

.menu.superior .nivel-um>li>a i {
    background: #f89406;
    color: white;
}

.menu.superior .mega-categorias .nivel-dois>li>a {
    font-weight: 600;
    color: #08c;
}

.menu.superior .nivel-um .all-categories .nivel-dois li .titulo {
    margin: 0px !important;
    color: #ff7e2b;
}

#menu-rodape {
    background: #000;
    box-shadow: 0 20px 30px -15px rgb(0 0 0 / 19%);
}

#menu-rodape ul li a, #menu-rodape ul span {
    font-size: 17px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
}

#rodape .titulo {
    color: #eee;
    font-size: 1.3vw;
    font-weight: bold;
    text-transform: none;
    border: none;
}

#rodape .institucional {
    background-color: #ff7e2b;
    background-position: top center;
    background-repeat: repeat;
}

#rodape .titulo {
    color: #eee;
}

@media only screen and (max-width: 767px) {
.atalhos-mobile {
    border: none;
    background: #08c; box-shadow: rgb(0 0 0 / 39%) 0px 5px 5px -5px;
}
}

@media only screen and (max-width: 767px){ 
.menu.superior .nivel-um .titulo, .menu.lateral .nivel-um .titulo {
    font-size: 18px;
    color: #fff }
}
@media only screen and (max-width: 767px){ 
.caixa1>span {
    font-size: 12px;
    color: #fff; height: 100%; justify-content: space-evenly;
}
}
@media only screen and (max-width: 767px){
.caixa1 {
    border-color: #fff;
    padding: 0 22px; height: 30px; 
}   
}

@media only screen and (max-width: 767px){
.caixa1 span svg path {
    fill: #fff;
}
}
@media only screen and (max-width: 767px){
.atalhos-mobile .atalho-menu{ 
background: none;
    color: #fff; border: none; font-size: 13px; font-family: 'Open Sans'; margin-bottom: 10px; text-shadow: none; }

.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a {
    border-color: #f89406;
}

.fundo-principal, .botao.principal, .botao.principal:hover, .menu li:hover > a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu > li > a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label, .menu-simples li a:hover, .menu-simples li.active a {
    background-color: #f89406;
}
}
#barraTopo {
    height: auto;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    background: #ff7e2b;
}

button {
    appearance: auto;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(orange, orange);
}

.cor-secundaria {
    color: #555;
}


.atalhos-mobile.visible-phone.fundo-secundario.borda-principal {
    background: #ff7e2b;
}

/*icone cupom*/
.caixa1 span svg path {
    fill: #fff;
}

/*icone login*/
.login svg g path {
    fill: #fff;
}

/*icone favoritos*/
.inferior .acoes-conta li:first-child a svg path {
    fill: #fff;
}

/*icone fale conosco*/
.inferior .acoes-conta li a svg path {
    fill: #fff;
}

.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a {
    border-color: #fff;
}

.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar {
    background-color: #f89406;
    border-color: #f89406;
}

/*cabecalho dektop*/
#cabecalho {
    background-color: #ff7e2b;
}

/*icone popup newsletter*/
.modal-modalNewsletter #modalNewsletter svg path {
    fill: #ff7e2b;
}

@media only screen and (max-width: 767px) {
    /*carrinho mobile*/ .caixa-mobile>a:hover {
        color: #fff;
    }

    /*icone favorito e fale conosco*/
    .atalhos-mobile ul li a svg path {
        fill: #fff;
    }

    /*cupom*/
    .caixa1 {
        border-color: #fff;
    }

    .caixa1>span {
        color: #fff;
    }

    .caixa1 span svg path {
        fill: #fff;
    }
}

#cabecalho {
    background-color: #ff7e2b;
    background-position: top center;
    background-repeat: repeat;
}

#rodape .sobre-loja-rodape p {
    width: 65%;
    color: #000;
    font-weight: 500;
    font-size: 15px;
}

#rodape .sobre-loja-rodape .btn-mais a {
    border-width: 1px;
    font-size: 17px;
    background: #ff7e2b;
    padding: 5%;
    margin: 0 auto;
    width: 60%;
    text-align: center;
    height: 14px;
    line-height: 10px;
}

.modal-modalNewsletter .fancybox-skin {
    background: transparent url('https://cdn.awsli.com.br/1997/1997105/arquivos/jomat madeiras - pop-up.jpg') no-repeat center;
}

button.buscarCodigo:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 1.2em
}

button.buscarCodigo {
    position: absolute;
    float: right;
    line-height: 38px;
    padding: 0 15px;
    background: 0 0;
    color: #aaa;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    right: 0
}

.filtro.lista ul::-webkit-scrollbar-thumb {
    background: #ff7e2b;
}

#testimonials h2 {
    text-transform: capitalize;
}

@media only screen and (max-width: 767px) {
    #cabecalho .menu.superior.active .all-categories {
        border-color: #ff7e2b !important;
    }

    .action-links li:nth-child(2) {
        background: #ff7e2b;
    }

    .conteudo-topo .menu.superior .menu-close:after {
        background: #ff7e2b;
    }

    #testimonials .slick-dots li.slick-active button {
        background: #ed9313;
    }
}

.nivel-dois{
    padding: 0px 49px 0px 0px!important;
}


#testimonials h2, #atedimento .titulo{
    color:#1b2db9!important;
}

.links-rodape span, .redes-sociais span, .office-hours p{
    color:white!important;
}

.span4 span{
    color:#ff7e2b!important;
}