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

.whatsapp-fixo {
    position:fixed;
    top:auto;
    bottom:05%;
    margin-left:84%;
    z-index: 999;

    
}

#cabecalho > div.conteiner > div.menu.superior {
    
        background: #fc4d01;
        margin: 0;
        height: 43px;
        overflow: visible;
        padding: 0;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-size:16%;
    
}

.full.menu .nivel-um>li, #cabecalho > div.conteiner > div.menu.superior > ul li {
        padding: 0px 0;
        border: 0;
        border-right: 1px solid #fc4d01;
        font-family: 'Roboto', sans-serif;
        font-size:16px;
        
}

.full.menu {
       background: #fc4d01;
       -webkit-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       border-bottom: 2px solid #fc4d01;
       font-family: 'Roboto', sans-serif;
       font-size:16px;
      
}

.secao-banners .banner.cheio .flex-direction-nav .flex-prev {
    background: transparent url(https://i.ibb.co/0F85gbT/splite.png) no-repeat -381px -178px;
    height: 80px;
    width: 45px;
    margin-top: -40px;
    font-family: 'Roboto', sans-serif;
   
    
}


.secao-banners .banner.cheio .flex-direction-nav .flex-next {
    right: 10px !important;
    background: transparent url(https://i.ibb.co/0F85gbT/splite.png) no-repeat -393px -321px;
    height: 80px;
    margin-top: -40px;
    width: 45px;
    font-family: 'Roboto', sans-serif;
    
}


.secao-banners .banner.cheio .flex-control-paging li a.flex-active {
    width: 12px;
    height: 12px;
    margin: 0;
    border:0 ;
    background: #fc4d01;
    font-family: 'Roboto', sans-serif;
    
}

/*Cor das fontes Título Seja Bem Vindo(Página Inicial*/
.lista-redes .cor-secundaria {color:#FFFFFF;font-size:12px;}

/*cor das fontes Título ATENDIMENTO(Página Inicial*/
.barra-inicial .canais-contato span, .barra-inicial .canais-contato a, .barra-inicial .canais-contato i {
    color: #FFFFFF;
    
}

/*CADASTRE-SE COR */
.barra-inicial .bem-vindo .cor-principal {
    color: #fc4d01;
}

/*ATENDIMENTO COR*/

.barra-inicial .canais-contato.span9 li:first-child a {
    color: #fc4d01;
}

<!--/*título da lista de produtos da vitrine*/
#listagemProdutos.listagem .titulo-categoria strong, #listagemProdutos.listagem >.titulo, .listagem.aproveite-tambem .titulo-categoria strong, .listagem.aproveite-tambem>.titulo {
    color: #fc4d01;
}-->
    
/*Barra de busca */



/*BORDA PRETA DA PÁGINA DE IDENTIFICAÇÃO:*/

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

element.style {
}
.cadastro legend {
border-color: #fc4d01;}

/*COR DOS BOTÕES PÁGINA DE IDENTIFICAÇÃO:*/
element.style {
}
.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: #fc4d01; }

/*COR DA FONTE (EMAIL E SENHA PÁGINA DE IDENTIFICAÇÃO):*/
element.style {
}
.cadastro label {
color: #fc4d01;
font-weight: 600;
}

/*COR DO TÍTULO DO RODAPÉ PÁGINA PRINCIPAL:*/
element.style {
}
#rodape .institucional .titulo   {
color: #fc4d01;

}

 
 /*BOTÂO SCROLL_TOP*/
 .scrollToTop {
background:#fc4d01;

/*TITULO CATEGORIAS DAS VITRINES*/

.titulo-categoria strong {
    background-image:#fc4d01;
}

/*FUNDO DAS CATEGORIAS DAS VITRINES*/

#media screen and (min-width: 768px).menu.superior .nivel-um {
    background-image:#fc4d01;
}

#media screen and (max-width: 767px).menu.superior .nivel-um {
    background-image:#fc4d01;
}

/*FUNDO PRETO SÓLIDO DO RODAPÉ*/
#rodape .institucional {
    background-image: none;
    background-color: #000000;
}


<!--/*BOTÃO COMPRAR*/
.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: #fc4d01;
}-->

/* Altera a Cor do Menu Principal Superior ao Passar o Mouse */



/*Trocar a Cor Menu e Dos Sub-Menus*/

.menu.superior .nivel-dois{ background-color: #000000; } .menu .nivel-dois a { color:#fc4d01; }


.menu.superior .nivel-tres{ background-color: #000000; } .menu .nivel-tres a { color:#fc4d01; }


/*BACKGROUND RODAPÉ*/
#rodape .pagamento-selos {
background-image: none;
background-color: #000000;
}

/* Cor e tamanho do texto do menu */
#cabecalho > .conteiner > .menu.superior .titulo {font-size: 110%; }


/* Cores Endereço do Instagram  */ 

div#instagram h2 a {
    color: #fc4d01;
}

/*BARRA DO RODAPÉ Instagram*/

div#instagram h2:after {
    content: "";
    display: block;
    width: 93px;
    height: 3px;
    background: #fc4d01;
    margin: 18px auto;
}




/*Alterar a cor do CADASTRE-SE do Rodapé */

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



/*Cores do Títulos */

.menu.superior .titulo, .full.menu .nivel-um .titulo {
    color: #FFFFFF;
    margin: 14px 0;
}
/*Sub-Menu*/

.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a hover{
    background-color: #000000;
   /* box-shadow: 0 0 5px rgba(0,0,0,0.3);*/
}


/*Cores Subtítulos*/


.full.menu .nivel-um, #cabecalho > div.conteiner > div.menu.superior > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    height: 46px;
    color:#fc4d01;
}

#barraTopo > div.full.menu.hidden-phone, #cabecalho > div.conteiner > div.menu.superior {
    color: #555;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    /* margin: 14px 0; */
}

/*Cor do Texto das Categorias*/
.titulo {
    font-family: 'Play', serif;
    color: #fc4d01;
   
}

/*SPAN FIQUE POR DENTRO DAS PROMOÇÕES*/

.coluna.span3 .componente.newsletter.borda-principal {
    background: #fc4d01;
    border-radius: 0;
    padding: 0;
}

/* BOTÃO DO SPAN FIQUE POR DENTRO DAS PROMOCÕES */
.coluna.span3 .componente.newsletter.borda-principal button {
    background: none;
    color: #fc4d01;
    font-size: 20px;
    right: 5px;
    top: 2px;
}

/*BOTÃO IR AS COMPRAS*/

.botao {
    background-color: #fc4d01;
    color: #fff;
    background-image: none;
    border: none;
}
.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: #fc4d01;
}

/*BARRA-NEWSLETTER*/

#barraNewsletter, #barraNewsletter .show-hide, #barraNewsletter .componente, #barraNewsletter .conteiner {
    background: #fc4d01;
}
   
/*BOTÃO ENVIAR NEWSLETTER PÁGINA PRINCIPAL*/
#barraNewsletter .componente .botao {
    border-radius: 60px;
    width: 124px;
    height: 40px;
    margin-top: 9px;
    margin-left: 10px;
    padding: 0;
    background: #fc4d01;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

 /* LINHA DIVISORA DOS PRODUTOS VITRINE PRINCIPAL*/

.produto .acoes-flutuante .nome-produto, .listagem>.titulo-categoria>strong, body.pagina-produto .aproveite-tambem>h4.titulo.cor-secundaria {
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    width: 100%;
    display: block;
    border-bottom: 3px solid #fc4d01 !important;
    padding-bottom: 8px !important;
}


/*LINHA QUE DIVIDE O RODAPÉ E A BARRA NEWSLETTER*/
div#rodape .institucional {
    background: #000000;
    margin-top: 0;
    border-top: 1px solid #fc4d01;
    background-size: cover;
    padding-bottom: 35px;
}

/*---------------------------------------------------*/

.lista-redes .icon-instagram {
    background: #fc4d01;
    background: /*-webkit-linear-gradient(305deg,#3051f1 10%,#c92bb7 70%) no-repeat*/;
    background: /*linear-gradient(145deg,#3051f1 10%,#c92bb7 70%) no-repeat*/;
}

/*LINHA DE FONTE NOVA*/
body,.titulo, .cabecalho-interno.row-fluid .titulo , .barra-inicial .canais-contato.span9 li , #cabecalho .inferior > .span4.hidden-phone .carrinho > a strong.qtd-carrinho.titulo.cor-secundaria , #cabecalho .inferior .busca input , #cabecalho + .menu.superior .conteiner > ul.nivel-um > li a strong , #cabecalho.logo-centro .carrinho > a strong.qtd-carrinho.titulo.cor-secundaria , #cabecalho.logo-centro .busca input , .menutopo .menu.superior .conteiner > ul.nivel-um > li a strong , form#formCalcularFrete .btn ,#modalContato .form-horizontal .control-label,#modalContato table span,#modalContato table a ,.listagem.aproveite-tambem .listagem-item .nome-produto,.listagem > .titulo-categoria,body.pagina-produto .aproveite-tambem > h4.titulo.cor-secundaria ,.listagem .listagem-item .nome-produto ,.listagem .listagem-item .info-produto ,body.pagina-produto .info-principal-produto .nome-produto ,body.pagina-produto .produto .codigo-produto b , body.pagina-produto .produto .codigo-produto span,body.pagina-produto .produto .codigo-produto a,body.pagina-produto .parcelas-produto .accordion .accordion-group .accordion-heading .text-parcelas ,.cep label,form#formCalcularFrete b.cor-secundaria ,body.pagina-produto .produto .cep ul li span ,body.pagina-produto span.cor-secundaria.disponibilidade-produto , #barraNewsletter .componente input ,#barraNewsletter .componente .newsletter-assinar:after ,#rodape .institucional .titulo,#rodape .pagamento-selos .titulo ,div#rodape .institucional li a ,div#rodape .institucional p ,.carrinho-checkout .formas .accordion-heading .forma-conteiner span ,body.pagina-carrinho .tabela-carrinho .formas-envio .prazo ,body.pagina-carrinho .tabela-carrinho .formas-envio span ,body.pagina-carrinho .cabecalho-interno .titulo,.cabecalho-interno .titulo small ,body.pagina-carrinho .acao-editar a.botao.hidden-phone ,body.pagina-carrinho.tema-transparente .finalizar-compra button.botao.principal.grande , .modal-modalNewsletter .fancybox-skin #modalNewsletter .newsletter .botao:before , .modal-modalNewsletter .fancybox-skin #modalNewsletter .newsletter-cadastro input , .modal-modalNewsletter .fancybox-skin #modalNewsletter .newsletter .newsletter-confirmacao {
	font-family:"font-family:'Roboto',sans-serif;"!important;
}

/*FUNDO GERAL PRETO SÓLIDO*/
html,
body {
    background-color: #000000 !important;
    background-image: none !important;
}

/*TIPOGRAFIA DO MENU PRINCIPAL E SUBMENUS*/
#cabecalho .menu.superior .nivel-um > li > a,
#cabecalho .menu.superior .nivel-um > li > a .titulo,
.full.menu .nivel-um > li > a,
.full.menu .nivel-um > li > a .titulo,
.menu.superior .nivel-dois a,
.menu.superior .nivel-tres a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

/*LOGO EM TAMANHO AMPLIADO*/
#cabecalho .logo a {
    overflow: visible !important;
}

#cabecalho .logo img {
    width: auto !important;
    max-width: none !important;
    max-height: 120px !important;
}

@media (max-width: 767px) {
    #cabecalho .logo img {
        max-height: 90px !important;
    }
}

/*SETAS LARANJAS DO BANNER PRINCIPAL*/
.secao-banners .banner.cheio .flex-direction-nav .flex-prev,
.secao-banners .banner.cheio .flex-direction-nav .flex-next {
    background: none !important;
    opacity: 1 !important;
    position: absolute;
}

.secao-banners .banner.cheio .flex-direction-nav .flex-prev::before,
.secao-banners .banner.cheio .flex-direction-nav .flex-next::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    border: solid #fc4d01;
    border-width: 0 5px 5px 0;
}

.secao-banners .banner.cheio .flex-direction-nav .flex-prev::before {
    transform: translate(-35%, -50%) rotate(135deg);
}

.secao-banners .banner.cheio .flex-direction-nav .flex-next::before {
    transform: translate(-65%, -50%) rotate(-45deg);
}

/*DESATIVA O POP-UP AUTOMÁTICO DE NEWSLETTER*/
#modalNewsletter,
.modal-modalNewsletter .fancybox-wrap,
.modal-modalNewsletter .fancybox-overlay,
body.modal-modalNewsletter .fancybox-wrap,
body.modal-modalNewsletter .fancybox-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.modal-modalNewsletter {
    overflow: auto !important;
}