/*barra de Rolagem*/
::-webkit-scrollbar-track{background-color: #000000;}
::-webkit-scrollbar{width:10px;background-color: #000000;}
::-webkit-scrollbar-thumb{background-color: #0056a8;}

/*Header*/
.open-nav .menu.superior {transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0);}
.barra-inicial {background-color: #005cac; height: 32px;}
.barra-inicial .canais-contato {height: 32px; line-height: 32px;}
.barra-inicial .canais-contato ul .hidden-phone {display: none !important;}
.barra-inicial .canais-contato ul li {border: none; font-size: 13px; font-weight: 700;}
.barra-inicial .canais-contato ul li i {color: #01274b; font-size: 15px;}
.barra-inicial .lista-redes ul li {border-left: 0;}
.barra-inicial .lista-redes .icon-instagram {background: transparent;}
.barra-inicial .lista-redes .icon-youtube {background-color: transparent;}
.barra-inicial .lista-redes .icon-facebook {background-color: transparent;}
.barra-inicial .lista-redes ul li a i {color: #01274b;}

#cabecalho {height: 205px; background-color: white; box-shadow: 0 0 7px rgba(0,0,0,0.5); margin-bottom: 20px;}
.pagina-inicial #cabecalho {margin-bottom: 0;}
#cabecalho .atalhos-mobile.borda-principal ul li {float: left; border-left: 0; border-right: 0;}
#cabecalho .conteiner {background-color: transparent; box-shadow: none;}
#cabecalho .conteudo-topo .superior .bem-vindo {display: none !important;}
#cabecalho .conteudo-topo .superior .span4 {float: right; width: fit-content;}
#cabecalho .conteudo-topo .superior .span4 .acoes-conta li i {background-color: transparent; color: #005cac;}
#cabecalho .conteudo-topo .superior .span4 .acoes-conta li a {font-size: 13px; color: #1f1f1f; font-weight: 700;}
#cabecalho .conteudo-topo .inferior .busca-mobile {position: relative;}
#cabecalho .conteudo-topo .inferior .busca-mobile .atalho-menu {position: relative;}
#cabecalho .conteudo-topo .inferior .busca-mobile .txt-menu-mobile {color: #1f1f1f; font-weight: 600; font-size: 12px; float: right; position: absolute; right: 5px; top: -15px;}
#cabecalho .conteudo-topo .busca, #cabecalho .conteudo-topo .busca-mobile {background-color: transparent; border: none; padding: 0;}
#cabecalho .conteudo-topo .busca input {background-color: #f6f6f6; border: none; border-bottom: 2px solid #005cac; padding: 10px 5px; box-shadow: none; border-radius: 0; color: #1f1f1f; font-weight: 700; font-size: 12px;}
#cabecalho .conteudo-topo .busca input::placeholder, #barraTopo .busca input::placeholder {color: #1f1f1f;}
#cabecalho .conteudo-topo .busca .botao-busca {background-color: #f6f6f6; color: #005cac; border: none; border-radius: 0; background-image: none; font-size: 18px; }
#cabecalho .carrinho, #barraTopo .carrinho {border: none;}
#cabecalho .carrinho a i, #barraTopo .carrinho a i {background-color: transparent; color: #005cac;}
#cabecalho .conteiner .menu.superior ul li {border: none;}
#cabecalho .menu.superior ul li a .titulo {color: white; font-size: 13px;}
#cabecalho .menu.superior ul li:nth-of-type(1) a .titulo, #cabecalho .menu.superior ul li:nth-of-type(2) a .titulo {font-weight: 700;}
#cabecalho .menu.superior ul li .nivel-dois li a {color: white; font-size: 12px;}
#cabecalho .menu.superior ul li .nivel-dois li a:hover {color: white;}

.pagina-carrinho #cabecalho .atendimento, .pagina-carrinho #cabecalho .atendimento li a .icone-box, .pagina-carrinho #cabecalho .atendimento li .icone-box {border: none;}
.pagina-carrinho #cabecalho .atendimento li a .icone-box i, .pagina-carrinho #cabecalho .atendimento li .icone-box i {color: #01274b;}

#barraTopo {background-color: white;}
#barraTopo .row-fluid .titulo a {display: none;}
.logo-acompanhante img {position: relative; top: -1px; width: 68px;}
#barraTopo .canais-contato ul li a {font-weight: 700; color: #1f1f1f;}
#barraTopo .canais-contato ul li a i {color: #01274b;}
#barraTopo .busca input {background-color: #f6f6f6; border: none; border-bottom: 2px solid #005cac; box-shadow: none; border-radius: 0; color: #1f1f1f; font-weight: 700; font-size: 9px;}
#barraTopo .busca .botao-busca {background-color: transparent; color: #1f1f1f; border: none; border-radius: 0; background-image: none; top: -2px;}

/*Banner*/
.secao-banners .conteiner {box-shadow: none; padding: 0; max-width: 2000px;}
.secao-banners .conteiner .banner.cheio .flexslider {border: none; border-radius: 0;}
.secao-banners .conteiner .banner.cheio .flexslider .flex-direction-nav {display: none;}
.secao-banners .conteiner .banner.cheio .span12 {margin-bottom: 65px;}
.secao-banners .conteiner .banner.cheio .flex-control-nav li {display: block; margin-bottom: 5px;}

/*Banner Mobile*/
.pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider {height: 161px;}
.pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider .slides li img {transform: scale(1.6); margin-top: 29px;}

/*Body*/
body {font-family: 'Montserrat', sans-serif !important; overflow-x: hidden; background-color: white;}
#corpo {margin-bottom: 0; background-color: white;}
#corpo .conteiner {box-shadow: none;}
#corpo #listagemProdutos .titulo-categoria {text-align: center; border: none;}
#corpo #listagemProdutos .titulo-categoria:hover {background-color: transparent; padding-left: 0;}
.pagina-inicial #corpo .conteudo .listagem .titulo-categoria strong {display: none; font-size: 25px; text-transform: uppercase; font-weight: 700;}
#corpo .conteiner .secao-principal .coluna-esquerda .conta-menu ul li a {color: #1f1f1f; font-weight: 600;}
.checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok, .checkout-alerta-seguro .checkout-alerta-seguro-tit {color: #01274b;}

/*Paginas Extras*/
.pagina-pagina #corpo .secao-principal .caixa-sombreada {box-shadow: none;}
.pagina-pagina #corpo .secao-principal .caixa-sombreada h1 {text-align: center; font-size: 25px; text-transform: uppercase; font-weight: 700; color: #1f1f1f; margin-bottom: 50px;}
.pagina-pagina #corpo .secao-principal .caixa-sombreada p, .pagina-pagina .conteudo li {color: #1f1f1f; font-weight: 600; font-size: 14px;}

/*Pagina Categoria*/
#corpo .conteiner .secao-principal .conteudo h1.titulo {text-align: center; font-size: 25px; text-transform: uppercase; font-weight: 700; color: #1f1f1f; margin-bottom: 50px;}
#corpo .conteiner .secao-principal .conteudo h2 {font-size: 20px; text-transform: uppercase; font-weight: 700; color: #1f1f1f;}

/*Pagina Produto*/
.pagina-produto #corpo .secao-principal {margin-top: 40px;}
.pagina-produto #corpo .secao-principal .produto .principal h1 {color: #1f1f1f; font-weight: 700;}
.pagina-produto #corpo .secao-principal .produto .principal .acoes-produto .preco-produto .preco-a-partir strong, .pagina-produto #corpo .secao-principal .produto .principal .acoes-produto .preco-produto strong, .pagina-produto #corpo .produto .principal .acoes-produto .preco-produto .desconto-a-vista .titulo {color: #005cac; font-size: 20px; font-weight: 700;} 
.pagina-produto #corpo .secao-principal .produto .row-fluid .span12 .tab-content {box-shadow: none;}
.pagina-produto #corpo .secao-principal .produto .aproveite-tambem .titulo {color: #1f1f1f; text-transform: uppercase; font-weight: 700; text-align: center; margin-top: 25px;}
.pagina-produto #corpo .secao-principal .produto .principal .cep .form-inline input {border-radius: 0; border: none; box-shadow: none; border-bottom: 1px solid #005cac;}
.pagina-produto #corpo .secao-principal .produto .principal .cep .form-inline .btn {background-image: none; background-color: #005cac; border-color: #005cac; line-height: 19px; color: white; text-shadow: none;}
.pagina-produto #corpo .secao-principal .produto .acoes-flutuante {text-align: center;}
.pagina-produto #corpo .secao-principal .produto .acoes-flutuante .nome-produto {color: #1f1f1f; font-size: 15px; font-weight: 7;}
.pagina-produto #corpo .secao-principal .produto .acoes-flutuante .acoes-produto .preco-produto .preco-promocional, .pagina-produto #corpo .secao-principal .produto .acoes-flutuante .acoes-produto .preco-produto .preco-a-partir strong {color: #005cac; font-weight: 700;}
.pagina-produto #corpo .secao-principal .produto .row-fluid .span12 .abas-custom .tab-content #descricao p {font-size: 15px;}

/*Listagem de Produtos*/
#corpo .listagem-linha .listagem-item {text-align: center; border: 1px solid #737373; border-radius: 6px; box-shadow: none;}
#corpo .listagem-linha .listagem-item:hover {outline: none; border-color: #1f1f1f;}
#corpo .listagem.com-caixa .listagem-item .imagem-produto {border-bottom: 0;}
#corpo .listagem-linha .listagem-item .info-produto .nome-produto {color: #1f1f1f; font-size: 16px; font-weight: 700; min-height: 100%;}
#corpo .listagem-linha .listagem-item .acoes-produto-responsiva {position: relative; text-align: center;}
#corpo .listagem-linha .listagem-item .acoes-produto-responsiva a {text-shadow: none; border-color: #005cac; font-size: 15px; font-weight: 700; padding: 7px 45px; border-radius: 20px;}
#corpo .listagem-linha .listagem-item .acoes-produto-responsiva a:hover {background-color: #1f1f1f; background-image: none;}
#corpo .listagem-linha .listagem-item .acoes-produto-responsiva a i {display: none;}
#corpo .listagem-linha .listagem-item .info-produto div .preco-produto div .preco-a-partir strong, #corpo .listagem-linha .listagem-item .info-produto div .preco-produto div .preco-promocional {color: #005cac; font-size: 16px; font-weight: 700;} 
#corpo .listagem-linha .listagem-item .info-produto div .preco-produto div .preco-parcela {font-size: 13px; color: #1f1f1f; font-weight: 400;}
#corpo .listagem-linha .listagem-item .info-produto div .preco-produto div .preco-venda {font-size: 13px; color: #1f1f1f;}

/*Rodapé*/
#rodape .institucional {background-color: #1f1f1f; background-image: none; padding: 0;}
#rodape .institucional .span3 .redes-sociais {display: none;}
#rodape .institucional .links-rodape .titulo {margin: 0; color: #005cac; text-transform: uppercase; font-weight: 600; font-size: 15px; border: none;}
#rodape .redes-sociais-rodape .titulo {margin: 0 !important; color: #005cac; text-transform: uppercase; font-weight: 600; font-size: 15px; border: none !important;}
#rodape .redes-sociais-rodape a i {font-size: 22px; margin-right: 10px;}
#rodape .institucional .links-rodape ul li {list-style: none; line-height: 19px;}
#rodape .institucional .links-rodape ul li a {font-size: 12px;}
#rodape .institucional .links-rodape.links-rodape-categorias {display: none;}
#rodape .institucional .span9 .row-fluid .sobre-loja-rodape {display: none !important;}
#rodape .institucional .conteiner .row-fluid .span3 {display: none;}
#rodape .box-empresa-rodape img {margin-bottom: 15px; max-width: 220px;}
#rodape .box-empresa-rodape p {font-size: 13px;}
#rodape .institucional .span12.visible-phone {display: none !important;}
#rodape .pagamento-selos {background-color: #ffffff; background-image: none; padding: 10px 0;}
#rodape .pagamento-selos .selos .titulo {display: none;}
#rodape .pagamento-selos .conteiner .row-fluid .pagamento .gateways-rodape {display: none;}
#rodape .pagamento-selos .conteiner .row-fluid .pagamento .titulo {display: none;}
#rodape>div:last-child {background-color: #1f1f1f !important;}
#rodape>div:last-child .conteiner .row-fluid {position: relative;}
#rodape>div:last-child .conteiner .row-fluid p {color: #ffffff; font-size: 12px;}

/*Medias MIN*/
@media screen and (min-width: 340px) {
    #cabecalho .logo a img {top: 30px;}
}

@media screen and (min-width: 375px) {
    .pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider .slides li img {margin-top: 28px;}
}

@media screen and (min-width: 425px) {
    .pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider {height: 180px;}
}

@media screen and (min-width: 500px) {
    .pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider {height: 227px;}
}

@media screen and (min-width: 600px) {
    .pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider {height: auto;}
    .pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider .slides li img {margin-top: 0; transform: none;}
}

@media screen and (min-width: 768px) {
    #cabecalho .conteudo-topo .busca {width: 420px; float: right; position: relative; right: -30%;}
    #cabecalho .conteudo-topo .busca .botao-busca {background-color: transparent; right: 10px;}
    #cabecalho .conteudo-topo .inferior .span4.hidden-phone {width: fit-content; width: -moz-fit-content; position: relative; top: 3px; right: -20%;}
    #cabecalho .conteudo-topo .inferior .busca-mobile .txt-menu-mobile {display: none;}
    #cabecalho .carrinho a .qtd-carrinho, #barraTopo .carrinho a .qtd-carrinho {color: white; position: absolute; left: 28px; background-color: #1f1f1f; line-height: 21px; margin: 0; font-size: 10px; width: 20px; top: 0; height: 20px; text-align: center; border-radius: 50%;}
    #cabecalho .carrinho a span, #barraTopo .carrinho a span {display: none;}
    #cabecalho .carrinho a span .titulo.cor-secundaria {display: none;}
    #cabecalho .carrinho a .vazio-text {display: none !important;}
    #cabecalho .menu.superior {display: none;}
    #cabecalho .carrinho .carrinho-interno-ajax .carrinho-interno a i {color: white;}
    #cabecalho .conteudo-topo .superior .span8 {width: fit-content; position: absolute; top: 35px;}
    #cabecalho .conteudo-topo .superior .span8 .btn-group>a {background-image: none; background-color: black; border-color: #005cac; color: white;}
    #cabecalho .conteudo-topo .superior .span8 .btn-group .dropdown-menu > li > a:hover {background-color: #005cac;}
    #cabecalho .logo a img {top: 50px;}
    
	.secao-banners .conteiner {max-width: 100%;}
    .secao-banners .conteiner .banner.cheio .flex-control-nav {left: 15%;}
    .secao-banners .conteiner .banner.cheio .banner-tarja {text-align: center;}
    .secao-banners .conteiner .banner.mini-banner {margin: 65px auto 85px auto; max-width: 1140px;}
    
    #corpo .secao-principal .coluna.esquerda .menu.lateral .nivel-um li.com-filho:nth-of-type(1)>a, #corpo .secao-principal .coluna.esquerda .menu.lateral .nivel-um li.com-filho:nth-of-type(2)>a, #corpo .secao-principal .coluna.esquerda .lateral.outras .nivel-um li:nth-of-type(1)>a {background-color: black; padding: 6px 20px;}
    #corpo .secao-principal .coluna.esquerda .menu.lateral .nivel-um li.com-filho a .titulo, #corpo .secao-principal .coluna.esquerda .lateral.outras .nivel-um li a .titulo {color: white; font-size: 20px; font-weight: 700;}
    #corpo .secao-principal .coluna.esquerda .menu.lateral .nivel-um li.com-filho a i {color: white; font-size: 20px; background-color: transparent;}
    #corpo .secao-principal .coluna.esquerda .menu.lateral .nivel-um li.com-filho a .nivel-dois li a {background-color: white !important;}
    #corpo .secao-principal .coluna .menu.lateral .nivel-dois a {color: #000000; font-size: 14px; font-weight: 600;}
    
    #corpo .listagem-linha .listagem-item .acoes-produto {position: relative; opacity: 1; border: 0;}
    #corpo .listagem-linha .listagem-item .acoes-produto a {text-shadow: none; border-color: #005cac; font-size: 15px; font-weight: 700; padding: 11px 45px; border-radius: 20px;}
    #corpo .listagem-linha .listagem-item .acoes-produto a:hover {background-color: #1f1f1f; background-image: none; border-color: #1f1f1f;}
    #corpo .listagem-linha .listagem-item .acoes-produto a i {display: none;}
    
    #rodape .box-empresa-rodape {width: 25%; float: left; position: relative; top: 20px;}
    #rodape .institucional {height: 300px;}
    #rodape .institucional a:focus {color: white;}
    #rodape .institucional .conteiner .span9 .row-fluid {display: flex; position: absolute; top: 2%; left: 30%;}
    #rodape .pagamento-selos .pagamento .bandeiras-pagamento {width: 500px;}
    #rodape .institucional .links-rodape-categorias, #rodape .institucional .links-rodape-paginas {width: fit-content;}
    #rodape .institucional .links-rodape-paginas {margin-left: 13%;}
    #rodape .redes-sociais-rodape {position: relative; left: 14%;}
    #rodape .pagamento-selos .pagamento, #rodape .pagamento-selos .selos {width: 50%;}
	#rodape .pagamento-selos .pagamento .bandeiras-pagamento {width: 320px;}
	#rodape .pagamento-selos .pagamento .gateways-rodape {width: 35%; border: none;}
	#rodape .pagamento-selos .pagamento .gateways-rodape li {border: none; width: 100%; padding: 5px 0;}
    #rodape .pagamento-selos .selos {float: right; margin: 0;}
    #rodape .pagamento-selos .selos ul li {width: 100%; text-align: center;}
    #rodape>div:last-child .conteiner .row-fluid {position: relative;}
	#rodape>div:last-child .conteiner .row-fluid div:first-child {position: absolute; left: 0; width: auto !important; top: 13px;}
	#rodape>div:last-child .conteiner .row-fluid div:last-child {text-align: right !important;}
}

@media screen and (min-width: 900px) {
    .barra-inicial .canais-contato ul li {font-size: 13px;}
    
    #rodape .institucional .links-rodape-paginas {margin-left: 16%;}
    #rodape .redes-sociais-rodape {position: relative; left: 19%;}
}

@media screen and (min-width: 980px) {
    #cabecalho .conteudo-topo .busca {right: -32%;}
    #cabecalho .conteudo-topo .inferior .span4.hidden-phone {right: -22%;}
}

@media screen and (min-width: 1000px) {
	#corpo .conteiner .banner.mini-banner {margin-top: 70px;}
}

@media screen and (min-width: 1001px) {
    #cabecalho .logo a img {top: 70px;}
    
    /*Video*/
    /*.video-home div img {max-width: 480px;}*/
    
	#rodape .institucional .links-rodape-paginas {margin-left: 10%;}
    .redes-sociais-rodape {left: 10%;}
}

@media screen and (min-width: 1100px) {
    #cabecalho .conteudo-topo .busca {right: -38%;}
    #cabecalho .conteudo-topo .inferior .span4.hidden-phone {right: -24%;}
    
    #corpo .conteiner .banner.mini-banner {margin-top: 85px;}
    
    #rodape .institucional .links-rodape-paginas {margin-left: 15%;}
    .redes-sociais-rodape {left: 26%;}
}

@media screen and (min-width: 1200px) {
    #corpo .conteiner .banner.mini-banner {margin-top: 95px;}
    
    /*Video*/
    /*.video-home div img {max-width: 560px;}*/
    
    #rodape .redes-sociais-rodape {left: 27%;}
}

@media screen and (min-width: 1300px) {
    #rodape .institucional .links-rodape-paginas {margin-left: 17%;}
    #rodape .redes-sociais-rodape {left: 24%;}
}

@media screen and (min-width: 1400px) {
    #rodape .redes-sociais-rodape {left: 20%;}
}


/*Medias MAX*/
@media screen and (max-width: 767px) {
	.menu.superior {position: fixed; top: 0; left: 0; z-index: 999; width: 260px; height: 100%; transition: all 300ms ease-in-out; transform: translate(-260px, 0); -webkit-transform: translate(-260px, 0); background-color: black; overflow-y: auto;}
    #cabecalho .conteiner {box-shadow: none;}
    #cabecalho .menu.superior .nivel-um {border: none;}
    #cabecalho .conteudo-topo .busca-mobile {margin-top: 20px; overflow: visible;}
    #cabecalho .conteudo-topo .busca .botao-busca {right: 17px;}
    
    /*.secao-banners .banner.cheio {padding-bottom: 50px;}*/
    .secao-banners .conteiner .banner.cheio .banner-tarja {display: none;}
     
    #corpo .conteiner .conteudo .mini-banner {display: inline-block !important;}
    #corpo .conteiner .conteudo .mini-banner .modulo .slides li {margin-bottom: 20px;}
    
    #rodape .institucional .links-rodape, .box-empresa-rodape {margin-top: 25px;}
    
}