@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Jost:wght@400;700&family=Lato:wght@400;700&display=swap');

body{
    font-family: 'Jost', sans-serif;
}

font{
    font-family: 'Jost', sans-serif;
}

.flex-direction-nav li a{
    background-color: #0a5959;    
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
}


.pagina-carrinho .botao.principal{
    background-color: #bf4712;
}

.pagina-carrinho .botao.principal:hover{
    background-color: #081c47;
}

/* MODAL SUPORTE */

#modalContato .modal-header .titulo {
    font-weight: 500;
    color: #081c47;
}

#modalContato .modal-header {
    color: #081c47;
    border-bottom: solid 1px #081c47;
}

#modalContato .form-horizontal .control-label {
    color: #081c47;
}

#modalContato table td b {
    color: #081c47;
}

#modalContato table td span, #modalContato table td span a {
    color: #081C47;
}

#modalContato .form-horizontal input, #modalContato .form-horizontal textarea {
    font-family: 'Jost', sans-serif;
}

#modalContato .controls .botao:hover {
    background: white;
    border: 1px solid #081C47;
    color: #081C47;
    opacity: 1;
}

/* FIM MODAL SUPORTE */

 /* MODAL NEWS */
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
    font-family: 'Jost', sans-serif;
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
    border: solid 1px #081c47;
    background: #081c47;
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao:hover{
    border: solid 1px  #bf4712;
    background:  #bf4712
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter {
    color: #081c47;
}

/* FIM MODAL NEWS*/

/* HEADER */

#cabecalho .busca input, #cabecalho .busca input:focus {
    border-radius: 8px;
}

#cabecalho.fixed .open-menu .line {
    background: #081c47;
}

#cabecalho .actions>li>a {
    font-weight: 500;
    color: #081c47;
}

#cabecalho .account .account-list li a {
    color: #081c47;
}

#cabecalho .actions>li>a .icon * {
    fill: #081c47;
}

#cabecalho .busca input, #cabecalho .busca input:focus {
    font-family: 'Jost', sans-serif;
}

.tracking .form-tracking input {
    font-family: 'Jost', sans-serif;
}

#cabecalho .carrinho .qtd-carrinho {
    background: #bf4712;
}
 /* FIM HEADER */

.full.menu {
    background: #081c47;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: solid 1px transparent;
    height: 70px;
}

.full.menu .conteiner .nivel-um>li.offers>a {
    background: #223C73 !important;
    cursor: pointer;
}

.full.menu .conteiner .nivel-um>li>a>.titulo{
    font-size: 16px;
    font-weight: 400;
    transition: all .2s ease-out;
    font-family: 'Jost', sans-serif;
    text-transform: lowercase;
    color: #fff;
}

.full.menu .conteiner .nivel-um>li>a>.titulo:first-letter{
    text-transform: capitalize;
}

#listagemProdutos.listagem .titulo-categoria strong, #listagemProdutos.listagem>.titulo, .listagem.aproveite-tambem .titulo-categoria strong, .listagem.aproveite-tambem>.titulo {
    color: #081c47;
    text-transform: uppercase;
    font-size: 26px;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
}

.titulo {
    font-family: 'Jost', sans-serif;
}

.pagina-busca .menu.lateral .nivel-um>li.ativo a .titulo, .pagina-categoria .menu.lateral .nivel-um>li.ativo a .titulo, .pagina-busca .menu.lateral.outras .nivel-um li>a .titulo, .pagina-categoria .menu.lateral.outras .nivel-um li>a .titulo {
    color: #081c47;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.pagina-inicial .menu.lateral .nivel-dois li a {
    font-weight: 500;
    color: #081c47;
    text-transform: lowercase;
}

.pagina-inicial .menu.lateral .nivel-dois li a:first-letter{
    text-transform: capitalize
}

#listagemProdutos.listagem .listagem-item .info-produto .nome-produto, .listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {
    font-size: 15px;
    color: rgba(0,0,0,0.8);
    font-weight: 400;
    text-transform: capitalize;
    min-height: 40px;
}

.pagina-categoria .conteudo h1.titulo {
    color: #081c47;
}

.pagina-inicial .menu.lateral .titulo {
    color: #081c47;
    font-weight: 400;
}

.coluna div.componente.newsletter .interno {
    background-color: #fff;
}

.coluna div.componente.newsletter .botao {
    background: #0a5959;
    border: none;
}

.coluna div.componente.newsletter .botao:hover{
    background: #bf4712;
    opacity: .7;
}

.coluna div.componente.newsletter input[type=text] {
    font-family: 'Jost', sans-serif;
}

.coluna div.componente.newsletter .titulo i:before {
    color: #0a5959;
}

.coluna div.componente.newsletter .texto-newsletter {
    color: rgba(0,0,0,0.8);
    font-size: 16px;
    font-family: 'Jost', sans-serif;

}

.bandeiras-produto .bandeira-promocao {
    background: #bf4712;
    color: #fff;
}

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional, #listagemProdutos.listagem .listagem-item .info-produto .preco-produto span.preco-a-partir strong, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto span.preco-a-partir strong {
    color: #081c47;
}

#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    background:  #081c47;
}

#listagemProdutos.listagem .listagem-item:not(.produto-adicionado):hover, .listagem.aproveite-tambem .listagem-item:not(.produto-adicionado):hover{
    border: solid 2px #081c47;
}

#listagemProdutos.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar:hover{
    background: #bf4712;
}

#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar:hover, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar:hover {
    opacity: 1;
    background-color: #bf4712;
}

#listagemProdutos.listagem .listagem-item:not(.produto-adicionado):hover .info-produto, .listagem.aproveite-tambem .listagem-item:not(.produto-adicionado):hover .info-produto {
    opacity: 1;
}

.float-contact .float-open {
    background: #0a5959;
}

.float-contact .float-items>li>a {
    background: #0a5959;
}

.float-contact .float-items>li>a:hover{
    background: #0a5959;
}

.float-contact .float-open:hover {
    background: #0a5959;
}

.full.menu .conteiner .nivel-dois li a {
    color: #081c47;
    font-weight: 500;
    text-transform: lowercase;
}

.full.menu .conteiner .nivel-dois li a:first-letter {
    text-transform: capitalize;
}

.scrollToTop {
    background: #0a5959;
    color: #fff;
}

.scrollToTop:hover{
    background-color: #0a5959;
    opacity: .7;
}

.componente .interno {
    padding: 20px;
    background: #081c47;
    color: white;
}

li>span>b.cor-secundaria{
    color: #fff;
}

.componente .titulo {
    color: white;
}

.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 {
    color: white;
}

div#instagram .icon .cls-1 {
    fill: #0a5959;
}

div#instagram h2 a, div#instagram h2 span {
    color: #0a5959;
    font-size: 22px;
}

div#instagram h2 a {
    color: #0a5959;
}

div#instagram h2 a:hover {
    color: #0a5959;
    text-decoration: underline;
}

#rodape .titulo {
    font-weight: 500;
    color: #bf4712;
}

#rodape .institucional li a {
    text-transform: lowercase;
    display: block;
}

#rodape .institucional li a:first-letter{
    text-transform: capitalize;
}

#barraNewsletter.posicao-rodape .componente .interno .interno-conteudo {
    background: white;
}

#barraNewsletter.posicao-rodape .componente .texto-newsletter {
    color: #0a5959;
    font-size: 22px;
}

#barraNewsletter.posicao-rodape .componente input[type=text] {
    font-family: 'Jost', sans-serif;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar {
    background: #0a5959;
    border: solid 2px #0a5959;
}


.cadastro legend {
    border-color: #081c47;
    border-width: 1px;
    color: #081c47;
    font-weight: 500;
    display: block;
}

.cadastro legend:first-letter {
    text-transform: capitalize;
}

.cadastro label {
    color: #081c47;
    font-weight: 500;
}

.cadastro input[type=password], .cadastro input[type=text], .cadastro select {
    font-family: 'Jost';
}

.botao.principal {
    background: #081c47;
    color: white;
    text-transform: capitalize;
    font-family: 'Jost', sans-serif;
    border: none;
}

.botao.principal:hover{
    background: #BF4712;
}

.filtro .titulo {
    font-size: 15px;
    color: #081c47;
    font-weight: 500;
    text-transform: capitalize;
}

.filtro.atributos .atributo-comum ul li a {
    background: #081c47;
    border: solid 1px #081c47;
}

.filtro.atributos .atributo-comum ul li a span {
    color: white;
}

.produto .atributos .atributo-comum ul li a:hover {
    border: solid 1px #d1d1d1;
}

.atributo-comum .active a.indisponivel span, .atributo-comum a.indisponivel:hover{
    cursor: default;
}

.atributo-comum .active a.indisponivel span, .atributo-comum a.indisponivel:hover span {
    color: white;
}

.pagina-categoria .coluna .componente .interno{
    padding: 20px;
    background: white;
    color: #081c47;
    border: solid 1px #d4d5d6;
}

.pagina-categoria .coluna .componente .interno .titulo{
    color: #081c47;
}

.produto div.principal .nome-produto {
    color: #081c47;
    text-transform: capitalize;
}

.atributo-comum ul li a {
    background: #081c47;
}

.produto div.principal .codigo-produto span b, .produto div.principal .codigo-produto span>a, .produto div.principal .codigo-produto span>span {
    color: #081c47;
}

.atributo-comum a span {
    color: #fff;
}

.produto div.principal .acoes-produto .preco-produto .preco-parcela, .produto div.principal .acoes-produto .preco-produto .preco-parcela strong {
    color: #081c47;
}

.produto div.principal .acoes-produto .preco-produto .preco-promocional, .produto div.principal .acoes-produto .preco-produto span.preco-a-partir strong {
    color: #081c47;
}

.produto div.principal .acoes-produto .comprar .botao-comprar {
    background: #0a5959;
}

.produto-compartilhar .lista-favoritos {
    border: solid 1px #081c47;
    color: #fff;
    background: #081c47;
}

.produto-compartilhar .lista-favoritos:hover {
    border: solid 1px #081c47;
    color: #081c47;
    background: #fff;
}

.produto-compartilhar .lista-favoritos i:before {
    color: white;
}

.produto-compartilhar .lista-favoritos:hover i:before{
    color: #081c47;
}

.produto div.principal .cep label {
    color: #081c47;
}

.produto div.principal .cep .input-append.input-prepend .input-small.input-cep[type=tel] {
    font-family: 'Jost', sans-serif;
}

.produto div.principal .cep .input-append.input-prepend .btn {
    background: #081c47;
}

.produto div.principal .cep .input-append.input-prepend .btn:before {
    color: #fff;
}

.produto #descricao:before {
    content: 'Descrição do Produto';
    text-transform: uppercase;
    color: #081c47;
}

p {
    font-family: 'Jost', sans-serif;
}

.produto .tab-content {
    font-family: 'Jost' sans-serif;
    color: rgba(0,0,0, 0.8);
}

tr td:first-child{
    text-transform: lowercase;
}

tr td:first-child:first-letter{
    text-transform: capitalize;
}



@media only screen and (max-width: 767px){
    .conteudo-topo .busca-mobile .atalho-menu {
        background: #081c47;
    }
    
    .atalhos-mobile ul li a .qtd-carrinho {
        background: #bf4712;
    }
    
    .busca-mobile .atalho-menu.visible-phone.icon-th.botao.principal{
    font-family: 'FontAwesome';
    }
}

