@import url(https://fonts.googleapis.com/css?family=Exo+2:400,300,100,600);

:root{
    --cor-01: #BF0811; /* Primary color */
    --cor-02: #F4F4F4; /* Light gray */
    --cor-03: #001d7e; /* Dark blue */
    --cor-04: #284b8b; /* Blue accent */
    --cor-05: #666666; /* Medium gray */
    --branco: #FFFFFF;
    --preto:  #000000;
    --fonte:  #1B6B93;
}

* { 
    font-family: 'Exo 2', sans-serif; 
}

.container-conteudo { 
    margin: auto; 
    width: 90%; 
}

/* Navigation selections */
.home_selected, .contato_selected, .sobre_selected, .promocoes_selected{
    color: var(--cor-01) !important;
}

/* Error page */
.erro404 h1, .erro404 h1 span{
    color: var(--cor-01);
}
.erro404 .btn-home{
    background-color: var(--cor-01) !important;
    border: 1px solid var(--cor-01) !important;
    color: var(--branco) !important;
}

/* Buttons */   
.produto .botao-car .bt, 
.conteudo-contato .conteudo-form .bt-contato, 
.detalhe .conteudo-descricao .container_btn .bt-padrao, 
#finaliza_desconectado, 
#enviar_form, 
.submit,
.btn {
    background-color: var(--cor-01) !important;
    border: 1px solid var(--cor-01) !important;
    color: var(--branco) !important;
    border-radius: 0px;
    height: 50px;
    font-size: 20px;
    font-weight: 500;
}

.bt-submit{
    width: 100%;
    clear: both;
    text-align: center;
    margin-top: 20px;
}

.bt-submit input{
    width: 75%;
}

/* Header and Menu */
.header-menu{
    background-color: var(--cor-01);
}

.d-car{
    color: var(--branco);
}

.span-car table tr td{
    color: var(--cor-01);
}

.header-menu .span-car{
    background-color: var(--branco);
}

span.span-tel{
    color: white;
}

.header-menu .conteudo-menu div>ul>li>a{
    color: var(--cor-01);
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
}

.header-menu .conteudo-menu div>ul>li>a:hover {
    filter: alpha(opacity=70);
    opacity: .7;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}

.d-busca-header .icon-busca {
    background-color: var(--cor-01);
    top: 2px;
}

.d-busca-header .input_busca_form {
    border: 3px solid var(--cor-01);
}

.divi-menu .show-all span{
    color: var(--branco);
}

.header-menu .menu-prod, .header-menu .conteudo-menu ul li ._subcat{
    background-color: var(--cor-01);
    border-top: 6px solid var(--cor-03) !important;
}

.header-menu .menu-prod ul li a, .header-menu .menu-prod ul li ._subcat li a{
    color: var(--preto) !important;
}

.header-menu .menu-prod ul li a:hover, .header-menu .menu-prod ul li ._subcat li a:hover{
    color: var(--branco) !important;
    background-color: var(--cor-01);
}

/* Secondary navigation */
#menunav { 
    background-color: var(--cor-04);  
}

#menunav ul { 
    display: block; 
    margin-bottom: 0px; 
}

#menunav ul li { 
    margin: 0px; 
    padding: 0px; 
}

#menunav li a { 
    margin: 0px; 
    padding-left: 10px; 
    padding-right: 10px; 
    padding-bottom: 5px; 
    color: var(--branco); 
    font-size: 17px; 
    font-weight: 300; 
    display: inline-block; 
    text-align: center; 
    line-height: 52px; 
    text-transform: uppercase; 
}

#menunav li.selected a { 
    background-color: #333333; 
    text-decoration: none; 
}

#menunav li a:hover { 
    background-color: #333333; 
    text-decoration: none;
}

/* Footer */
.footer .footer-dados span, 
.footer .footer-dados a, 
.footer .footer-dados i, 
.footer .menu-footer a, 
.footer .redes-sociais i, 
.footer .redes-sociais span{
    color: var(--branco);
}

.footer ul { 
    margin-bottom: 0px; 
    font-size: 16px; 
    color: #fff; 
}

.footer ul a { 
    display: inline-block; 
    color: #fff; 
    font-size: 16px; 
}

.footer ul.lista-links { 
    margin-top: 65px; 
}

.footer ul.lista-links-right { 
    margin-top: 65px; 
}

.footer ul.lista-links a { 
    text-transform: uppercase; 
    display: block; 
    color: #fff; 
    font-size: 20px; 
    font-weight: 300; 
    line-height: 34px; 
}

.footer ul.lista-links-right a { 
    display: block; 
    color: #fff; 
    font-size: 16px; 
    font-weight: 600; 
    text-align: right; 
    line-height: 34px; 
}

.footer ul li.redes-sociais a:hover { 
    filter: alpha(opacity=70);
    opacity: .7;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}

.sub-footer{
    background-color: var(--cor-01);
}

.footer {
    background-color: var(--preto);
}

/* Contact Page */
.div-dados-contato span, 
.div-dados-contato a, 
.div-dados-contato i, 
.conteudo-rede-contato .nav-redes li a i, 
.conteudo-rede-contato h3{
    color: var(--preto);
}

.div-dados-contato span {
    color: var(--preto) !important;
}

section.contato{ 
    color: var(--cor-05); 
}

section.contato h2{ 
    font-size: 22px; 
    line-height: 28px; 
    margin-bottom: 15px;
}

section.contato div > p{     
    margin-bottom: 15px;
    line-height: 22px;
    font-size: 17px;
    color: #8c8c8c;
    line-height: 24px;
    font-weight: 300;
}

section.contato strong { 
    font-weight: 600;
}

section.contato .pabx { 
    font-size: 18px; 
}

section.contato h3{ 
    font-weight: 300;
    font-size: 20px; 
    margin-bottom: 5px; 
    color: #8c8c8c;
}

/* Products */
.produto:hover{
    border-color: var(--cor-01);
}

.produtos { 
    background-color: #ebebeb; 
    padding-top: 40px; 
}

.prod {
    border: 0px; 
    padding: 0px; 
    background-color: var(--branco); 
    text-align: center; 
    position: relative;
}

.prod .caption {
    position: relative;  
}

.prod h3 {    
    font-size: 18px; 
    font-weight: bold; 
    color: #565656; 
    text-align: center; 
    margin: 0px; 
}

.prod h3 a {
    color: #565656;
}

.prod .caption p {
    font-size: 16px; 
    color: #8c8c8c; 
    font-weight: 300;  
    clear: both; 
}

.prod .caption p a {
    color: #8c8c8c; 
    max-height: 66px; 
    display: block; 
    min-height: 66px; 
    overflow: hidden; 
}

/* Product detail */
/* .detalhe { 
    background-color: #ebebeb; 
} */

.detalhe #item_referencia { 
    font-weight: 600; 
    font-size: 24px; 
    color: var(--cor-05); 
    margin: 0px; 
}

.detalhe .produto-nome { 
    font-weight: 300; 
    font-size: 24px; 
    color: var(--cor-05);
}

.detalhe .produto-descricao { 
    font-weight: 300; 
    font-size: 24px; 
    color: var(--cor-05);
}

.detalhe .desc { 
    margin-bottom: 20px; 
    font-size: 15px; 
}

.detalhe .desc .desc-tit{ 
    color: var(--cor-05); 
    font-weight: 700; 
    margin-bottom: 0px; 
}

.detalhe .desc .desc-sub{ 
    font-style: italic; 
}

/* Mobile styles */
.conteudo-mobile{
    background-color: var(--cor-01);
}

.header-menu .d-logo-mobile{
    background-color: var(--branco);
}

.header-menu .d-minha-conta-mobile{
    background-color: var(--cor-01);
}

@media (max-width:991px){
    .header-menu .conteudo-menu div>ul>li>a{
        color: var(--branco) !important;
    }
    
    .header-menu .menu-prod ul li a:hover, 
    .header-menu .menu-prod ul li ._subcat li a:hover{
        color: var(--preto) !important;
        background-color: var(--branco) !important;
    }
    
    .span-car table tr td{
        color: var(--branco);
    }
    
    .btn_mob_filtro_opcoes .bt, 
    .btn-warning{
        background-color: var(--cor-01) !important;
        color: var(--branco) !important;
    }
    
    .swal2-popup .swal2-close{
        color: var(--cor-01);
    }
    
    .relacionados .d-relacionados{
        height: 256px !important;
    }
    
    .footer ul li.footrede{ 
        display: inline-block; 
        width: 80px; 
        height: 65px; 
        margin: 20px 0px;
    }
    
    .footer ul li.footrede.footface a{ 
        position: relative; 
        top: 10px; 
    }
    
    .footer ul li.footrede a{ 
        margin: 0px; 
    }
    
    .footer ul li.redes-sociais{ 
        width: 100px; 
        display: inline-block;
    }
    
    .footer ul li.redes-sociais a{ 
        position: relative; 
        top: 20px;
    }
    
    .detalhe .detalhe_produto{
        margin: 0px;
    }
    
    .detalhe .detalhe_produto #imagem_principal{
        width: 80%;
    }
    
    .detalhe_produto .img{ 
        text-align: center; 
        background: white; 
        padding: 15px; 
        position: relative;
    }
    
    .detalhe #item_referencia, 
    .detalhe .produto-nome{ 
        text-align: center; 
        background: white; 
        margin: 0px; 
        padding-bottom: 5px;
    }
    
    .detalhe .conteudo_cor_ref_descricao .cor_prod { 
        margin: 0px;
    }
    
    .detalhe .conteudo_cor_ref_descricao .cor_prod ul { 
        display: inline-block !important; 
        height: 46px; 
        margin: 0px;
    }
    
    .detalhe .referencias{ 
        padding: 0px;
    }
    
    .detalhe .orcamento{ 
        margin: 0px;
    }
}

/* Color options display */
.ul-cor li{ 
    display: inline-block;
    width: 50%;
    text-align: left;
    margin: 5px 0;
}

/* Modal styling */
.modal-header {
    text-align: center; 
    border: 0px; 
    color: #02355b; 
    font-weight: 600; 
}

.modal-header h4 {
    font-size: 24px; 
    font-weight: 600; 
}

.modal-body {
    padding-left: 50px; 
    padding-right: 50px; 
    padding-bottom: 0px; 
    padding-top: 0px;
}

.modal-body p {
    text-align: center; 
    font-size: 15px; 
    color: #2b2b2b; 
}

.modal-footer {
    padding-left: 50px; 
    padding-right: 50px; 
    border: 0px; 
    padding-top: 0px;
}

/* Image transitions */
.img-fade:hover {
    filter: alpha(opacity=10);
    opacity: 1;
    transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
}

/* Tooltip styling */
.tooltip-inner {
    white-space: pre-wrap;
    background-color: var(--cor-04);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--cor-04);
}

ion-icon {
    color: var(--branco) !important;
}

@media (max-width: 991px) {
    .header-menu .conteudo-menu ul {
        display: block;
        background: var(--cor-01);
    }
}

.fa-menu-mobi {
    color: var(--branco) !important;
}

.header {
    background-color: var(--preto);
}

span a {
    color: var(--branco) !important;
}

.header-menu .conteudo-menu div>ul>li>a {
    color: var(--branco) !important;
}

.ul-pedido-header {
    color: var(--branco) !important;
}

.ul-pedido-header a {
    color: var(--branco) !important;
}

.fa {
    color: var(--branco) !important;
}

.fa-phone {
    color: var(--branco) !important;
}

.logo-header {
    width: 65%;
    display: block;
    margin-left: 30px;
    margin-top: 0px !important;
}

.busca-carrinho {
    top: 30px;
}