@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,900');
.banner.tarja > a > img{
	margin: 0 auto;
    display: block;
}
.menu .nivel-tres {
    display: none !important;
}
.menu .nivel-dois li:hover>.nivel-tres {
    display: block !important;
}
.rh-oferta-limitada .ol-overlay {
    box-shadow: -3px 3px 0 2px #27197a;
}
.rh-oferta-limitada .ol-overlay .rh-title > span {
    color: #27197a;
}
#rh-ol-overlay > div > ul > li > div > div.acoes-produto.hidden-phone{
	    bottom: -25px;
}
.flex-direction-nav .flex-prev {
    background: url(https://cdn.awsli.com.br/650/650929/arquivos/spritev1.png) no-repeat;
    background-position: -33px 0;
    left: 0;
    opacity: 1;
}
.flex-direction-nav .flex-next {
    background: url(https://cdn.awsli.com.br/650/650929/arquivos/spritev1.png) no-repeat;
    background-position: -63px 0;
    right: 0;
    opacity: 1;
}
.menu .nivel-dois li:hover, .menu.lateral.outras .nivel-um li:hover a {
    background-color: transparent;
}
.menu.superior .nivel-dois li:hover a{
	color: #27197a;
    font-weight: 600;
}
.listagem .info-produto {
    text-align: center;
}
div.listagem.aproveite-tambem.borda-alpha > h4 {
    margin: 15px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    border-bottom: 2px;
    border-bottom: 2px dotted #b4a6a6;
    padding: 10px;
    font-size: 0px;
}
div.listagem.aproveite-tambem.borda-alpha > h4:before{
	content:"OLHA O QUE A LUCREBELEZA TEM PARA VOCÊ";
        font-size: 26px;
}

#listagemProdutos.listagem .titulo-categoria:after, #listagemProdutos.listagem>.titulo:after, .listagem.aproveite-tambem .titulo-categoria:after, .listagem.aproveite-tambem>.titulo:after {
    content: "";
    background: #27197a;
    width: 115px;
    height: 4px;
    display: block;
    margin: 5px auto;
    margin-bottom: -13px;
}

#listagemProdutos > ul > li > div > ul > li > div > div.info-produto > div:nth-child(4) > div{
	text-align: center;
}
/* Video */
#video > div > div > ul > li.hidden-phone{
	display: none;
}
#video{
	display: flex;
    padding-bottom: 20px;	
}
#video > iframe{
	width: 50%;
}
.sobre-loja-rodape{
    float: none;
    display: grid;
    padding: 20px;
    width: 50%;
    border-left: none;
    padding-left: 0;
    margin-left: 0
}
#video > div > span{
    border: 3px solid #ccc;
    border-left: none;
    border-bottom: none;
    font-size: 1.5rem;
    color: black;
    font-weight: normal;
    padding: 10px;
    padding-left: 20px;
    margin: 0;
    margin-bottom: -30px;
}
#video > div > p{
    border: 3px solid #ccc;
    border-bottom: none;
    border-left: none;
    border-top: none;
    margin: 0;
    padding: 10px;
    padding-left: 20px;
    font-size: 13px;
}
#video > div > div{
    border: 3px solid #ccc;
    border-left: none;
    border-top: none;
}
#video > div > div > ul > li > span{
	font-size: 14px;
}
.sobre-loja-rodape .canais-contato ul li i{
	font-size: 15px;
}
.sobre-loja-rodape .canais-contato{
    width: auto;
    margin-left: 0px;
    float: none;
}
.sobre-loja-rodape .canais-contato ul{
	float: none;
    margin: 0;
}

#modalContato{
	top: 20%;
}

.dkdigital{
	width: 10%;
}
#listagemProdutos > ul > li > div > ul > li{
	    height: 380px !important;
}
.identificacao .control-group .submit-email.botao.principal {
    position: absolute;
    top: 0;
    right: -30px;
    float: none;
    max-width: 100%;
    min-width: 95px;
}
#rodape .lista-redes i:hover{
	color: white !important;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna{
	    margin-top: 20px;
}
body > div.conteiner-principal > div.secao-banners > div > div.row-fluid.banner.hidden-phone > div > img{
	    margin: 0 auto;
    display: block;
}
.menu.superior ul {
    margin: 0 auto;
    display: table;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div > div.row-fluid.banner.mini-banner.hidden-phone > div.banner-extra > a > img{
	    margin-top: 30px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #e4e4e4;
}
body {
    background: #fff;
    font-family: 'Montserrat', sans-serif;
}
.titulo{
	font-family: 'Montserrat', sans-serif;
}
#corpo {
    margin-bottom: 0;
}
.conteiner-principal .conteiner{
    box-shadow: none;
}
.botao{
	background-image: none;
    border: none;
}
.botao:hover{
	background-image: none;
    border: none;
}
body > div.conteiner-principal > div.secao-banners > div{
	max-width: 100%;
    padding: 0px 0px;
}
.pagina-inicial .mini-banner .modulo.span4 {
        width: 48.71%;
}
a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span {
    color: inherit;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div > div.row-fluid.banner.mini-banner.hidden-phone > div:nth-child(3){
	margin-left: 0;
    width: 100%;
    display: none;
}
.fundo-secundario, .fundo-secundario *, .fundo-secundario *:hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {
    color: #000000;
}
.fundo-principal, .botao.principal, .menu li:hover>a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu>li>a:hover, .filtro.lista ul li label:hover, .menu-simples li a:hover, .menu-simples li.active a {
    background-color: #27197a;
}
/* INSTAGRAM */
#ad-instagram {
    margin-bottom: 2em;
}
#ad-instagram .title.cor-principal {
    border: 0;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
#ad-instagram .title.cor-principal:after {
    content: "";
    background: #27197a;
    width: 150px;
    height: 2px;
    display: block;
    margin: 5px auto;
}
#ad-instagram .title.cor-principal:before {
    content: "\f16d";
    font-family: FontAwesome;
    margin-right: 0.5em;
}
#thumb-instagram ul {
    margin: 20px 0px;
    display: inline-flex;
}
#thumb-instagram ul li {
    margin: 0px 5px;
}

/* Barra-inicial */
.barra-inicial {
    background-color: transparent;
}
.lista-redes i {
    background-color: transparent !important;
    color: black;
    border: none;
    background: transparent !important;
}

.lista-redes ul li {
    border-left: none;
}
/* RASTREIO */
.rastreio-content {
    position: absolute;
    background: rgb(255, 255, 255);
    z-index: 999;padding: 10px;
    text-align: center;
    border-radius:0px;
    border: 1px solid rgba(228, 228, 228, 0.59);
    display: none;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
    margin-top: 0px;
}
.rastreio-btn {
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
    width:150px; 
    height:31px ;
    width: auto!important;
}
.rastreio-topo {
    color:#000;
    text-align: center;
}
.rastreio-content h1 {
    font-size: 32px;
    color: #000;
}
#OrderTracking {
    width: 160px;
    border: 0;
    box-shadow: none;
    background-color: rgba(245, 245, 245, 0); 
    box-shadow: inset 0px 0px 0px 1px rgb(204, 204, 204) !important; 
    border-radius:0px;
}
.rastreio {
    background: #fff;
    margin-top: -10px;
    padding: 4px 5px 4px 5px;
    border-radius: 3px;
    font-family: 'Roboto' ,sans-serif;
    font-size: 11px;
    border-radius: 0px;
    margin-left: 5px;
    color: #000;font-weight: 500;
    border: 1px solid black;
}
.rastreio:hover {
    background: #000;
    color: #fff;
}
.rastreio-content p {
    color:#000;
}
.rastreio-content p:hover {
    color:#000;
}
li.rastreio-btn.span1 {
    margin-left: 10px;
}
#OrderTracking:hover {
    color:black;
}
/* CABEÇALHO */
.lista-redes i:hover{
	color: black !important;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid > div > div > div > div > ul > li > a.nome-produto.cor-secundaria{
	font-size: 0px;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid > div > li > div:nth-child(3){
	display: none;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid > div > li > div:nth-child(2){
	    float: right;
    padding: 5px;
}
.busca{
	border: none;
	background-color: transparent;
}
.busca .botao-busca {
    background: #0a0a0a;
    color: white;
    border: none;
}
.busca .botao-busca:hover {
    background: #27197a;
    color: white;
    border: none;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(1) > div.superior.row-fluid{
	display: none;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(1) > div.inferior.row-fluid{
	padding: 30px 0;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.superior.row-fluid > div > ul > li:nth-child(1){
	display: none;
}
#cabecalho .carrinho {
	float: right;
    border: none;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid > div > li{
	float: right;
    margin-top: 5px;
    padding-right: 20px;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid > div > li > a{
	font-size: 0px;
        float: right;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid > div > li > a > i{
	font-size: 30px;
    color: black;
    background-color: transparent;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid > div > div > a > i{
	color: black;
    background-color: transparent;
    font-size: 30px;
}
.carrinho>a strong {
    font-size: 12px;
    margin: 0 -35%;
    line-height: initial;
    color: white;
    background-color: red;
    border-radius: 100%;
    padding: 0px 5px;
}
.carrinho>a span{
	display: none;
}
.carrinho.vazio>a span{
	display: none;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.superior.row-fluid{
	display: none;
}
#cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid{
	padding: 30px 0;
}
.carrinho-interno .preco-produto .preco-promocional {
    font-size: 16px;
}
.carrinho-interno .nome-produto{
	font-size: 16px;
}
/* BARRATOPO */
#barraTopo{
	height: 90px;
}
#barraTopo > div.conteiner{
	display: none;
}
#barraTopo .carrinho>a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
#barraTopo .carrinho>a strong {
    font-size: 12px;
    margin: 0 -35%;
    line-height: initial;
    color: white;
    background-color: red;
    border-radius: 100%;
    padding: 0px 5px;
}

#barraTopo #cabecalho > div.conteiner > div.row-fluid > div:nth-child(3) > div.inferior.row-fluid{
	padding: 22px 0;
}
#barraTopo #cabecalho > div.conteiner > div.row-fluid > div:nth-child(1) > div.inferior.row-fluid{
	padding: 25px 0px 0px 40px;
}
#barraTopo .conteiner {
    padding: 0px 0px;
    background: 0;
    box-shadow: none;
    max-width: 100%;
    background: white;
    box-shadow: 0 -2px 25px -8px;
}
.menu.superior .nivel-um>li:hover {
    border-top-width: 0;
    margin-top: 0;
}
#barraTopo #cabecalho > div.conteiner > div.menu.superior > ul{
	display: inline-table;
}
#barraTopo #cabecalho > div.conteiner > div.row-fluid > div:nth-child(3){
	padding-right: 60px;
}
#barraTopo #cabecalho > div.conteiner > div.row-fluid > div.span6{
	padding-left: 10px;
}
#barraTopo #cabecalho > div.conteiner > div.row-fluid > div:nth-child(1){
	padding-left: 20px;
}
/* MENU */
.menu.superior ul {
    margin: 0 auto;
    display: table;
}
.menu.superior li{
	border: none;
}
#cabecalho > div.conteiner > div.menu.superior > ul {
    margin: 0 auto;
    display: inline-flex;
}
.menu li {
    padding: 0 15px;
}
.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{
	    background-color: #f4f4f4;
}
body > div.conteiner-principal > div.secao-banners > div > div.menu.superior > ul{
	margin: 0 auto;
    display: table;
}
.menu.superior .nivel-um>li {
    border-top: none;
    border-right: none;
    border-left: none;
}
.menu.superior {
   margin-top: -2px;
    background-color: white;
}
.menu.superior .titulo{
	color: black;
    text-transform: uppercase;
}
.menu.superior .titulo:hover{
	color: #27197a;
}
.menu li.com-filho>a i{
	display: none;
}
#cabecalho > .conteiner > .menu.superior {
    text-align: center;
}
/* PAG CATEGORIAS */

.ordenar-listagem.rodape{
	border: none;
}
.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{
	box-shadow: none;
}
.pagina-categoria #corpo > div > div.secao-principal.row-fluid.sem-coluna > div.coluna.span3 > div:nth-child(1) > ul > li > a{
	background-color: #27197a;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div.coluna.span3 > div:nth-child(1) > ul > li > a > strong{
	color: white;
}
/* PRODUTOS HOME */
.listagem .listagem-linha{
	border: none;
}
.bandeiras-produto{
	left: 0;
}
.bandeiras-produto span{
	border: none;
    box-shadow: none;
}
.listagem .listagem-linha li{
	border: none;
}
.listagem .info-produto{
	/text-align: center;/
}
.listagem .listagem-item .nome-produto{
	font-size: 15px;
	text-transform: none;
    font-weight: normal;
}
.preco-produto strong.titulo{
	font-size: 25px !important;
    white-space: nowrap;
    font-weight: 600;
}
#listagemProdutos > ul > li > ul > li > div > div.info-produto > div:nth-child(4) > div > div:nth-child(1) > span > span{
	display: none;
}
.listagem .listagem-item:hover {
    box-shadow: 0px -1px 10px 3px rgba(161, 161, 161, 0.22);
}
.listagem .titulo-categoria{
	text-align: center;
    border: none;
	text-transform: uppercase;
    font-size: 26px;
        margin: 100px 0 0;
    border-bottom: 2px dotted #b4a6a6;
}
.listagem .titulo-categoria:hover{
	background: transparent;
    padding-left: 0px;
}
.listagem .titulo-categoria strong{
    padding: 5px;
    font-weight: 900;
    /*background-image: url(https://cdn.awsli.com.br/619/619207/arquivos/linha.png);*/
    background-repeat: no-repeat;
    background-position: bottom;
}
.listagem-item .acoes-produto {
    bottom: 20%;
    background-color: transparent;
    border: none;
    transition: none;
}
.listagem-item:hover .acoes-produto{
    bottom: -14.5%;
}
.listagem-item:hover .acoes-produto a{
	padding: 10px 50px;
    font-size: 15px;
    text-transform: uppercase;
        font-weight: 600;
}
.botao i{
	display: none;
}
/* PAG PRODUTO */
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div > div:nth-child(1) > div:nth-child(1) > div.produto-compartilhar > div > div > ul > li.hidden-phone > a > i{
	color: white !important;
}
.produto .acoes-produto .comprar {
    float: none;
    text-align: left;
}
.produto .acoes-produto .disponibilidade-produto {
    text-align: left;
}
.acoes-produto .preco-produto {
    float: none;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div > div:nth-child(1) > div:nth-child(2) > div > div.info-principal-produto > h1{
	font-size: 26px;	
}
.botao.grande{
	text-transform: uppercase;
    font-weight: 900;
}
/* NEWSLETTER */
#corpo > div > div.span12.banner.tarja{
	margin-left: 0;
    float: none;
    margin-top: 60px;
}
#barraNewsletter{
	margin: 0 auto;
    width: 80%;
    
}

#barraNewsletter, #barraNewsletter .show-hide, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner {
    background-color: #27197a;
}
#barraNewsletter .componente .botao{
        border: 1px solid;
    
}
#barraNewsletter.posicao-rodape .conteiner{
	max-width: 100%;
}
/* PAG CONTA */
.abas-conta li {
    float: right;
}
/* PAG CARRINHO */
.table th, .table td {
    border: none;
}
.tabela-carrinho .bg-dark {
    background-color: transparent;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div > div.span12 > a{
	    color: #d31459 !important;
        text-transform: uppercase;
    font-weight: 900;
}
#corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div > div.span12 > a:hover{
	    color: #d31459 !important;
}
.total strong{
	    font-weight: 900;
}
/* CHECKOUT */
.resumo-compra .tabela-carrinho .padding-preco {
    text-align: left;
    padding: 10px 10px;
}
/* RODAPE */
#rodape .institucional .lista-redes{
	width: 186px;
}
#rodape .lista-redes i{
    font-size: 25px;
    color: white;
    padding: 2px;
}
#rodape .lista-redes i:hover{
    color: white;
}
#rodape > div.institucional.fundo-secundario > div > div > div.span3 > div > div.lista-redes > ul > li{
	margin-left: 20px;
    margin-bottom: 20px;
    border-radius: 100%;
    background: black;
    border: 1px solid;
}
#rodape .caixa-facebook{
	display: none;
}
#rodape .lista-redes ul li.visible-phone{
	display: block !important;
}
#rodape {
    position: static;
    margin-top: -33px;
}
#rodape > div.institucional.fundo-secundario{
	background-color: #ececec;
    background-image: none;
    padding-top: 60px;
}
.pagamento-selos{
	background: none;
}
#rodape .redes-sociais{
	background: none;
    box-shadow: none;
    position: static;
    border: none;
}
#rodape .titulo{
	border: none;
    font-weight: 900;
        color: black;
    font-size: 19.5px;
}
.links-rodape ul li {
    list-style-image: none;
}

.gateways-rodape{
	border: none;
}
#rodape > div:nth-child(3){
	border: none;
}
img.integrandose {
    width: 160px;
    margin-right: 0.3em;
}
/* RESPONSIVO */
@media (max-width: 767px){
    .identificacao .control-group .submit-email.botao.principal {
    position: initial;
    }
    #video{
    	display: grid;
    }
    #video > iframe {
    width: 100%;
}
    .sobre-loja-rodape{
    	width: 100%;
    }
    #video > div > p {
    	padding: 20px;
    }
    .conteiner-principal #rodape .conteiner{
    	    text-align: center;
    }
	#rodape .institucional .lista-redes {
    	width: auto;
	}
    #corpo > div > div.span12.banner.tarja{
    	display: none;
    }
    .menu.superior{
    	border-bottom: none;
    }
    .menu.superior .nivel-um>li{
    	text-align: center;
    }
    #formCalcularCep > div > div > button{
    	padding: 0px 12px;
        line-height: 28px;
    }
    .acoes-produto .preco-produto{
    	text-align: center;
    }
    #rodape{
    	margin-top: 0;
    }
    #rodape > div.institucional.fundo-secundario{
    	padding-top: 20px;	
    }
    .atalhos-mobile a, .atalhos-mobile a:hover {
    	color: #fff;
	}
    #cabecalho > div.atalhos-mobile.visible-phone.fundo-secundario.borda-principal{
    	background-color: #a7a6a6;
        border: none;
    }
    #barraNewsletter.posicao-rodape {
    	position: static;
    	display: block !important;
    	width: 100%;
	}
	.menu .nivel-dois a {
    	color: #000;
	}
    .menu .nivel-dois .com-filho>a {
 		margin-right: 0px;
	}
    .menu .nivel-tres {
    	display: none !important;
    }
    .conteudo-topo .busca-mobile .atalho-menu {
    	float: right;
    	line-height: 30px;
	}
	.dkdigital {
    width: 34%;
}
    .acoes-produto-responsiva {
    position: relative;
    top: 43%;
    right: 0;
}
    .acoes-produto-responsiva {
    text-align: center;
}
}