@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

.chamada-frete{width: 100%; clear: both; padding: 10px 0; text-align: center; background-color: #58273c; color: #e7b56b; font-weight: 500; font-size: 14px; font-family: 'PT Sans', sans-serif; text-transform: uppercase;}
.titulo, .titulo-categoria strong, .titulo-categoria, .nome-produto{font-family: "Lora", serif !important; font-weight: 400 !important; font-optical-sizing: auto; font-style: normal !important;}

#cabecalho .conteiner{background-position: center top; background-color: #2d151b;  background-image: url("https://cdn.awsli.com.br/3080/3080677/arquivos/header2.png");}
#cabecalho .conteiner>.row-fluid{padding: 0 15px; box-sizing: border-box;}
#cabecalho .conteiner .main-header .logo{width: 155px !important;}
#cabecalho .conteiner .main-header .busca #form-buscar,
#cabecalho .conteiner .main-header .busca #form-buscar input{width: 280px !important; height: 50px;}
#cabecalho .conteiner * a, #cabecalho>.conteiner *{color: #e7b56b !important;} 

#cabecalho .menu.superior .nivel-um{max-width: 1280px;}
#cabecalho .menu.superior .nivel-um>li:before{display: none !important;}
#cabecalho .menu.superior .nivel-um>li>a{padding: 0 20px !important; font-size: 15px; font-weight: 600;}
#cabecalho .menu.superior .nivel-um>li:hover>a{background-color: #58273c !important; color: #e7b56b !important;}
#cabecalho .menu.superior .nivel-um>li>a strong{margin: 25px 0;}
#cabecalho .menu.superior .nivel-um>li.categoria-id-24463166 a{background-color: #e7b56b !important; color: #2d151b !important; margin-left: 10px;}
#cabecalho .menu.superior .nivel-um>li.categoria-id-24463166 a strong{ color: #2d151b !important;}

#cabecalho .menu.superior .nivel-um>.todas-categorias{background-color: #58273c; color: #e7b56b;}
#cabecalho .menu.superior .nivel-um .nivel-dois{width: 220px; background-color: #58273c !important; padding: 10px 0; margin: 0px; overflow-x: clip; overflow-y: auto;}
#cabecalho .menu.superior .nivel-um .nivel-dois li a{margin: 3px 0; font-weight: 400; font-size: 14px; text-transform: uppercase; background-color: #58273c !important; color: #ffffff !important;}
#cabecalho .menu.superior .nivel-um .nivel-dois li a strong{margin: 0; font-weight: 400; font-size: 14px; text-transform: uppercase;}
#cabecalho .menu.superior .nivel-um .nivel-dois li a:before{display: none;}
#cabecalho .menu.superior .nivel-um .nivel-dois .com-filho>a{color: #e7b56b !important;}
#cabecalho .menu.superior .nivel-um .nivel-tres{background-color: #58273c !important;}

#cabecalho .menu.superior .nivel-um>.todas-categorias .nivel-dois>li>.nivel-dois{display: none;}
#cabecalho .menu.superior .nivel-um>.todas-categorias .nivel-dois>li>.nivel-dois a strong{color: #e7b56b !important;}
#cabecalho>.conteiner .main-header .busca #form-buscar input{color: #3d3d3d !important;}
#cabecalho>.conteiner .main-header .busca #form-buscar .botao-busca{position: absolute; right: 10px; background-color: #2d151b;}

#cabecalho .icon-img{position: absolute; top: 11px; right: 70px; z-index: 999; background-color: #bc162c; color: #ffffff;  background-position: center center; background-size: 21px 21px; background-repeat: no-repeat; width: 40px; height: 40px; border-radius: 50%;}
#cabecalho .icon-conta{ right: 100px;}
#cabecalho .icon-conta svg{width: 26px; margin-top: 7px;}
#cabecalho .icon-carrinho{ right: 55px;}
#cabecalho .icon-carrinho svg{width: 26px; margin-top: 9px;}

.secao-banners{position: relative; top: -1px;}
.banner.cheio{margin: -1px auto 0 auto;}
.banner.cheio .flex-control-paging{padding: 10px 0;}
.banner.cheio .flex-control-paging li a{width: 35px !important; height: 10px !important; border-radius: 3px;}
.banner.tarja img{margin-top: 35px !important;}
.banner.vitrine{width: 100%; padding: 0px; margin: 0 0 25px 0; text-align: center;}
.banner.vitrine img{margin: 0px; display: inline-block;}
.banner.mini-banner:before{content: "Tipo de vinhos"; width: 100%; display: block; color: #000000; text-transform: uppercase; text-align: center; font-family: "Lora", serif !important; font-weight: 400 !important; font-optical-sizing: auto; font-style: normal !important; font-size: 31px;}
.banner.mini-banner .span4{width: 25%; padding: 0 2%;}
.banner-grupo{max-width: 1400px; display: block; margin: 35px auto;}



#corpo .listagem#listagemProdutos .titulo-categoria:first-of-type{padding-top: 0px !important;}
#corpo .listagem#listagemProdutos .titulo-categoria{width: 100%; clear: both;}
#corpo .listagem#listagemProdutos .titulo-categoria strong{font-size: 31px; font-weight: 400 !important; color: #090909; margin: 0 0 10px 0 !important;}
#corpo .listagem#listagemProdutos .titulo-categoria i{display: none !important;}
.listagem#listagemProdutos .listagem-item .info-produto .nome-produto{color: #000000; font-size: 17px; font-weight: 400; height: 37px;}
.listagem#listagemProdutos .listagem-item .info-produto .preco-produto{display: block;}
.listagem#listagemProdutos .listagem-item .info-produto .preco-produto .preco-promocional{ font-size: 21px; clear: both;}
.listagem#listagemProdutos .listagem-item .info-produto .preco-produto>.titulo:first-child:last-child{text-align: left; background-color: #666666; color: #ffffff; display: inline-block; padding: 8px 13px; margin-top: 4px;}

#corpo .marca{max-width: 1400px;}
#corpo .marcas.hidden-phone:before{content: "Vinícolas"; width: 100%; display: block; color: #000000; text-transform: uppercase; text-align: center; font-family: "Lora", serif !important; font-weight: 400 !important; font-optical-sizing: auto; font-style: normal !important; font-size: 31px;}
#corpo .marcas .slick-slider{margin-top: 0px !important;}
#corpo .tipos-de-vinhos{max-width: 1400px; margin: 0 auto;}
#corpo .tipos-de-vinhos ul{width: 100%; float: left; margin: 0 0 25px 0; padding: 0;}
#corpo .tipos-de-vinhos ul li{width: 25%; float: left; text-align: center;}

#barraNewsletter.posicao-rodape .conteiner{max-width: 780px;}
#rodape{background-color: #3c1a29; color: #ffffff;}
#rodape a{color: #ffffff;}
#rodape .titulo{padding: 20px 0 0 0 !important; margin: 0 0 15px 0 !important; font-size: 19px !important; font-weight: 600; color: #ffffff !important;}
#rodape .gateways-rodape{max-width: 215px;}
#rodape .institucional{background-color: transparent !important; background-image: none !important; border-bottom: 1px solid #502d3d !important;}
#rodape .institucional ul li>a:before{font-size: 10px; position: relative; top: 3px; color: #8f4263 !important;}
#rodape .selos li{background-color: #ffffff; border-radius: 5px; padding: 5px;}

.pagina-produto .produto .info-principal-produto .nome-produto{color: #090909; font-size: 36px; line-height: 36px;}
.pagina-produto .produto .codigo-produto{border-bottom: 0px; padding: 5px 0 0 0; margin: 0;}
.pagina-produto .produto .acoes-produto .comprar{width: 100%; float: initial; text-align: left; clear: both;}
.pagina-produto .produto .acoes-produto .comprar .botao-comprar{padding: 15px 35px; font-size: 21px;}
.pagina-produto .produto .acoes-produto .comprar .qtde-adicionar-carrinho{display: none;} 
.pagina-produto .produto .acoes-produto .comprar span span{text-align: left;}
.pagina-produto .produto .cep #formCalcularCep{justify-content: initial;}
.pagina-produto .acoes-flutuante .nome-produto{color: #090909; font-size: 17px; font-weight: 500; line-height: 17px;}

.secao-principal .ordenar-listagem .span6.clearfix{width: 100%;}
.secao-principal .ordenar-listagem .input-append label{padding: 11px 15px 10px;}
.secao-principal .ordenar-listagem .dropdown-menu{left: -94px;}

.pagina-carrinho .acao-editar a.botao{padding: 15px 35px; font-size: 17px; font-weight: 500;}
.pagina-carrinho .acao-editar button.botao.principal.grande,
.pagina-carrinho .acao-editar #finalizarCompra{padding: 15px 35px; font-size: 17px; font-weight: 500;}
.pagina-carrinho .acao-editar #finalizarCompra{width: 100%;}

@media (max-width: 1210px) {
	#cabecalho .menu.superior .nivel-um>li{display: none;}
	#cabecalho .menu.superior .nivel-um>li:nth-child(-n+6){display: block;}
	#cabecalho .menu.superior .nivel-um>li>a{padding: 0 15px;}
	#cabecalho .menu.superior .nivel-um>li.categoria-id-24463166{display: block !important;}
}

@media (max-width: 1110px) {
	#cabecalho .menu.superior .nivel-um>li:nth-child(-n+5){display: block;}
}

@media (max-width: 1040px) {
	#cabecalho .menu.superior .nivel-um>li:nth-child(-n+5){display: none;}
	#cabecalho .menu.superior .nivel-um>li:nth-child(-n+4){display: block;}
}

@media (max-width: 767px) {
	#corpo{overflow: hidden;}
	#cabecalho{width: 100%; height: 135px; padding: 0; margin: 0px; background-position: center top; background-color: #2d151b;  background-image: url("https://cdn.awsli.com.br/3080/3080677/arquivos/header2.png");}
	#cabecalho:before{display: none !important;}
	#cabecalho .conteiner{border: 0px; border: 0px !important; background-image: none;}
	#cabecalho .conteiner .main-header .logo{max-width: initial; width: initial; position: absolute; left: 10px; top: 3px; z-index: 9999; width: 70px !important;}
	#cabecalho .conteiner .main-header .logo img{margin: 0px; height: 60px !important; padding: 0px !important;} 
	
	#cabecalho .conteiner .main-header .conteudo-topo .actions-menu .menu-carrinho{left: initial; right: 45px; top: 5px; display: none !important;}
	#cabecalho .conteiner .main-header .conteudo-topo .actions-menu>li.visible-phone{display: none !important;}
	#cabecalho .conteiner .main-header .conteudo-topo .actions-menu>li.menu-login{position: absolute; top: 8px; right: 150px; z-index: 9999; display: none !important;}
	#cabecalho .conteiner .main-header .conteudo-topo .actions-menu>li.menu-carrinho i,
	#cabecalho .conteiner .main-header .conteudo-topo .actions-menu>li.menu-login i{background-color: #2d151b; position: fixed; z-index: 9999;}
	#cabecalho .conteiner .main-header .busca{top: 45px; border: 0px; position: absolute;}

	#cabecalho .conteiner .main-header .conteudo-topo .actions-menu>.busca{width: 100%; padding: 0; margin: 0; left: 0px; background-color: transparent !important;}
	#cabecalho .conteiner .main-header .busca{border: 0px !important; grid-template-columns: 0px auto !important;}
	#cabecalho .conteiner .main-header .conteudo-topo .actions-menu>.busca>i{margin-left: 2px;}
	#cabecalho .conteiner .main-header .busca #form-buscar{width: 100% !important; margin: 0px !important;}
	#cabecalho .conteiner .main-header .busca #form-buscar input{width: 100% !important; border-radius: 25px 10px 10px 25px;  margin: 0px !important; padding-left: 55px !important;}
	#cabecalho .conteiner .main-header .busca #form-buscar .botao-busca{top: 14px; right: 35px;}

	#cabecalho .menu-handler{top: 8px !important; position: absolute !important;}
	#cabecalho .icon-img{top: 15px !important; background-color: #55263b !important;}
	#cabecalho .icon-img svg path{fill: #e7b56b !important;}

	#cabecalho .menu.superior{background-color: #2d151b !important;}
	#cabecalho .menu.superior .nivel-um{margin-bottom: 15px;}
	#cabecalho .menu.superior .nivel-um>li{display: block !important; margin: 0px; padding: 0px; border-bottom: 1px solid #2d151b;}
	#cabecalho .menu.superior .nivel-um>li>a{padding: 10px 15px !important;}
	#cabecalho .menu.superior .nivel-um>li>a strong{margin: 0px; color: #ffffff; font-weight: 400;}
	#cabecalho .menu.superior .nivel-um>li>a .titulo{font-weight: 400;}
	#cabecalho .menu.superior .nivel-um .nivel-dois{display: none;}
	#cabecalho .menu.superior .nivel-um>li.open a,
	#cabecalho .menu.superior .nivel-um>li:hover a{background-color: #2d151b;}
	#cabecalho .menu.superior .nivel-um .nivel-dois,
	#cabecalho .menu.superior .nivel-um .nivel-tres{background-color: #2d151b !important;}
	#cabecalho .menu.superior .nivel-um .nivel-dois>li a{color: #ffffff !important; line-height: 12px !important;}
	#cabecalho .menu.superior .nivel-um .nivel-dois>li.com-filho .nivel-tres>li>a{color: #ffffff !important; margin: 0px !important; padding: 10px !important; font-weight: 500;}
	#cabecalho .menu.superior .nivel-um li a, #cabecalho .menu.superior .nivel-um li a,
	#cabecalho .menu.superior .nivel-dois li a, #cabecalho .menu.superior .nivel-dois li a,
	#cabecalho .menu.superior .nivel-tres li a, #cabecalho .menu.superior .nivel-tres li a{color: #ffffff !important;}
	#cabecalho .menu.superior .nivel-um .nivel-dois li a:before{display: none !important;}
	#cabecalho .menu.superior .nivel-um>li>a strong{margin: 0px !important;}
	#cabecalho .menu.superior .nivel-um .nivel-tres>li>a{color: #e3c0c9 !important;}
	#cabecalho .menu.superior .nivel-um li.open a, #cabecalho .menu.superior .nivel-um li:hover a,
	#cabecalho .menu.superior .nivel-dois li.open a, #cabecalho .menu.superior .nivel-dois li:hover a,
	#cabecalho .menu.superior .nivel-tres li.open a, #cabecalho .menu.superior .nivel-tres li:hover a{background-color: #2d151b !important; color: #ffffff !important;}

	#cabecalho .menu.superior .menu-minha-conta{text-transform: uppercase; padding: 10px; background-color: #55263b;}
	#cabecalho .menu.superior .menu-minha-conta .titulo{padding: 0;}
	#cabecalho .menu.superior .menu-minha-conta ul li{padding: 0px; margin: 0px;}
	#cabecalho .menu.superior .menu-minha-conta ul li a{padding: 5px 0;}

	#corpo .listagem#listagemProdutos .titulo-categoria:first-of-type{margin-top: 0px !important; padding: 0px !important;}
	#listagemProdutos .listagem-linha{padding-right: 5px !important; padding-left: 5px !important;}

	.listagem#listagemProdutos [class*="span"],
	.listagem#listagemProdutos .row-fluid [class*="span"]{width: 48%; min-height: 320px; margin: 0 1%; float: left;}
	.listagem#listagemProdutos .listagem-linha li{margin-top: 0px;}
	.listagem#listagemProdutos .listagem-item .info-produto .nome-produto{font-size: 17px; line-height: 16px; min-height: 50px;}
	.listagem#listagemProdutos .listagem-item .info-produto .preco-produto .preco-parcela{line-height: 12px; display: block;}
	.listagem#listagemProdutos .listagem-item .info-produto .preco-produto>.titulo:first-child:last-child{font-size: 16px; padding: 10px 8px;}

	.listagem#listagemProdutos .banner.mini-banner {width: 100%; min-height: initial;}
	.listagem#listagemProdutos .banner.mini-banner .span4{width: 100%;  min-height: initial; margin: 15px 0 0 0;}

	#barraNewsletter .componente .interno-conteudo .texto-newsletter{margin: 0 0 5px 0;}
	#barraNewsletter .componente.newsletter .interno-conteudo .input-conteiner{margin: 0px;}
	#barraNewsletter .componente .interno-conteudo .texto-redes-sociais{margin: 0 0 5px 0;}

	#rodape .institucional ul li>a:before{top: 0px;}

	.pagina-produto .produto .info-principal-produto .nome-produto{font-size: 31px; line-height: 31px;}
	.pagina-produto .produto .acoes-produto .comprar .botao-comprar{line-height: initial; width: initial;}
	.produto .conteiner-imagem > div{border: 0px;}

	.pagina-categoria .secao-principal{padding-left: 0px; padding-right: 0px;}
	.pagina-categoria #corpo .conteudo.span9 .listagem>ul{padding-left: 0px;}
	.pagina-categoria .secao-principal .ordenar-listagem{padding: 0 15px;}
	.pagina-categoria .secao-principal .filter-toggle{float: left; padding: 11px 15px; margin-left: 15px;}
	.pagina-categoria .secao-principal .ordenar-listagem .input-append .btn-group .btn{position: relative; top: 5px;}
	.pagina-categoria .conteudo h1{padding: 0 15px; font-size: 21px;}
	.ordenar-listagem .span6>*{float: right;}
	.secao-principal .coluna.open{padding: 0 15px;}
	.secao-principal .ordenar-listagem .input-append .dropdown-menu{left: initial; right: 0px; margin-top: 11px;}

	#cabecalho .menu.superior .nivel-um .nivel-dois{display: none !important;}
	.nivel-um .com-filho > a {cursor: pointer;}
	#cabecalho .menu.superior .nivel-um .com-filho.ativo .nivel-dois{display: block !important;}
	#corpo .tipos-de-vinhos ul li{width: 50%;}
}