/*==============================================================================
 * GLOBAL
 *============================================================================*/
body {
    background-color: #ebebeb;
}
h2 {
    color: #3d3d3d;
}
a {
    color: white;
}
input:focus, textArea:focus, .form-control:focus {
    border-color: #708090;
}
.titulo h1:after {
    background-color: #004e84;
}
.titulo h1 small {
    color: #444;
}
.box-form {
    background-color: white;
    border-bottom: 1px solid;
}
.box-form-default {
    border-top-color: #708090;
    border-bottom-color: #708090;
}
.borda {
    border: 1px solid #9f9f9f;
}
.borda-top {
    border-top: 1px dashed #9f9f9f;
}
.borda-bottom {
    border-bottom: 1px solid #dee2e6;
}
.borda-secondary {
    border-left: 3px solid var(--secondary);
}
.borda-info {
    border-left: 3px solid var(--info);
}
.borda-warning {
    border-left: 3px solid var(--warning);
}
.borda-primary {
    border-left: 3px solid var(--primary);
}
.borda-success {
    border-left: 3px solid var(--success);
}
.borda-danger {
    border-left: 3px solid var(--danger);
}
.error {
    color: red;
}
/*==============================================================================
 * CABEÇALHO
 *============================================================================*/
#header .header-topo, #header .header-topo div.navbar {
    background-color: #041e42;
}
#header a, #header .login {
    color: #f0f0f0;
}
#header .pesquisa-site .input-group button {
    border: 1px solid #f0f0f0;
}
#header .pesquisa-site .input-group button,
#header .pesquisa-site-mobile .input-group button {
    color: #303030;
    background-color: #FFFFFF;
}
#header .pesquisa-site .input-group button:hover {
    background-color: #dee2e6;
}
#header .login .logado .dropdown a {
    color: #f0f0f0;
}
#header .login .logado .dropdown-menu a {
    color: #3d3d3d;
}
#header .login .logado .dropdown-menu a:hover {
    color: #f0f0f0;
    background-color: #041e42;
}
#header .login .nao-logado span.circulo-login a {
    color: #f0f0f0;
}
#header .header-menu {
    background: white;
    border-bottom-color: #041e42;
}
#header .header-menu li.separador {
    border-top: 1px solid #dee2e6;
}
#header .header-menu li a {
    color: #004e84;
}
#header .header-menu li.dropdown-submenu a, #header .header-menu ul.dropdown-menu a {
    color: #3d3d3d;
}
#header .header-menu li.separador a {
    color: #212529;
}
#header .header-menu li.separador a:hover {
    color: #212529;
}
#header .header-menu li a:hover {
    background-color: #004e84;
    color: #f0f0f0;
}
#header .caixa-suspensa {
    color: #3d3d3d;
}
.caixa-suspensa::before {
    border-bottom-color: #fff;
}
#header .header-menu a {
    color: #026cb6;
}
#header .header-menu a:hover {
    color: #041e42;
}
/*==============================================================================
 * CARRINHO CABEÇALHO
 *============================================================================*/
#carrinhoTopo a .carrinho-quantidade {
    color: #f0f0f0;
}
#carrinhoTopo a:hover .carrinho-valor {
    color: white;
}
#carrinhoTopo .carrinho-quantidade span:last-child {
    background-color: #143a7c;
}
/*==============================================================================
 * SLIDES
 *============================================================================*/
#slide .carousel-indicators li {
    background-color: #f0f0f0;
}
#slide .carousel-indicators li.active {
    background-color: #143a7c;
}
#slide .carousel-indicators li:hover {
    background-color: #041e42;
}
/*==============================================================================
 * LOGIN CLIENTE - REGISTRO CLIENTE - RECUPERAR SENHA
 *============================================================================*/
#login .login-cliente h5, #login .login-cliente a, #registro .registro-cliente h5,
#registro .registro-cliente a, #modalRecuperarSenha .modal-header h5,
#checkoutEndereco .registro-cliente h5 {
    color: #3d3d3d;
}
#login .login-cliente a, #registro .registro-cliente a {
    color: #007bff;
}
#login .login-cliente a:hover, #registro .registro-cliente a:hover {
    color: #004e84;
}
/*==============================================================================
 * MENU MOBILE E LOGIN
 *============================================================================*/
.mobile-button-menu span.fas {
    color: #f0f0f0;
}
.fundo {
    background-color: #000500;
}
.login, .login a, .login.mobile-login a {
    color: #fb3e00;
}
.login .caixa-suspensa .logar, .mobile-menu .logar {
    background-color: #143a7c;
}
#header .login .caixa-suspensa .logar {
    color: #f0f0f0;
}
.login .caixa-suspensa a, .login .caixa-suspensa .caixa-login span:nth-child(3) {
    color: #666;
}
#mobile-menu-fechar {
    background: #143a7c;
    color: #f0f0f0;
}
@media(max-width: 767px) {
    .mobile-menu {
        background-color: #ebebeb;
    }
    .mobile-menu, .mobile-menu a, .mobile-menu a:hover, .mobile-menu button {
        color: #212529;
    }
    .mobile-menu h4 {
        color: #212529;
        font-weight: bold;
    }
    .mobile-menu .secundario {
        color: #666;
    }
    #header .mobile-menu .mobile-menu-entrar p, #header .mobile-menu .mobile-menu-entrar h4 {
        color: #3D3D3D;
    }
    #header .mobile-menu .mobile-menu-entrar a {
        color: #f0f0f0;
    }
    #header .mobile-menu .mobile-menu-entrar a:hover {
        color: #f0f0f0;
    }
    #header .mobile-menu .mobile-menu-entrar a.btn-primary {
        background: #143a7c;
        border-color: #143a7c;
    }
    #header .mobile-menu .mobile-menu-entrar a.btn-primary:hover {
        background: #041e42;
    }
}
#header .caixa-suspensa {
    background-color: #f0f0f0;
}
#header .caixa-login a:not(.logar) {
    color: #3d3d3d;
    font-weight: bold;
}
#menuCategorias li.nav-item:first-child a.dropdown-toggle:first-child:focus {
    background: #041e42;
    color: #f0f0f0;
}
/*==============================================================================
 * CONTA CLIENTE - MENU
 *============================================================================*/
#conta .conta-card-menu {
    background: white;
    border-left: 3px solid #004e84;
}
#conta .conta-card-menu.active {
    border-left: 3px solid #007bff;
}
#conta .conta-card-menu-item {
    color: #3D3D3D;
}
#conta .conta-card-menu-item p {
    color: #6d6d6d;
}
/*==============================================================================
 * CONTA CLIENTE - PEDIDOS/DETALHES-PEDIDOS
 *============================================================================*/
#conta .conta-card-pedido {
    background: white;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    color: #3D3D3D;
}
#conta .conta-card-pedido-observacao div:first-child {
    border-top-color: #dee2e6;
    border-right-color: #dee2e6;
    border-left-color: #dee2e6;
}
#conta .conta-card-pedido-detalhes h5{
    color: #3d3d3d;
}
#conta .conta-card-pedido-detalhes {
    color: #6d6d6d;
}
#conta .conta-box-timeline ul.timeline li {
    color: #6d6d6d;
}
#conta .conta-card-pedido-item a {
    color: #3d3d3d;
}
/*==============================================================================
 * CONTA CLIENTE - DADOS BASICOS
 *============================================================================*/
#conta .conta-dados-basicos-form {
    background: white;
    border-top: 3px solid #004e84;
}
/*==============================================================================
 * CONTA CLIENTE - ENDEREÇOS
 *============================================================================*/
#conta .conta-enderecos {
    color: #3D3D3D;
}
#conta .conta-enderecos-box {
    background: white;
    border-top: 3px solid #004e84;
}
#conta .conta-card-enderecos .btn-card-enderecos a {
    color: #3D3D3D;
}
/*==============================================================================
 * TIMELINE
 *============================================================================*/
.timeline li::before {
    border: 3px solid #ebebeb;
    background-color: #ccc;
}
.timeline li::after {
    background-color: #ebebeb;
}
.timeline li.active {
    color: #28a745;
}
.timeline li.activeCancel {
    color: #B40431;
}
.timeline li.active::before {
    border-color: #ebebeb;
    background-color: #28a745;
    color: white;
}
.timeline li.active + li::after {
    background-color: #28a745;
}
/*==============================================================================
 * VANTAGENS
 *============================================================================*/
#vantagens .container-xl div {
    background-color: transparent;
}
/*==============================================================================
 * CARD PRODUTOS
 *============================================================================*/
.card-produtos:hover {
    box-shadow: 2px 5px 15px #909090;
    transition: ease-in .2s;
}
.card-produtos .produto-item {
    background-color: white;
}
.card-produtos:nth-child(odd) .produto-item.borda-destaque {
    border-top: 5px solid #004e84;
    border-bottom: 5px solid #004e84;
}
.card-produtos:nth-child(even) .produto-item.borda-destaque {
    border-top: 5px solid #026cb6;
    border-bottom: 5px solid #026cb6;
}
.card-produtos .produto-info .produto-btn-comprar a:focus {
    background: #143a7c;
}
/*==============================================================================
 * CARD PRODUTOS MINI
 *============================================================================*/
.card-produtos-mini .produto-item {
    background-color: white;
}
/*==============================================================================
 * PRODUTOS
 *============================================================================*/
#produtos .produtos-opcoes-filtro h4 {
    color: #3D3D3D;
}
#produtos .produtos-opcoes-filtro ul li a {
    color: #3D3D3D;
}
#produtos .produtos-opcoes-filtro ul li a:hover {
    color: #004e84;
}
#produtos .produtos-paginacao .page-item a.page-link {
    border: 1px solid #dee2e6;
    color: #3D3D3D;
}
#produtos .produtos-paginacao li.page-item.active a.page-link {
    background: #004e84;
    color: #f0f0f0;
}
#produtos .produtos-paginacao li.page-item .page-link:hover  {
    background: #007bff;
    color: #f0f0f0;
}
/*==============================================================================
 * PRODUTO DETALHES
 *============================================================================*/
#produtoDetalhes .produto-detalhes-galeria, #produtoDetalhes .produto-detalhes-info {
    background-color: white;
    color: #3d3d3d;
}
#produtoDetalhes .produto-detalhes-info button.btn-primary:focus {
    background: #041e42;
}
#produtoDetalhes .produto-detalhes-link-info {
    color: #3d3d3d;
}
#produtoDetalhes .produto-detalhes-descricao {
    color: #6d6d6d;
}
#produtoDetalhes .produto-detalhes-quantidade {
    color: #3d3d3d;
}
#produtoDetalhes .produto-detalhes-galeria .exzoom_img_ul {
    background: #FFFFFF;
}
#produtoDetalhes .produto-detalhes-galeria .exzoom_nav_inner span.current {
    border-color: #004e84;
}
#produtoDetalhes .produto-detalhes-galeria .exzoom_btn a:hover{
    background-color: #004e84;
}
#produtoDetalhes .produto-calcular-frete table {
    color: #3D3D3D;
}
/*==============================================================================
 * PRODUTO DETALHES - GALERIA
 *============================================================================*/
.galeria {
    background: white;
}
.galeria .thumbs span img {
    background: #fff;
}
.galeria .thumbs span:hover, .galeria .thumbs span.active {
    border-color: #143a7c;
}
.navegacao-thumb .navegacao {
    background: #143a7c;
    color: #f0f0f0;
}
.navegacao-thumb .navegacao:hover {
    background: #041e42;
}
/*==============================================================================
 * PRODUTO OBSERVAÇÃO
 *============================================================================*/
#produtoObservacao .produto-observacao {
    background: white;
    color: #6D6D6D;
}
/*==============================================================================
 * PRODUTO FICHA TÉCNICA
 *============================================================================*/
#produtoFichaTecnica .produto-ficha-tecnica {
    background: white;
}
#produtoFichaTecnica .produto-ficha-tecnica tr td {
    color: #6d6d6d;
    border-top: 1px solid rgb(204,204,204);
}
#produtoFichaTecnica .produto-ficha-tecnica tr:nth-child(2n+1) {
    background: rgb(238,238,238);
}
/*==============================================================================
 * PRODUTO AVALIAÇÃO
 *============================================================================*/
#produtoAvaliacoes .produto-avaliacoes {
    background: white;
}
#produtoAvaliacoes .produto-post {
    color: #6d6d6d;
    border-top: 1px solid rgb(204,204,204);
}
#produtoAvaliacoes .produto-post h3 {
    color: #3d3d3d;
}
#modalAvaliarProduto .modal-body {
    color: #6d6d6d;
}
#modalAvaliarProduto .modal-header h5, #modalAvaliarProduto .modal-body .bold {
    color: #3d3d3d;
}
/*==============================================================================
 * ESTRELAS PRODUTOS AVALIADOS
 *============================================================================*/
.produto-avaliado {
    background-color: #c4c4c4;
}
.bg-estrela {
    background: linear-gradient(to bottom, #fee24f, #f4bb2f);
}
/*==============================================================================
 * CARRINHO
 *============================================================================*/
#carrinho .carrinho-item {
    border-top: 1px solid #dee2e6;
}
#carrinho .carrinho-produto-descricao a {
    color: #212529;
}
#carrinho .carrinho-produto-descricao a:hover {
    color: #004e84;
}
#carrinho .carrinho-remover-item a {
    color: #3D3D3D;
}
#carrinho .carrinho-resumo div:nth-child(3) {
    border-bottom: 1px solid #dee2e6;
}
#carrinho .carrinho-produto-obs-adicionais div a {
    color: #004e84;
}
@media(max-width:767px) {
    #carrinho .carrinho-item {
        border: 1px solid #dee2e6;
    }
    #carrinho .carrinho-remover-item a {
        color: white;
        background: #dc3545;
    }
}
/*==============================================================================
 * CARROSSEL CARRINHO
 *============================================================================*/
.box-carrossel .navegacao {
    background: #007bff;
    color: #f0f0f0;
}
.box-carrossel .navegacao:hover {
    background: #004e84;
}
/*==============================================================================
 * TIMELINE CARRINHO
 *============================================================================*/
.carrinho-timeline li {
    color: #f0f0f0;
}
.carrinho-timeline li::before {
    border: 1px solid #f0f0f0;
    background-color: #a4a4a4;
    color: #f0f0f0;
}
.carrinho-timeline li::after {
    background-color: #a4a4a4;
}
#header .carrinho-timeline li a:hover {
    color: white;
}
.carrinho-timeline li.ativo::before {
    border-color: #f0f0f0;
    background-color: #026cb6;
}
.carrinho-timeline li.ativo + li:after {
    background-color: #026cb6;
}
.carrinho-timeline li.status-atual::before {
    background-color: #28a745;
}
.carrinho-timeline li.status-atual + li:after {
    background-color: #28a745;
}
.carrinho-timeline-mobile {
    background-color: white;
    border-bottom: 1px solid #a4a4a4;
}
.carrinho-timeline-mobile p span {
    color: #3d3d3d;
}
/*==============================================================================
 * CHECKOUT RESUMO COMPRA
 *============================================================================*/
#checkoutResumo .checkout-resumo {
    background-color: white;
}
#checkoutResumo .checkout-resumo a {
    color: #026cb6;
}
#checkoutResumo .checkout-resumo a:hover {
    color: #004e84;
}
#checkoutResumo .carrinho-resumo {
    border-top: 1px solid #dee2e6;
}
#checkoutResumo .carrinho-resumo div:nth-child(3) {
    border-bottom: 1px solid #dee2e6;
}
@media(min-width: 768px) {
    #checkoutResumo .carrinho-resumo {
        border-top: none;
    }
}
/*==============================================================================
 * CHECKOUT FORMA ENVIO
 *============================================================================*/
#checkoutEnvio .checkout-forma-envio {
    background-color: white;
}
#checkoutEnvio .card-forma-envio .card-header {
    background-color: #f0f0f0;
    color: #212529;
}
#checkoutEnvio .card-forma-envio .card-body {
    background-color: white;
    color: #212529;
}
#checkoutEnvio .card-forma-envio label.ativo {
    border: 1px solid #026cb6;
}
#checkoutEnvio .card-forma-envio label:hover {
    border: 1px solid #004e84;
}
#checkoutEnvio .checkout-forma-envio p a {
    color: #026cb6;
}
#checkoutEnvio .checkout-forma-envio p a:hover {
    color: #004e84;
}
/*==============================================================================
 * CHECKOUT FORMA PAGAMENTO
 *============================================================================*/
#checkoutPagamento .checkout-forma-pagamento {
    background-color: white;
}
#checkoutPagamento .checkout-forma-pagamento ul.nav-tabs {
    border-color: #6d6d6d;
}
#checkoutPagamento .checkout-forma-pagamento ul.nav-tabs li a {
    color: inherit;
}
#checkoutPagamento .checkout-forma-pagamento ul.nav-tabs li a.active {
    color: #026cb6;
    border-top-color: #6d6d6d;
    border-right-color: #6d6d6d;
    border-left-color: #6d6d6d;
}
#checkoutPagamento .checkout-forma-pagamento ul.nav-tabs li a:hover {
    color: #004e84;
}
#checkoutPagamento .checkout-forma-pagamento ul.nav-tabs li a:not(.active):hover {
    border-bottom-color: #6d6d6d;
}
#checkoutPagamento .checkout-forma-pagamento form button.btn-primary:focus {
    background-color: #041e42;
}
/*==============================================================================
 * CUPOM DESCONTO
 *============================================================================*/
#cupomDesconto .vale-cupom {
    background-color: white;
}
/*==============================================================================
 * CHECKOUT CONCLUIDO RESUMO COMPRA
 *============================================================================*/
#checkoutConcluidoResumo .checkout-concluido-resumo {
    background-color: white;
}
#checkoutConcluidoResumo .checkout-concluido-confirmacao div:first-child span strong {
    color: #004e84;
}
#checkoutConcluidoResumo .checkout-concluido-confirmacao div:last-child span:last-child {
    color: #004e84;
}
#checkoutConcluidoResumo .carrinho-item {
    border-top: 1px solid #dee2e6;
}
#checkoutConcluidoResumo .carrinho-resumo div:nth-child(3) {
    border-bottom: 1px solid #dee2e6;
}
#checkoutConcluidoResumo ul li a.btn.btn-link {
    color: #004e84;
}
@media(max-width:767px) {
    #checkoutConcluidoResumo .carrinho-item {
        border: 1px solid #dee2e6;
    }
}
/*==============================================================================
 * CHECKOUT CONCLUIDO INFO
 *============================================================================*/
#checkoutConcluidoInfo .checkout-concluido-info {
    background-color: white;
}
/*==============================================================================
 * RODAPE CHECKOUT
 *============================================================================*/
#rodapeCheckout {
    background-color: #041e42;
}
#rodapeCheckout div.container-xl div {
    color: #a4a4a4;
}
#rodapeCheckout .copy-right {
    border-top: 1px solid #a4a4a4;
    background-color: #212529;
}
#rodapeCheckout .copy-right p {
    color: #f0f0f0;
}
/*==============================================================================
 * NEWSLETTER
 *============================================================================*/
#newsletter {
    background-color: white;
    border-top: 1px solid #041e42;
}
/*==============================================================================
 * CONTATO
 *============================================================================*/
#contato .contato {
    color: #3D3D3D;
    background: white;
}
#contato .contato-atendimento ul li a, #contato .contato-email ul li a {
    color: #3D3D3D;
}
@media(max-width: 768px) {
    #contato .contato-endereco, #contato .contato-atendimento {
        border-bottom: 1px solid #dee2e6;
    }
}
/*==============================================================================
 * SOBRE A EMPRESA
 *============================================================================*/
#sobre .sobre {
    color: #3D3D3D;
    background: white;
}
#sobre .sobre-card .card {
    border: 1px solid #004e84;
}
#sobre .sobre-card .card h5 {
    background-color: #004e84;
    color: #f0f0f0;
}
/*==============================================================================
 * POLÍTICA DE PRIVACIDADE
 *============================================================================*/
#politicaPrivacidade .privacidade {
    color: #3D3D3D;
    background: white;
}
/*==============================================================================
 * POLÍTICA DE TROCAS E DEVOLUÇÕES
 *============================================================================*/
#politicaTrocaDevolucao .trocaDevolucao {
    color: #3D3D3D;
    background: white;
}
/*==============================================================================
 * PRELOADER PÁGINA INTEIRA
 *============================================================================*/
.item-carregando:nth-child(1) {
    background-color: #49b8e5;
}
.item-carregando:nth-child(2) {
    background-color: #1e98d4;
}
.item-carregando:nth-child(3) {
    background-color: #2a92d0;
}
.item-carregando:nth-child(4) {
    background-color: #3a88c8;
}
.item-carregando:nth-child(5) {
    background-color: #507cbe;
}
/*==============================================================================
 * LOADER ITENS IDIVIDUAIS
 *============================================================================*/
.c-loader {
    border: 6px solid #e5e5e5;
    border-top-color: var(--bg-componentes);
}
.c-loaderHome {
    border: 10px solid #e5e5e5;
    border-top-color: var(--bg-componentes);
}
/*==============================================================================
 * RODAPE
 *============================================================================*/
#rodape {
    background-color: #041e42;
}
#rodape h4 {
    color: #f0f0f0;
}
#rodape p, #rodape .btn-sobre {
    color: #a4a4a4;
    border-color: #a4a4a4;
}
#rodape .btn-sobre:hover {
    background-color: transparent;
    color: #f0f0f0;
    border-color: #f0f0f0;
}
#rodape ul li a {
    color: #a4a4a4;
}
#rodape ul li a:hover {
    color: #f0f0f0;
}
#rodape .social li a {
    border: 1px solid #a4a4a4;
}
#rodape .social li a:hover {
    border: 1px solid white;
    color: white;
}
#rodape .social li a.facebook:hover {
    background: #004e84;
}
#rodape .social li a.instagram:hover {
    background: #993399;
}
#rodape .social li a.twitter:hover {
    background: #00acee;
}
#rodape .social li a.youtube:hover {
    background: #c4302b;
}
#rodape .certificado p {
    color: #a4a4a4;
}
#rodape .certificado p:first-child {
    color: #f0f0f0;
}
#rodape .copy-right {
    border-top: 1px solid #a4a4a4;
    background-color: #212529;
}
#rodape .copy-right p {
    color: #f0f0f0;
}
@media(max-width: 780px) {
    #rodape .borda-mobile {
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: .8em;
    }
}
#rodape .voltar-ao-topo, #rodapeCheckout .voltar-ao-topo {
    background-color: #004e84;
    color: #f0f0f0;
}
#rodape .voltar-ao-topo a:hover, #rodapeCheckout .voltar-ao-topo a:hover {
    color: #f0f0f0;
}
#rodape .whatsapp-link {
    background-color: #25d366;
    color: white;
}
#cookies .container-xl div {
    background: white;
}
#cookies .cookies {
    color: #3d3d3d;
    box-shadow: 0px 0px 6px 2px #6d6d6d;
}
#cookies .cookies p a {
    color: #007bff;
}
/*==============================================================================
 * PAGINAS DE ERROS
 *============================================================================*/
#paginaErro h1, #paginaErro p {
    color: #3d3d3d;
}
#paginaErro .box-erro .erro {
    background: white;
    border-top-color: #041e42;
    border-right-color: #dee2e6;
    border-left-color: #dee2e6;
    border-bottom-color: #dee2e6;
}