/*barra de Rolagem*/
::-webkit-scrollbar-track{background-color: black;}
::-webkit-scrollbar{width:10px;background-color: black;}
::-webkit-scrollbar-thumb{background-color: #b6181d;}

body {font-family: 'Poppins', sans-serif; background-color: white;}

.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);}

/*Header*/
.barra-vermelha-topo {background-color: #ef0d14; text-align: center; height: 25px;}
.barra-vermelha-topo p {color: white; font-size: 14px; line-height: 25px; margin: 0;}
.barra-inicial {background-color: #2f2f2f;}
.barra-inicial .lista-redes ul li {border: none;}
.barra-inicial .lista-redes ul .whats {margin-left: 15px;}
.barra-inicial .lista-redes ul li a {font-size: 13px;}
.barra-inicial .lista-redes ul li a i {background: transparent;}
.barra-inicial .canais-contato ul li {border: none;}
.barra-inicial .canais-contato ul li.hidden-phone, .barra-inicial .canais-contato li:nth-of-type(2), .barra-inicial .canais-contato ul li.tel-whatsapp {display: none;}
.barra-inicial .canais-contato ul .pedidos-conta {text-transform: uppercase; font-weight: 300; font-size: 13px;}
.barra-inicial .canais-contato ul .pedidos-conta span {margin: 0 10px;}

#cabecalho {background-color: white; height: 210px; box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
#cabecalho .conteiner {box-shadow: none;}
#cabecalho .carrinho, #barraTopo .row-fluid .carrinho {border: none;}
#cabecalho .carrinho>a>i, #barraTopo .row-fluid .carrinho i {color: #b6181d; background-color: transparent; border-radius: 6px;}
#cabecalho .carrinho .qtd-carrinho, #barraTopo .row-fluid .carrinho .qtd-carrinho {font-size: 15px; margin: 0; line-height: 15px;}
#cabecalho .carrinho span, #barraTopo .row-fluid .carrinho span {display: none;}
#cabecalho .busca, #barraTopo .row-fluid .busca {border: none; background-color: transparent;}
#cabecalho .busca-mobile {background-color: transparent;}
#cabecalho .busca-mobile .busca input {border-radius: 0; background-color: #ececec; border: none; padding: 11px 10px; box-shadow: none; color: #2f2f2f; font-size: 12px;}
#barraTopo .busca input {border-radius: 0; background-color: #ececec; border: none; box-shadow: none; color: #2f2f2f; font-size: 10px;}
#cabecalho .busca-mobile .busca input::placeholder, #barraTopo .busca input ::placeholder {color: #2f2f2f;}
#cabecalho .busca-mobile .busca .botao {background-color: #ececec; color: #b6181d; background-image: none; border: none; height: 42px;}
#barraTopo .busca .botao {background-color: #ececec; color: #b6181d; background-image: none; border: none; height: 28px;}
#cabecalho .conteiner .conteudo-topo .superior .span8 .bem-vindo, #cabecalho .conteiner .conteudo-topo .superior .span4 {display: none;}
.menu.superior .nivel-um>li a i {background-color: transparent; color: white;}
.menu.superior .nivel-um>li:hover .nivel-dois {text-align: left;}
.menu.superior .nivel-um>li:hover .nivel-dois li {border: none; padding: 0;}
.menu.superior .nivel-um>li:hover .nivel-dois li:hover {background-color: transparent;}
.menu.superior .nivel-um>li:hover .nivel-dois li a {padding: 0 20px;}
.menu.superior .nivel-um>li:hover .nivel-dois li:hover a {color: #aa1012;}

/*Corpo*/
#corpo {margin-bottom: 0; padding-top: 15px;}
#corpo .conteiner {box-shadow: none !important;}
#corpo #listagemProdutos .titulo-categoria {color: #313131; text-transform: uppercase; font-size: 25px; text-align: center; border: none; margin-top: 50px; position: relative;}
#corpo #listagemProdutos .titulo-categoria strong {font-weight: 500;}
.listagem .titulo-categoria:hover {background-color: transparent; padding-left: 0;}
.listagem .listagem-linha li {border: none;}
#corpo .listagem .listagem-linha .listagem-item {text-align: center;}
#corpo .listagem .listagem-linha .listagem-item .info-produto .nome-produto {font-weight: 600; font-size: 16px;}
#corpo .listagem .listagem-linha .listagem-item .info-produto div .preco-produto div strong {display: block; margin: 5px 0; color: #b6181d; font-size: 22px;}
#corpo .listagem .listagem-linha .listagem-item .acoes-produto-responsiva {display: none !important;}
.listagem .bandeiras-produto .bandeira-carrinho {background-color: #b6181d;}
.checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok, .checkout-alerta-seguro .checkout-alerta-seguro-tit {color: #a81b1f;}
.pagina-carrinho #cabecalho .atendimento {border: none;}
.pagina-carrinho #cabecalho .atendimento li a span i, .pagina-carrinho #cabecalho .atendimento li span i {color: #a81b1f;}
.pagina-carrinho #cabecalho .atendimento li a span .icone-box, .pagina-carrinho #cabecalho .atendimento li span .icone-box {border: none;}
.pagina-produto #corpo .produto {padding-top: 50px;}
.pagina-produto #corpo .produto .principal .info-principal-produto .nome-produto {font-size: 22px;}
.pagina-produto #corpo .produto .row-fluid .principal .acoes-produto .preco-produto strong {color: #b6181d; font-size: 25px; display: block;}
.pagina-produto #corpo .produto .row-fluid .span12 .abas-custom .tab-content {box-shadow: none;}
.pagina-produto #corpo .produto .row-fluid .span12 .aproveite-tambem h4.titulo {text-align: center; margin-top: 50px; font-size: 25px;}
.pagina-produto #corpo .produto .acoes-flutuante {text-align: center;}

/*Internas*/
.pagina-pagina #corpo .conteudo .caixa-sombreada {box-shadow: none;}
.pagina-pagina #corpo .conteudo .caixa-sombreada h1 {text-transform: uppercase; text-align: center; margin-bottom: 60px; font-size: 25px;}

/*Banner*/
.secao-banners {background-color: white;}
.secao-banners .conteiner {box-shadow: none; padding: 0;}
.secao-banners .conteiner .banner.cheio .flexslider {border: none; border-radius: 0;}
.secao-banners .banner.tarja {position: absolute; text-align: center;}
.secao-banners .conteiner .banner.hidden-phone {margin: 0;}
.pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider {height: 179px;}
.pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider .slides li img {transform: scale(1.6); margin-top: 29px;}

/*News*/
#barraNewsletter {color: white; height: 130px; display: table;}
#barraNewsletter .conteiner, #barraNewsletter .newsletter {background-color: transparent !important;}
#barraNewsletter .conteiner {display: table-cell; vertical-align: middle;}
#barraNewsletter .texto-newsletter {font-size: 18px !important; font-weight: 600; text-transform: uppercase;}
#barraNewsletter .newsletter .newsletter-cadastro input {height: 33px; border-radius: 0; box-shadow: none; border: none; width: 260px;}
#barraNewsletter .newsletter .newsletter-cadastro input::placeholder {color: #2f2f2f2;}
#barraNewsletter .newsletter .newsletter-cadastro .botao {background-color: black; border: none; border-radius: 0; background-image: none; padding: 15px 20px;}

/*Footer*/
#rodape .titulo {margin-bottom: 0; text-transform: uppercase; color: #3e3e3e !important; font-size: 15px; font-weight: 700; border: none;}
#rodape .links-rodape li {line-height: 20px; list-style: none; }
#rodape .links-rodape li a {color: #3e3e3e; font-size: 15px;}
#rodape .institucional p, #rodape .institucional p a {font-size: 15px; color: #3e3e3e;}
#rodape .institucional .row-fluid .sobre-loja-rodape {display: none;}
#rodape .institucional {background-color: #e9e9e9; background-image: none;}
#rodape .institucional .redes-sociais {display: none;}
#rodape .institucional .visible-phone {display: none !important;}
.contatos-rodape p a i {color: #3e3e3e;}
.box-empresa-rodape {text-align: center;}
.box-empresa-rodape img {margin-bottom: 35px;}
.box-empresa-rodape p a i {font-size: 20px; color: #b6181d;}
.box-empresa-rodape p a i:hover {color: black;}
.box-empresa-rodape p a:nth-of-type(1) i {margin-right: 15px;}
#rodape .pagamento-selos {background-color: white; background-image: none;}
#rodape .pagamento-selos .titulo {display: none;}
#rodape .pagamento-selos .pagamento .gateways-rodape {background-image: none; border: none;}
#rodape .pagamento-selos .pagamento .gateways-rodape li {padding: 0;}
#rodape .pagamento-selos .selos ul li {width: 100%; text-align: center; margin: 0; margin-top: 8px;}
#rodape>div:last-child {background-color: #ef1b14 !important; color: white; font-size: 12px;}
#rodape>div:last-child .conteiner .row-fluid div:last-child a:last-child img {margin-left: 20px;}

/*WhatsApp Acompanhante*/
.btn-whats{background-color: #25D366; color: white; width: 70px; height: 70px; text-decoration: none; border-radius: 800px; top: 80%; right: 90%; position: fixed; transition: all .6s; animation: 2s btn-whats; animation-fill-mode: both; animation-iterative-count: 1; z-index: 999;}
.btn-whats:hover{box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.btn-whats > i{position: relative; font-size: 2.4rem; top: 15px; left: 18px; color: #fff;}

/*Medias MIN*/
@media screen and (min-width: 375px) {
    .pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider .slides li img {margin-top: 33px;}
}

@media screen and (min-width: 425px) {
    .pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider {height: 199px;}
}

@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) {
    .barra-inicial .conteiner .lista-redes {width: 50%;}
    .barra-inicial .conteiner .canais-contato {width: 50%; margin: 0;}
    #cabecalho .conteiner .menu.superior {background-color: transparent;}
    #cabecalho .menu.superior>.nivel-um {position: relative; text-align: center;}
    #cabecalho .menu.superior .nivel-um li a {text-transform: uppercase;}
    #cabecalho .menu.superior .nivel-um li a .titulo {font-size: 10px;}
    #cabecalho .menu.superior>.nivel-um li:hover a .titulo {color: #b6181d;}
    #cabecalho .menu.superior .nivel-um>li {border: none; text-align: center; float: none; display: inline-block; line-height: 27px; position: relative; padding: 0 7px;}
    #cabecalho .menu.superior .nivel-um>li a i {color: #b6181d; margin-left: 3px;}
    #cabecalho .conteudo-topo .superior {padding: 20px 0 0 0;}
    #cabecalho .conteudo-topo .superior .span8 .btn-group {position: relative; top: 40px; z-index: 999;}
    #cabecalho .conteudo-topo .inferior .span4.hidden-phone {position: relative; left: 40%;}
    #cabecalho .conteudo-topo .inferior .span8.busca-mobile {position: relative; left: 30%;}
    #cabecalho .carrinho>a>i {font-size: 30px;}
    #cabecalho .conteudo-topo .inferior .carrinho a i.icon-shopping-cart {color: white !important;}
    #cabecalho .conteudo-topo .inferior .busca-mobile {width: 38%;}
    #cabecalho .conteudo-topo .inferior .span4.hidden-phone {width: 11%; margin-top: 7px;}
    #cabecalho .conteiner .conteudo-topo .inferior {position: relative;}
    #cabecalho .conteudo-topo .superior .span8 .btn-group>a {border-radius: 0; background-image: none; border: 0; background-color: #ab0c14; color: white; box-shadow: none;}
    #cabecalho .conteudo-topo .superior .span8 .btn-group .dropdown-menu, #cabecalho .conteudo-topo .superior .span8 .btn-group .dropdown-menu li {background-color: #ab0c14;}
    #cabecalho .conteudo-topo .superior .span8 .btn-group .dropdown-menu li:hover {background-color: #ab0c14;}
    #cabecalho .conteudo-topo .superior .span8 .btn-group .dropdown-menu li a {color: white;}
    
    .secao-banners .conteiner {max-width: 100%;}
    .pagina-inicial #corpo .conteiner {padding-top: 70px; box-shadow: none;}
	.secao-banners .banner.tarja {top: 25px;}
	#corpo .conteiner .conteudo .banner.mini-banner {margin-top: 60px;}
	#corpo .conteiner .conteudo .banner.mini-banner .modulo.span4:nth-of-type(3) {display: none;}
	#corpo .conteiner .conteudo .banner.mini-banner .modulo.span4 {width: 48%;}
	#corpo #listagemProdutos .titulo-categoria strong:before {content: ""; width: 230px; height: 1px; background-color: #2f2f2f; position: absolute; top: 27px; left: 10px;}
	#corpo #listagemProdutos .titulo-categoria strong:after {content: ""; width: 230px; height: 1px; background-color: #2f2f2f; position: absolute; top: 27px; right: 10px;}
    #corpo .listagem .listagem-linha li .listagem-item:hover {-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.48); -moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.48); box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.48);}
	#corpo .listagem .listagem-linha li .listagem-item .acoes-produto {position: relative; border: none;}
    #corpo .listagem .listagem-linha li .listagem-item .acoes-produto a {border-radius: 10px; background-image: none; box-shadow: none; text-shadow: none; border: none; text-transform: uppercase; padding: 10px 30px; font-size: 16px; font-weight: 600;}
    #corpo .listagem .listagem-linha li .listagem-item .acoes-produto a i {display: none}
    .pagina-categoria #corpo .listagem .listagem-linha .listagem-item .info-produto .nome-produto {font-size: 13px !important;}
    
    #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;}
	#rodape .pagamento-selos .pagamento, #rodape .pagamento-selos .selos {width: 50%;}
	#rodape .pagamento-selos .selos {width: 50%; float: right; margin: 0;}
	#rodape .box-empresa-rodape {width: 25%; float: left;}
    #rodape .box-empresa-rodape {padding-right: 15px;}
    #rodape .institucional .row-fluid .span9 {width: 60%;}
    .contatos-rodape {position: absolute; right: 0%;}
    
    .btn-whats {right: 86%;}
    
}

@media screen and (min-width: 1000px) {
    #cabecalho .menu.superior .nivel-um li a .titulo {font-size: 14px;}
    
    #corpo #listagemProdutos .titulo-categoria strong:before {content: ""; width: 315px;}
	#corpo #listagemProdutos .titulo-categoria strong:after {content: ""; width: 315px;}
	
    #rodape .box-empresa-rodape {padding-right: 30px;}
	.contatos-rodape {position: absolute; right: 2%;}
	 
	.btn-whats {right: 89% !important;}
}

@media screen and (min-width: 1024px) {
    .login-cadastro {margin-left: 50px; margin-right: 30px;}
    #cabecalho .conteudo-topo .inferior .busca-mobile {width: 41%;}
    #cabecalho .menu .nivel-um>li {padding: 0 20px;}
    
    #corpo .conteiner .conteudo .banner.mini-banner {margin-top: 90px;}
    #corpo .conteiner .conteudo .banner.mini-banner .modulo.span4:nth-of-type(1) {margin-left: 10px;}
    #corpo .listagem .listagem-linha .listagem-item .info-produto .nome-produto {font-size: 17px;}
    #corpo .listagem .listagem-linha .listagem-item .info-produto div .preco-produto div strong {font-size: 28px;}
}

@media screen and (min-width: 1100px) {
    #cabecalho .conteudo-topo .inferior .busca-mobile {width: 45%;}
    #cabecalho .menu.superior>.nivel-um>li {padding: 0 11px;}
    #cabecalho .menu.superior .nivel-um li a .titulo {font-size: 16px;}
    
    #corpo #listagemProdutos .titulo-categoria {font-size: 30px;}
    #corpo #listagemProdutos .titulo-categoria strong:before {content: ""; top: 32px;}
	#corpo #listagemProdutos .titulo-categoria strong:after {content: ""; top: 32px;}
	
	#barraNewsletter {background-image: url("https://cdn.awsli.com.br/2076/2076737/arquivos/bg-news.png"); background-position: center;}
}

@media screen and (min-width: 1180px) {
    #corpo .conteiner .conteudo .banner.mini-banner {margin-top: 105px;}
    #corpo #listagemProdutos .titulo-categoria strong:before {content: ""; width: 380px;}
	#corpo #listagemProdutos .titulo-categoria strong:after {content: ""; width: 380px;}
	 #rodape .box-empresa-rodape {padding-right: 50px;}
}

@media screen and (min-width: 1200px) {
    .contatos-rodape {right: 5%;}
}

@media screen and (min-width: 1400px) {
    .contatos-rodape {right: 10%;}
}

@media screen and (min-width: 1500px) {
    .contatos-rodape {right: 13%;}
}

@media screen and (min-width: 1600px) {
    .contatos-rodape {right: 15%;}
}

@media screen and (min-width: 1700px) {
    .contatos-rodape {right: 17%;}
}

@media screen and (min-width: 1800px) {
    .contatos-rodape {right: 19%;}
}

@media screen and (min-width: 1900px) {
    .contatos-rodape {right: 21%;}
}

/*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: #2f2f2f; overflow-y: auto;}
    .menu.superior .nivel-um li a .titulo {color: white; font-size: 15px;}
    .menu.superior .nivel-um li .nivel-dois li a {color: white; font-size: 12px;}
    .login-cadastro {display: none;}
    
    .btn-whats {left: 75%;}
}

/*Medias MIN and MAX*/
@media screen and (min-width: 768px) and (max-width: 1001px) {
    #cabecalho .menu.superior .nivel-um li .nivel-dois {display: none !important;}
}