@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;400;700&display=swap');
body, html {
    background-color: #FFF !important;
    background: #FFF !important;
    font-family: 'Encode Sans', sans-serif !important; 
    overflow-x: hidden !important;
}
a, p, h1, h2, h3, h4, h5, h6, div, li, ul {
    font-family: 'Encode Sans', sans-serif !important;
}
.carrinho {
    border: none !important;
}

.logo a img {
    margin-left: 0;
}
.conteiner-principal .conteiner {
    box-shadow: none !important;
    background: #FFF !important;
}

.menu.superior {
    background-color: rgba(0,0,0,0) !important;
}
.menu.superior .nivel-um>li {
    border-right: 0px !important;
}
.secao-banners {
    background-color: #102E4f !important;
}
.banner {
    margin-top: -10px !important;
    margin-bottom: -10px !important;
}
.secao-banners .conteiner {
    padding-left: 0 !important;
    padding-right: 0  !important;
    margin: auto -10px !important;
    max-width: 110% !important;
}
.mini-banner {
    max-width: 1140px !important;
    margin-top: 20px !important;
    margin: auto;
}

.barra-inicial {
    background: #3B3B3B !important;
    text-transform: uppercase !important;
}
.fundo-principal {
    background: #102E4F !important;
}
.fundo-secundario, .pagamento-selos {
    background: #102E4F !important;
    text-transform: uppercase !important;
}
.institucional .conteiner, .pagamento-selos > .conteiner {
    background: #102E4f !important;
}
.preco-promocional {
    font-size: 2em !important;
    color: #102E4f !important;
    font-weight: 600 !important;
}
.listagem.com-caixa .listagem-item {
    box-shadow: none !important;
    border: 0px solid rgba(0,0,0,0.035) !important;
}
.listagem.com-caixa:hover {
    
    box-shadow: none !important;
    border: 0px solid rgba(0,0,0,0.035) !important;
}
.listagem-item:hover {
    
    box-shadow: none !important;
    border: 0px solid rgba(0,0,0,0.035) !important;
}
.listagem-item .acoes-produto {
    bottom: -10% !important;
    background-color: #102E4f !important;
    border-left: 1px solid rgba(0,0,0,0.035) !important;
    border-right: 1px solid rgba(0,0,0,0.035) !important;
    border-bottom: 1px solid rgba(0,0,0,0.035) !important;
}
.acoes-produto .botao, .acoes-produto-responsiva .tag-comprar {
    border-radius: none !important;
    border: 0px !important;
    background-color: #102E4f !important;
    background-image: none !important;
}
.titulo {
    font-size: 1.4em !important;
    color: #222 !important;
    font-weight: 600 !important;
}

.listagem-item {
    margin-top: 30px !important;
}
.busca {
    border-radius: 0px;
    background-color: rgba(0,0,0,0) !important;
    border: none !important;
}
.form-buscar input {
    background: #F0F2F0 !important;
}
#auto-complete {
    background: #F0F2F0 !important;
    border: 1px solid #F0F2F0 !important;
    border-radius: 0 !important;
}

/* REGRA DESKTOP */
@media only screen and (min-width: 768px) {
    .menu.superior .nivel-um>li {
        text-align: center !important;
    }
    .banner .flex-control-paging li a {
        width: 20px !important;
        height: 4px !important;
        margin: 1px !important;
        background: rgba(255,255,255,0.5);
        border: 0px solid #fff !important;
        border-radius: 2px !important;
        box-shadow: none;
    }
    .banner .flex-control-paging li a.flex-active {
        width: 20px !important;
        height: 4px !important;
        margin: 1px !important;
        background: #fff !important;
        border: 0px solid #fff !important;
        border-radius: 2px !important;
        box-shadow: none;
    }
    .banner .flex-control-nav {
        right: 48% !important;
    }
    .nivel-um {
        display: flex !important;
    }
    .menu.superior .nivel-um>li {
        flex: 1;
    }
    .menu.superior .nivel-um>li:hover {
        border-bottom: 1px solid #102E4f !important;
        border-top: 0px !important;
        margin-top: -2px !important;
    }
    .formas-envio {margin-left: 7px !important;}
    
}
.icon-home, .icon-minus,.icon-user, .icon-shopping-cart, .icon-plus, .icon-trash, .icon-th  {
    font-family: "FontAwesome" !important;
}

.carrinho>a>* {
    float: right !important;
}
.conteudo-topo .inferior .span4 {
    margin-left: -30px !important;
}
.icon-list, .icon-user {
    border-radius: 50% !important;
}
.listagem .listagem-linha {
    border: 0px !important;
}
.marcas {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}
.preco-venda {
    display: block !important;
}
.nome-produto {
    font-size: 1.5em !important;
}
.tarja {
    margin: auto;
    text-align: center;
    
}
.listagem .titulo-categoria {
    /* display: block; */
    /* font-size: 16px; */
    margin: 40px 0 0;
    text-align: center;
    color: #102E4f;
    font-weight: 300;
    padding: 10px 0;
    transition: all .2s ease;
    font-size: 2.3em !important;
}
.borda-alpha {
    border-color: rgba(0,0,0,0);
}
#listagemProdutos {
    text-align: center;
}
.secao-principal {
    text-align: center;
}
.conteudo {
    margin-bottom: 75px !important;
}
.caixa-sombreada {
    text-align: left !important;
}
.canais-contato ul {
    float: none !important;
}

.caixa-sombreada {
    box-shadow: none;
}
.outras {
    display: none !important;
}

.lista-redes .icon-instagram {
    background: rgba(0,0,0,0);
}
/*.canais-contato {
    padding-left: 95px !important;
}*/
.modal-body .span6 {
    width: 98% !important;
}
.modal-body .span6:last-of-type {
    display: none !important;
}
.controls input {
    width: 100% !important;
}
.controls textarea {
    width: 100% !important;
}
.g-recaptcha {
    margin-left: 244px !important;
}

/* DEPOIMENTOS */
.tituloDepoimentos {
  display: block;
  font-size: 16px;
  margin: 40px 0 0;
  text-align: center;
  color: #102E4f;
  font-weight: bold;
  padding: 20px 0;
  transition: all .2s ease;
  font-size: 2.3em !important;
}

/* RODAPE */

#rodape .institucional {padding: 0!important;}
#rodape .institucional .links-rodape ul li {list-style: none;}
#rodape .institucional .row-fluid [class*="span"] {margin-left: 0!important;}

/* logo*/
#rodape .institucional > .conteiner > .row-fluid, .logo-rodape {display: flex; flex-wrap: wrap; justify-content: space-between;}
.logo-rodape img {margin-top: 40px; max-width: 350px; height: auto;}

/* titulo */
#rodape .titulo, 
.links-rodape-categorias .titulo,
.links-rodape-paginas .titulo { color: white !important; font-size: 14px !important;}

.selos > .titulo { margin-bottom: 10px !important;}
.formas-envio > .titulo {margin-bottom: 0px !important;}

/* redes sociais */
#rodape .redes-sociais {
    background: transparent !important;
    position: relative !important;
    box-shadow: none!important;
}

/* Selos Pagamentos */
.bandeiras-pagamento {padding-top: 6px !important;}
.pgto-flex {display: flex!important; flex-wrap: wrap; align-items: center;} 
.pagamento > .titulo { width: 100%; }
.pagamento > ul.gateways-rodape {width: auto; margin: 0; border-radius: 2px !important;}
.gateways-rodape li { width: auto!important; padding: 2px 3px !important;}
.gateways-rodape li img {height: 16px;}


/* Redes Sociais */
.redes-sociais i {
    background-color: transparent; 
    color: #fff; 
    font-size: 20px; 
    /*margin-right: 20px;*/ 
    transition: all 0.3s ease; 
    padding: 5px;
}
#rodape .redes-sociais { width: 100% !important; padding: 0 !important; }
.redes-sociais i:hover { background-color: #fff; color: #071e38; transform: scale(1.3); }
.lista-redes {display: none;} 

/* Envio */
.formas-envio img {max-width: 100px; margin-right: 15px;}
.formas-envio img.correios {max-width: 130px;}

/* SSL */
#rodape .selos img {width: 130px!important;}
   
/* fundo copyright */
#rodape > div:last-child {background: #071e38 !important; border-color: #dddddd30 !important;}
#rodape > div:last-child > .conteiner { background: transparent !important;}
#rodape > div:last-child > .conteiner p {color: #fff !important; letter-spacing: 0.5px; padding: 5px 0 15px;}


/* Botao Voltar para o Topo */
#backTop {
  opacity: 0;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #071e38;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
  font-family: 'FontAwesome';
    transition: all 0.3s ease;
}
#backTop i {font-style: normal;}
#backTop:hover {
  background-color: #102E4f;
}

/* RESPONSIVO MOBILE */
@media only screen and (max-width: 767px) {
    
    .atalho-menu.icon-th.botao.principal {background-color: #102E4F;}
    .conteudo-topo .busca-mobile {
        background-color: rgba(0,0,0,0) !important; 
        border-radius: 0 !important;    }
    
    .logo a img { margin: auto !important;}
    
    .secao-banners .flexslider .slides img { 
        height: 350px !important;
        width: auto !important;
        max-width: fit-content !important;
        margin: auto;
        transform: translateX(-20%);
    }
        
    /*duas colunas*/    
    .listagem .listagem-linha > ul {
        display: -moz-flex;
        display: flex;
        flex-wrap: wrap; 
        align-items: flex-end;
    }
    
    .listagem ul:not(.produtos-carrossel)>li.span3 { width: 50%; }
    
    /* formatacao infos produto */
    .listagem .listagem-item .nome-produto {
        font-weight: 400!important;
        line-height: normal!important;
        font-size: 16px !important;}
        
    .acoes-produto-responsiva .tag-comprar .titulo {
        color: #FFF!important;
        text-shadow: 0 1px 1px rgb(0 0 0 / 20%) !important;
        font-size: 14px!important; }
    
    .listagem .preco-produto>div:first-child { margin: 2px 0 15px; }
    .preco-promocional { font-size: 1.5em !important; }
    .preco-produto strong.titulo {
        font-size: 15px!important;
        font-weight: 700!important;
        color: #444444 !important;}
    
    .listagem .listagem-item { display: flex; justify-content: center; flex-wrap:wrap;  }
    .listagem .imagem-produto img {position: relative;}
    .listagem .imagem-produto { height: fit-content !important; }
    .acoes-produto-responsiva {top:inherit!important; right: inherit!important; position: relative;}
    .acoes-produto-responsiva .tag-comprar i {font-size: 16px !important; top: 0!important; left: 2px; }
    
    /* Marcas */
    .marcas {margin: 30px 0!important; }
    
    .marcas .slides {
        width: 80% !important; 
        margin: 0 auto !important;
        display: flex;
        flex-flow: wrap row;
        align-items: center;
        align-content: space-between;
        height: 150px;
    }
    .marcas .slides li {width: 48% !important;}
    .marcas .flexslider .slides img { height: 50px !important; }
    .flex-direction-nav {display:none; }
    
    
    /* Depoimentos */
    .secao-secundaria > img { width: 50%;}
    
    /* Rodape */
    .logo-rodape img {max-width: 70%; height: auto!important; }
    #rodape .logo-rodape {text-align: center; margin-bottom: 30px;}
    #rodape .span6 > .row-fluid { display: flex; flex-flow: wrap row; }
    #rodape .links-rodape.span6 {width: 48.8%; }
    #rodape .links-rodape ul li a { font-size: 12px; line-height: 20px; }
    #rodape .titulo { font-size: 16px!important; }
    #rodape .span12 {flex-flow: nowrap column;}
    #rodape .redes-sociais {display: flex; padding: 0; flex-flow: wrap row;}
    .redes-sociais .titulo {width: 100%;}
    .redes-sociais a, .redes-sociais i { display: inline-block;}
    #rodape .pagamento-selos .selos img {max-width: 130px;}
    #rodape .bandeiras-pagamento li {margin-right: 5px !important;}
    #rodape .redes-sociais .titulo {display: inherit!important; }
    #rodape .pagamento-selos .row-fluid > div { margin-bottom: 30px; }
    #rodape .formas-envio img {margin-bottom: 10px;}
}