/*barra de Rolagem*/
::-webkit-scrollbar-track {background-color: #131313;}
::-webkit-scrollbar {width:10px;background-color: #131313;}
::-webkit-scrollbar-thumb {background-color: #05c300;}

.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-image: url("https://cdn.awsli.com.br/2157/2157223/arquivos/bg-header-top.png"); background-repeat: no-repeat; background-position: center; height: 50px; background-size: cover;}
.barra-inicial .conteiner {height: 50px;}
.barra-inicial .conteiner p {font-size: 16px; color: #d2d2d2; position: relative; text-align: center; top: 10px;}
.barra-inicial .lista-redes, .barra-inicial .canais-contato {display: none;}
#barraTopo {background-color: #464646;}
#barraTopo .row-fluid .titulo a {display: none;}
.logo-acompanhante img {position: relative; top: -2px; width: 140px;}
#barraTopo .span6 .carrinho {display: none;}
#barraTopo .busca input {border-radius: 10px 0 0 10px; background-color: #6b6b6b; color: #d2d2d2; border: none; padding: 5px; font-size: 11px;}
#barraTopo .busca input::placeholder {color: #d2d2d2; font-size: 11px;}
#barraTopo .busca input:focus {box-shadow: none;}
#barraTopo .busca .botao {background-image: none; background-color: #6b6b6b; border-radius: 0 10px 10px 0; height: 30px; border: none; color: #09fa01; right: 0;}

#cabecalho .atalhos-mobile.fundo-secundario {background-image: url("https://cdn.awsli.com.br/2157/2157223/arquivos/bg-header-top-mobile.png"); background-position: 11px;}
#cabecalho .atalhos-mobile ul li:nth-of-type(1) {background-color: #1c1b1b;}
#cabecalho {background-image: url("https://cdn.awsli.com.br/2157/2157223/arquivos/bg-header.png"); background-position: center; background-repeat: no-repeat; height: 282px;}
#cabecalho .conteiner {background-color: transparent; box-shadow: none;}
#cabecalho .conteudo-topo .superior.hidden-phone, #cabecalho .conteudo-topo .inferior .span4.hidden-phone {display: none;}
#cabecalho .conteiner .inferior .busca-mobile .busca {background-color: transparent; border: none;}
#cabecalho .conteiner .inferior .busca-mobile .busca input {border-radius: 10px 0 0 10px; background-color: #6b6b6b; color: #d2d2d2; border: none; padding: 10px;}
#cabecalho .conteiner .inferior .busca-mobile .busca input::placeholder {color: #d2d2d2;}
#cabecalho .conteiner .inferior .busca-mobile .busca input:focus {box-shadow: none;}
#cabecalho .conteiner .inferior .busca-mobile .busca .botao {background-image: none; background-color: #6b6b6b; border-radius: 0 10px 10px 0; height: 40px; border: none; color: #09fa01; right: -5px;}
#cabecalho .conteiner .menu.superior {background-color: transparent;}
#cabecalho .conteiner .menu.superior .nivel-um li a .titulo {font-size: 17px; text-transform: uppercase; font-weight: 600; color: white; position: relative;}
#cabecalho .conteiner .menu.superior .nivel-um li i {display: none;}
#cabecalho .conteiner .menu.superior .nivel-um li:hover a .titulo {color: #07ff00;}
#cabecalho .conteiner .menu.superior .nivel-um li .nivel-dois li {border: none;}
#cabecalho .conteiner .menu.superior .nivel-um li .nivel-dois li:hover {background-color: transparent;}
#cabecalho .conteiner .menu.superior .nivel-um li .nivel-dois li:hover a {color: #07ff00;}
#cabecalho .conteiner .menu.superior .nivel-um li .nivel-dois li a {font-size: 14px; font-weight: 600; color: white;}
#cabecalho .atalhos-mobile ul li:nth-of-type(2), #cabecalho .atalhos-mobile ul li:nth-of-type(3), #cabecalho .atalhos-mobile ul li:nth-of-type(4) {display: none;}
#cabecalho .conteudo-topo .inferior .busca-mobile .botao.principal, #cabecalho .conteudo-topo .inferior .busca-mobile .busca form .botao, #barraTopo .busca form .botao {padding: 6px 14px !important;}
#cabecalho .botao-loja {background-color: white; color: #464646; padding: 10px; border-radius: 10px; float: right; position: relative; top: -14px; right: 2px; border: 2px solid white; transition: 0.5s; font-weight: 700; text-transform: uppercase;}
#cabecalho .botao-loja:hover {border-color: #07ff00; text-decoration: none;}

/*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);}
.pulse{animation: pulse 2s infinite;}
.btn-whats > i{position: relative; font-size: 2.4rem; top: 15px; left: 18px; color: #fff;}

/*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; height: 180px;}
.pagina-inicial .secao-banners .conteiner .banner.cheio .span12 .flexslider .slides li img {transform: scale(1.6); margin-top: 29px;}
.secao-banners .conteiner .banner.cheio .flexslider .flex-direction-nav {display: none;}
.secao-banners .conteiner .banner.cheio .flexslider .flex-control-nav {left: 0; right: 0;}
.secao-banners .conteiner .banner.cheio .flexslider .flex-control-nav li a {background-color: #131313; width: 12px; height: 12px;}
.secao-banners .conteiner .banner.cheio .flexslider .flex-control-nav li a.flex-active {background-color: #07ff00;}
#corpo .secao-principal .conteudo .banner.mini-banner {margin-top: 100px; margin-bottom: 100px}

/*Corpo*/
body {background-color: white; font-family: 'Poppins', sans-serif !important; overflow-x: hidden;}
#corpo {margin-bottom: 0;}
#corpo .conteiner {box-shadow: none;}
.titulo {font-family: 'Poppins', sans-serif;}
.conteudo h1 {text-transform: uppercase; text-align: center; font-weight: 700; font-size: 25px; margin: 50px 0 25px 0;}
.caixa-sombreada {box-shadow: none;}
.botao, .botao.principal {background-image: none; border: none; border-radius: 10px;font-size: 15px; font-weight: 600; padding: 13px 14px; text-shadow: none;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color: rgba(5,195,0,0.8); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(5 195 0 / 60%); -moz-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(5 195 0 / 60%); -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(5 195 0 / 60%);}
.abas-custom .tab-content {border-radius: 10px;}


/*Listagem Produtos*/
#corpo #listagemProdutos .titulo-categoria {margin-top: 0; padding-top: 60px; padding-bottom: 25px; position: relative;}
#corpo .conteiner .conteudo #listagemProdutos .titulo-categoria::before {content: ""; width: 100%; max-width: 1190px; height: 1px; background-color: #474747; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0;}
.pagina-inicial #corpo .conteudo #listagemProdutos .listagem-linha {margin-bottom: 70px;}
#corpo .conteudo #listagemProdutos .titulo-categoria .novo-titulo-vitrine span {color: #05c300;}
#corpo .listagem-linha .flex-direction-nav .flex-nav-prev a:before {background: url("https://cdn.awsli.com.br/2157/2157223/arquivos/arrow-left.png");}
#corpo .listagem-linha .flex-direction-nav .flex-nav-next a:before {background: url("https://cdn.awsli.com.br/2157/2157223/arquivos/arrow-right.png");}
#corpo .listagem-linha ul li .listagem-item {border: 2px solid #ababab; border-radius: 10px; box-shadow: none; text-align: center;}
#corpo .listagem-linha .listagem-item .acoes-produto, #corpo .conteudo .listagem-linha .listagem-item .acoes-produto-responsiva {position: relative; opacity: 1; background-color: transparent; border: none;}
#corpo .listagem-linha .listagem-item .info-produto div .preco-produto {display: none;}
#corpo .listagem-linha .listagem-item .info-produto .nome-produto {font-weight: 700; text-transform: uppercase;}
#corpo .listagem-linha .listagem-item .acoes-produto-responsiva {text-align: center;}
#corpo .listagem-linha .listagem-item .acoes-produto-responsiva a {line-height: 25px;}
#corpo .listagem-linha .listagem-item .acoes-produto .botao i, #corpo .conteudo .listagem-linha .listagem-item .acoes-produto-responsiva a i {display: none;}
#corpo .listagem-linha .listagem-item .acoes-produto a, #corpo .conteudo .listagem-linha .listagem-item .acoes-produto-responsiva a {background-image: none; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; padding: 13px 14px; text-shadow: none;}
.listagem.com-caixa .listagem-item .imagem-produto {border-bottom: 0;}
#corpo #listagemProdutos .titulo-categoria {color: #313131; font-weight: 700; text-transform: uppercase; font-size: 25px; text-align: center; border: none; padding: 0;}
#corpo #listagemProdutos .titulo-categoria strong {display: none;}
.listagem .titulo-categoria:hover {padding: 0; background-color: transparent;}
#corpo  .produto .principal .nome-produto {font-weight: 700; text-transform: uppercase;}
.produto .acoes-flutuante {text-align: center;}
.produto .acoes-flutuante .nome-produto {font-weight: 700; text-transform: uppercase; font-size: 14px;}

/*Pag Categoria*/
.pagina-categoria #corpo .conteudo .ordenar-listagem.rodape {display: none;}
.pagina-categoria #corpo .conteudo .listagem-linha .listagem-item .info-produto .nome-produto {font-size: 12px;}

/*Pag do Produto*/
.pagina-produto .produto h4.titulo {text-align: center; font-weight: 700; text-transform: uppercase;}
.pagina-produto #corpo .produto .acoes-flutuante .nome-produto {margin: 10px auto 15px;}
.pagina-produto #corpo .produto .aproveite-tambem .listagem-linha .listagem-item .acoes-produto {text-align: center;}
.pagina-produto #corpo .produto .aproveite-tambem .listagem-item .acoes-produto a {line-height: 25px;}
.pagina-produto #corpo .produto .aproveite-tambem .listagem-item .acoes-produto .botao i {display: none;}
.pagina-produto #corpo .produto .aproveite-tambem .listagem-item .acoes-produto a {background-image: none; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; padding: 13px 14px; text-shadow: none;}

/*News*/
#barraNewsletter {color: white; height: 529px; background-image: url(https://cdn.awsli.com.br/2157/2157223/arquivos/bg-news-001.png); background-position: center; display: table; box-shadow: none;}
#barraNewsletter .conteiner, #barraNewsletter .newsletter {background-color: transparent !important;}
#barraNewsletter .conteiner {display: table-cell; vertical-align: middle;}
#barraNewsletter .texto-newsletter {font-size: 20px !important; display: block !important;}
#barraNewsletter .texto-newsletter:before {content: url("https://cdn.awsli.com.br/2157/2157223/arquivos/title-jumpet.png"); display: block;}
#barraNewsletter .newsletter {position: relative; margin-top: 230px;}
#barraNewsletter .newsletter .newsletter-cadastro input {background-color: white; width: 500px; height: 45px; border-radius: 10px; margin-top: 30px; margin-right: 0; border-color: white;}
#barraNewsletter .newsletter .newsletter-cadastro .botao {width: 80px; height: 55px; border: none; border-radius: 10px; background-color: #05c300; color: white; margin-top: 30px; margin-left: 5px;}

/*Footer*/
#rodape .institucional .redes-sociais {display: none;}
#rodape .pagamento-selos {display: none;}
#rodape .institucional {background-image: none; background-color: #3e3e3e; padding: 0;}
#rodape .institucional .conteiner {padding: 40px 10px;}
#rodape .institucional .span12.visible-phone {display: none !important;}
#rodape .institucional .titulo {border: none; margin: 0;}
#rodape .institucional .links-rodape ul li {list-style: none;}
#rodape .institucional .links-rodape ul li a {font-size: 15px;}
.contatos-rodape p a i {color: white; font-size: 20px; margin-right: 5px;}
#rodape .row-fluid .span9 .row-fluid .sobre-loja-rodape {display: none;}

.box-empresa-rodape img {margin-bottom: 30px; width: 215px;}
.box-empresa-rodape p a {color: white; font-size: 15px;}
.box-empresa-rodape p a span, #rodape .institucional .titulo {text-transform: uppercase; font-weight: 600; color: white; font-size: 15px;}
#rodape>div:last-child {background-color: #393939 !important; color: white; font-size: 14px; border-top: 0 !important;}
#rodape>div:last-child .conteiner .row-fluid div:last-child a:last-child img {margin-left: 20px;}

@keyframes btn-whats{
  10%{transform: translate(0, 200px);}
  50%{transform: translate(0, -40px);}
  70%{transform: scale(1.1);}
}

@keyframes pulse {50%{transform: scale(1.1);}}


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

@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) {
    #cabecalho {background-size: cover;}
    #cabecalho .menu>.nivel-um {position: relative; text-align: center;}
    #cabecalho .menu .nivel-um>li {border: none; text-align: center; float: none; display: inline-block; line-height: 27px; position: relative;}
    #cabecalho .conteiner .menu.superior .nivel-um li:hover a .titulo::before {content: url("https://cdn.awsli.com.br/2157/2157223/arquivos/icone-hover-menu.png"); position: absolute; left: 0; right: 0; top: -23px;}
    #cabecalho .conteiner .menu.superior .nivel-um li {padding: 0;}
    #cabecalho .conteiner .menu.superior .nivel-um li a {padding: 0 20px;}
    #cabecalho .conteudo-topo .inferior .busca-mobile {position: relative; left: 32%;}
    #cabecalho .conteiner .inferior .busca-mobile .busca {width: 360px;}
    #cabecalho .logo a img {max-width: 300px;}
    #cabecalho .conteiner .menu.superior .nivel-um li a .titulo {font-size: 12px}
	.btn-whats {right: 86%;}
	
	.secao-banners .conteiner {max-width: 100%;}
	
	.pagina-produto #corpo .produto .aproveite-tambem .listagem-linha .acoes-produto .botao-comprar {font-size: 12px !important;}
	
	.pagina-categoria #corpo .conteudo .listagem-linha .listagem-item .acoes-produto a, .pagina-busca #corpo .conteudo .listagem-linha .listagem-item .acoes-produto a {font-size: 11px;}
	
	#rodape .box-empresa-rodape {float: left;}
    #rodape .box-empresa-rodape {margin-right: 40px;}
    #rodape .institucional .row-fluid .span9 {width: 60%;}
    .contatos-rodape {position: absolute; right: 2%;}
    #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: 850px) {
    #rodape .box-empresa-rodape {margin-right: 75px;}
}

@media screen and (min-width: 1001px) {
    #cabecalho .conteudo-topo .inferior .busca-mobile {left: 47%;}
    #cabecalho .conteiner .menu.superior .nivel-um li a .titulo {font-size: 15px}
    #cabecalho .conteiner .menu.superior .nivel-um li .nivel-dois {background-color: #474747; border: 2px solid #07ff00; border-radius: 10px; text-align: left;}
	.btn-whats {right: 89% !important;}
	
	.pagina-produto #corpo .produto .aproveite-tambem .listagem-linha .acoes-produto .botao-comprar {font-size: 15px !important;}
	
	#rodape .box-empresa-rodape {padding-right: 30px;}
   .contatos-rodape {position: absolute; right: 2%;}
}

@media screen and (min-width: 1100px) {
    #cabecalho .logo a img {max-width: 396px;}
    #cabecalho .conteudo-topo .inferior .busca-mobile {left: 52%;}
    
    #corpo .conteudo .listagem-linha .listagem-item .info-produto .nome-produto {font-size: 15px; height: 45px;}
    
    #rodape .box-empresa-rodape {margin-right: 115px;}
    #rodape .institucional .links-rodape-categorias {margin-right: 5%;}
}

@media screen and (min-width: 1180px) {
   #rodape .institucional .links-rodape.categorias {margin-right: 8%;}
   .contatos-rodape {right: 4%;}
}

@media screen and (min-width: 1200px) {
    #cabecalho .conteudo-topo .inferior .busca-mobile {left: 56%;}
    #cabecalho .conteiner .menu.superior .nivel-um li a .titulo {font-size: 17px}
    
    #corpo .conteudo #listagemProdutos .titulo-categoria .novo-titulo-vitrine {font-size: 35px;}
    .conteudo h1 {font-size: 35px;}
    
    .contatos-rodape {right: 5%;}
}

@media screen and (min-width: 1300px) {
    .contatos-rodape {right: 8%;}
}

@media screen and (min-width: 1400px) {
    .contatos-rodape {right: 14%;}
}

@media screen and (min-width: 1500px) {
    .contatos-rodape {right: 16%;}
}

@media screen and (min-width: 1600px) {
    .contatos-rodape {right: 18%;}
}

@media screen and (min-width: 1700px) {
    .contatos-rodape {right: 17%;}
}

@media screen and (min-width: 1800px) {
    .contatos-rodape {right: 20%;}
}

@media screen and (min-width: 1900px) {
    .contatos-rodape {right: 22%;}
}

@media screen and (min-width: 2000px) {
    #rodape .box-empresa-rodape {margin-right: 100px;}
    .contatos-rodape {right: 26%;}
}

@media screen and (min-width: 2100px) {
    .contatos-rodape {right: 28%;}
}

@media screen and (min-width: 2200px) {
    .contatos-rodape {right: 30%;}
}

@media screen and (min-width: 2300px) {
    .contatos-rodape {right: 32%;}
}


/*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-image: url("https://cdn.awsli.com.br/2157/2157223/arquivos/bg-menu-mobile.png") !important; overflow-y: auto; background-position: center; background-size: contain;}
    .menu.superior .nivel-um {background-color: #363636;}
    .btn-whats {left: 75%;}
    
    .box-empresa-rodape {margin-bottom: 30px;}
}

/*Medias MIN and MAX*/
@media screen and (min-width: 768px) and (max-width: 1000px) {
    #cabecalho .menu.superior .nivel-um li .nivel-dois {display: none;}
}