/* -------------------------
GERAL
/* -------------------------*/
:root {
	
	--color-blue:#12416D;
	--color-green:#4b9c99;
	--color-gray:#707070;
	--color-black:#131415;
	--color-red:#A70009;
	--transition: all .2s ease-in-out;
}	
	
html #cabecalho {
    background: #fff;
}
html .barra-inicial {
    background: var(--color-blue);
    border-color: rgba(0, 0, 0, 0.09);
}
html #cabecalho .barra-inicial a,
html #cabecalho .barra-inicial span,
html #cabecalho .lista-redes i {
    color: white;
}
html #cabecalho .barra-inicial i {
    color: white;
}
html .barra-inicial .rastreio-rapido i {
    border-color: white;
}
html .barra-inicial .rastreio-rapido i::before {
    background: white;
}
html .listadedesejos-topo svg,
html .conta-topo svg,
html .carrinho svg {
    fill: #191919;
}
html .conta-topo {
    color: #191919;
}
html .carrinho .qtd-carrinho {
    background: var(--color-black);
    color: #fff;
	transform: scale(0.8);
}
html .busca input {
    background: #f0f0f0;
    color: var(--color-gray);
}
html .busca input::-webkit-input-placeholder {
    color: var(--color-gray);
}
html .busca input:-moz-placeholder {
    color: var(--color-gray);
}
html .busca input::-moz-placeholder {
    color: var(--color-gray);
}
html .busca input:-ms-input-placeholder {
    color: var(--color-gray);
}
html .botao-busca svg {
    fill: var(--color-black);
}
html .atalhos-mobile {
    background: #191919;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}
html .atalhos-mobile svg {
    fill: #fff;
}
@media (max-width: 991px) {
    html #cabecalho .atalho-menu .icon {
        color: #fff;
    }
    html .atalho-menu .icon > .line {
        background: #fff;
    }
    html #cabecalho .menu .block-title {
        background: var(--color-black);
        color: #fff;
    }
    html #cabecalho .menu .nivel-um {
        background: #fff;
    }
    html #cabecalho .menu .titulo {
        color: var(--color-black);
    }
    html #cabecalho .menu .nivel-dois a {
        color: var(--color-black);
    }
    html #cabecalho .menu .nivel-tres a {
        color: var(--color-gray);
    }
}
@media (min-width: 768px) {
    html #cabecalho .atalho-menu .icon {
        color: var(--color-black);
    }
    html .atalho-menu .icon > .line {
        background: var(--color-black);
    }
}
html .atalhos-mobile .icon-shopping-cart .itens {
    background: #00ae7c;
    color: #fff;
}
@media (min-width: 992px) {
    html #cabecalho .menu {
        background: var(--color-black);
    }
    html #cabecalho .menu .nivel-um > li > a {
        padding: 0 15px;
        position: relative;
    }
    html #cabecalho .menu .nivel-um > li > a > .titulo,
    html #cabecalho .menu i {
        color: #fff;
        transition: color .3s;
    }
    html #cabecalho .menu .nivel-um > li:hover > a > .titulo,
    html #cabecalho .menu .nivel-um > li:hover > a > i {
        color: #fff;
    }
    html #cabecalho .menu .nivel-um > li > a .titulo:after {
        background: var(--color-black);
    }
    html #cabecalho .menu .nivel-dois {
        background: #fff;
        border-color: #f0f0f0;
    }
    html #cabecalho .menu ul ul li a {
        color: #191919;
    }
    html #cabecalho .menu .nivel-tres a {
        color: var(--color-gray);
    }
}
html #barraNewsletter,
html #barraNewsletter .show-hide,
html #barraNewsletter .componente,
html #barraNewsletter.posicao-rodape .conteiner {
    background: var(--color-blue);
		padding: 10px 0;
	display: block !important;
}
html #barraNewsletter .componente .texto-newsletter,
html #barraNewsletter .componente .newsletter-confirmacao {
    color: #fff;
}
html #barraNewsletter .texto-newsletter i {
    color: #fff;
}
html #barraNewsletter .componente input[type="text"] {
    background: #fff;
    border-color: #fff;
    color: var(--color-black);
}
html #barraNewsletter .error input[type="text"] {
    border-color: red;
}
html #barraNewsletter .componente input[type="text"]::-webkit-input-placeholder {
    color: var(--color-black);
}
html #barraNewsletter .componente input[type="text"]:-moz-placeholder {
    color: var(--color-black);
}
html #barraNewsletter .componente input[type="text"]::-moz-placeholder {
    color: var(--color-black);
}
html #barraNewsletter .componente input[type="text"]:-ms-input-placeholder {
    color: var(--color-black);
}
html #barraNewsletter .componente .botao {
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #fff;
    color: #fff;
    transition: box-shadow .3s, background .3s, color .3s;
}
html #barraNewsletter .componente .botao:hover {
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 2px #fff;
    color: #fff;
}
html #rodape .institucional {
    background: #fff;
}
html #rodape .institucional .titulo {
    color: var(--color-black);
}
html #rodape .titulo::after {
    background: var(--color-black);
}
html #rodape .institucional a,
html #rodape .institucional p,
html #rodape .institucional span,
html #rodape .institucional i {
    color: var(--color-gray);
}
html #rodape .institucional li a:hover,
html #rodape .lista-redes i:hover {
    color: var(--color-black);
}
html #rodape > div:last-child {
    background: #fff!important;
    border-color: rgba(0, 0, 0, 0.09)!important;
    color: var(--color-gray);
    -webkit-filter: none;
    filter: none;
}
html .botao.principal,
html #rastreio-correios input[type="submit"],
html #fav-msg button,
html .produto #formCalcularCep .input-append .btn,
html .produto-compartilhar .lista-favoritos,
html .produto-compartilhar .lista-favoritos i,
html .conta-topo li:last-child a {
    background: #191919;
    color: #fff;
    transition: background .3s, color .3s;
}
html .botao.principal:hover,
html #rastreio-correios input[type="submit"]:hover,
html #fav-msg button:hover,
html .produto #formCalcularCep .input-append .btn:hover,
html .produto-compartilhar .lista-favoritos:hover,
html .produto-compartilhar .lista-favoritos:hover i,
html .conta-topo li:last-child a:hover {
    background: var(--color-black);
    color: #fff;
}
html .botao:not(.principal):not(.botao-busca) {
    background: #fff;
    box-shadow: inset 0 0 0 2px var(--color-black);
    color: var(--color-black);
    transition: background .3s, box-shadow .3s, color .3s;
}
html .botao:not(.principal):not(.botao-busca):hover {
    background: #fff;
    box-shadow: inset 0 0 0 2px var(--color-black);
    color: var(--color-black);
}
html .cadastro-logar .caixa-sombreada .botao {
    background: #fff;
    border-color: var(--color-black);
    color: var(--color-black);
    transition: background .3s, border-color .3s, color .3s;
}
html .cadastro-logar .caixa-sombreada .botao:hover {
    background: #fff;
    border-color: var(--color-black);
    color: var(--color-black);
}
html .coluna .newsletter-cadastro .botao {
    background: var(--color-black);
    box-shadow: inset 0 0 0 2px var(--color-black);
    color: #fff;
    transition: background .3s, box-shadow .3s, color .3s;
}
html .coluna .newsletter-cadastro .botao:hover {
    background: var(--color-black);
    box-shadow: inset 0 0 0 2px var(--color-black);
    color: #fff;
}
html #scrolltop-ldt {
    background: var(--color-blue);
}
html #scrolltop-ldt:hover {
    background: var(--color-black);
}
html #scrolltop-ldt a {
    color: #fff;
    transition: color .3s;
}
html #scrolltop-ldt:hover a {
    color: #fff;
}
html .fancybox-close,
html .fancybox-close:hover,
html .fancybox-close:focus {
    background: var(--color-black);
}
html .fancybox-close::before,
html .fancybox-close::after {
    background: #fff;
}
html .listagem-item .acoes-produto .botao {
    background: var(--color-blue);
    color: #fff;
    transition: background .3s, color .3s;
	border-radius: 5px;
}
html .listagem-item .acoes-produto .botao:hover {
    background: var(--color-red);
    color: #fff;
}
html #corpo .bandeiras-produto .bandeira-promocao {
    background-color: var(--color-red);
    color: #fff;
    boder-radius:3px;
}
html #corpo .bandeiras-produto .bandeira-carrinho {
    background: var(--color-gray);
    color: #fff;
}
html .listagem-item .adc-fav svg {
    fill: #ccc;
}
html .listagem-item .preco-a-partir .titulo,
html #listagemProdutos .preco-produto.destaque-preco .preco-promocional,
html #listagemProdutos .preco-produto.destaque-parcela .titulo,
html .aproveite-tambem .preco-produto.destaque-preco .preco-promocional,
html .aproveite-tambem .preco-produto.destaque-parcela .titulo,
html .aproveite-tambem .desconto-a-vista .titulo,
html #listagemProdutos .desconto-a-vista .titulo {
    color: var(--color-gray);
}
html .produto .comprar .botao-comprar {
    background: var(--color-red);
    color: #fff;
    transition: background .3s, color .3s;
}
html .produto .comprar .botao-comprar:not(.desativo):hover {
    background: var(--color-green);
    color: #fff;
}
html .produto-thumbs #carouselImagem .miniaturas li.active a {
    border-color: var(--color-black);
}
html .produto .acoes-produto .preco-produto.destaque-parcela .titulo,
html .produto .principal .preco-produto.destaque-preco .preco-a-partir .titulo,
html .produto .acoes-produto .preco-produto .preco-a-partir .preco-venda,
html .produto .acoes-produto .preco-produto .preco-promocional,
html .produto .acoes-produto .destaque-avista .titulo {
    color: var(--color-black);
}
html .pagina-carrinho .botao.principal.grande,
html .carrinho .botao.principal,
html .pagina-carrinho .botao.principal.grande {
    background: #00ae7c;
    color: #fff;
    transition: background .3s, color .3s;
}
html .pagina-carrinho .botao.principal.grande:hover,
html .carrinho .botao.principal:hover,
html .pagina-carrinho .botao.principal.grande:hover {
    background: #02805b;
    color: #fff;
}
html .modal-modalNewsletter .fancybox-skin,
html #modalNewsletter .componente {
    background: #fff;
}
html #modalNewsletter .componente .titulo,
html #modalNewsletter .newsletter .newsletter-confirmacao span,
html #modalNewsletter .componente .texto-newsletter {
    color: #191919;
}
html #modalNewsletter .newsletter-cadastro input {
    background: #f0f0f0;
    color: var(--color-gray);
}
html #modalNewsletter .newsletter-cadastro input::-webkit-input-placeholder {
    color: var(--color-gray);
}
html #modalNewsletter .newsletter-cadastro input:-moz-placeholder {
    color: var(--color-gray);
}
html #modalNewsletter .newsletter-cadastro input::-moz-placeholder {
    color: var(--color-gray);
}
html #modalNewsletter .newsletter-cadastro input:-ms-input-placeholder {
    color: var(--color-gray);
}
html #modalNewsletter .newsletter .botao {
    background: #191919;
    box-shadow: inset 0 0 0 2px #191919;
    color: #fff;
    transition: background .3s, box-shadow .3s, color .3s;
}
html #modalNewsletter .newsletter .botao:hover {
    background: var(--color-black);
    box-shadow: inset 0 0 0 2px var(--color-black);
    color: #fff;
}
html .modal-modalNewsletter .fancybox-close,
html .modal-modalNewsletter .fancybox-close:hover,
html .modal-modalNewsletter .fancybox-close:focus {
    background: var(--color-black);
}
html .fancybox-close::before,
html .fancybox-close::after {
    background: #fff;
}
html .produto .comprar .botao-comprar {
    background: var(--color-black);
    color: #fff;
    transition: background .3s, color .3s;
}
html #listagemProdutos .titulo-categoria::after,
html #video-home .titulo::after,
html #insta-feed-section .title::after,
html .aproveite-tambem > .titulo::after {
    background: var(--color-black);
}
html .banner .flex-control-paging li {
	margin: 0;
}
html .banner .flex-control-paging li a:hover,
html .banner .flex-control-paging li a.flex-active {
    background: var(--color-black);
}
html .banner .flex-control-paging li a,
html .banner .flex-control-paging li a.flex-active {
    border-color: var(--color-black);
	transform: scale(0.9);
}
html .banner .flexslider .flex-direction-nav a {
    background: rgba(255, 255, 255, 0.6);
    color: var(--color-gray);
}
html *::selection {
    background: var(--color-black);
    color: #fff;
}
html::-webkit-scrollbar-thumb,
html #cabecalho .menu .nivel-tres::-webkit-scrollbar-thumb,
html .carrinho-interno ul::-webkit-scrollbar-thumb {
    background: var(--color-black)!important;
}
html::-webkit-scrollbar-track,
html .carrinho-interno ul::-webkit-scrollbar-track,
html #cabecalho .menu .nivel-tres::-webkit-scrollbar-track {
    background: #f0f0f0!important;
}
html .carrinho-checkout .atendimento,
html .carrinho-checkout .atendimento a,
html .carrinho-checkout .atendimento span,
html .carrinho-checkout .atendimento li strong {
    color: #191919;
    border-color: #191919;
}
html #video-home .video-play i,
html #video-home .video-play svg {
    background: #191919;
    fill: #fff;
}
html #rodape > div:last-child img,
html #rodape .author-copyright div {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
html #rodape li:nth-child( 2 ) {
    display:none;
}
html .produto-compartilhar .lista-favoritos:hover,
html .produto-compartilhar .lista-favoritos:hover i {
    opacity: 1;
}



/* -------------------------
TITULO BONITAO 
/* -------------------------*/
#listagemProdutos .titulo-categoria,
#video-home .titulo {
    font-family: 'Playfair Display', serif !important;
	font-weight: 900 !important;
	color:#a0a0a0;
	display: table;
    margin: 35px auto !important;
    padding: 10px 30px;
    border:1px solid #A0A0A0;
	font-size: 22px;
}
#video-home .titulo span,
#listagemProdutos .titulo-categoria strong {
	color:#a0a0a0 !important;
	text-transform: none !important;
    font-family: 'Playfair Display', serif !important;
	font-weight: 900 !important;
}
#listagemProdutos .titulo-categoria:after,
#video-home .titulo:after{
    display:none !important;
}



/* -------------------------
LIGHTBOX 
/* -------------------------*/
		body.lightbox-scroll {
			overflow: hidden !important;
		}
    		.lightbox-block {
			background-color: rgba(0,0,0,0.3);
			position: fixed;
			z-index: 99;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}		
		.lightbox-block img {
			width: 100%;
			height: auto;
			margin: 0 auto 20px;
			display: block;
			max-width: 360px;
		}
		.lightbox-block .box {
			width: 90%;
			display: block;
			max-width: 460px;
			padding: 20px;
			background-color: white;
			border-radius: 5px;
			text-align: center;
			font-size: 16px;
			color: #131415;
		}
		.lightbox-block .nao-filiado {
			font-size: 12px;
			padding-top: 5px;
			margin-top: 5px;
			border-top: 1px dashed var(--color-gray);
		}
		.lightbox-block input[type=text]{
			background-color: #F0F0F0;
			display: block;
			border-radius: 3px;
			padding: 15px 10px;
			color: #131415;
			font-size: 16px;
			width: 90%;
			margin: 0 auto;
			border: none;
		}
		.lightbox-block button{
			cursor: pointer;
			background-color: var(--color-blue);
			color: white;
			display: block;
			border-radius: 3px;
			padding: 15px 10px;
			font-size: 14px;
			width: 120px;
			margin: 5px auto 15px;
			border: none;
		}
		.lightbox-block button:hover{
			background-color: var(--color-black);
		}
		.lightbox-block .error-message {
			text-align: center;
			color: #A70009;
			text-align: center;
			border:1px solid  #A70009;
			padding: 0;
			width: 290px;
			margin: 0 auto 10px;
			display: block;
			font-size: 13px;
			padding: 5px;
		}
		.hidden {
			display: none !important;
		}
/* lightbox.fim */				
		
		body.lightbox-scroll {
			overflow: hidden !important;
		}
		.lightbox-block {
			background-color: rgba(0,0,0,0.3);
			position: fixed;
			z-index: 99;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}		
		.lightbox-block img {
			width: 100%;
			height: auto;
			margin: 0 auto 20px;
			display: block;
			max-width: 360px;
		}
		.lightbox-block .box {
			width: 90%;
			display: block;
			max-width: 460px;
			padding: 20px;
			background-color: white;
			border-radius: 5px;
			text-align: center;
			font-size: 16px;
			color: var(--color-black);
		}
		.lightbox-block .nao-filiado {
			font-size: 12px;
			padding-top: 5px;
			margin-top: 5px;
			border-top: 1px dashed #999;
		}
		.lightbox-block input[type=text]{
			background-color: #F0F0F0;
			display: block;
			border-radius: 3px;
			padding: 15px 10px;
			color: var(--color-black);
			font-size: 16px;
			width: 90%;
			margin: 0 auto;
			border: none;
		}
		.lightbox-block button{
			cursor: pointer;
			background-color: var(--color-blue);
			color: white;
			display: block;
			border-radius: 3px;
			padding: 15px 10px;
			font-size: 14px;
			width: 120px;
			margin: 5px auto 15px;
			border: none;
		}
		.lightbox-block button:hover{
			background-color: var(--color-black);
		}
		.lightbox-block .error-message {
			color: #A70009;
			text-align: center;
			border:1px solid  #A70009;
			width: 290px;
			margin: 0 auto 10px;
			display: block;
			font-size: 13px;
			padding: 5px;
		}
		.hidden {
			display: none !important;
		}

/* -------------------------
CC - CABECALHO
/* -------------------------*/
@media (min-width: 768px) {
	#cabecalho > .conteiner > .row-fluid {
		display: flex;
		height: 70px !important;
	}
	#cabecalho:not(.sem-menu) .conteiner > .row-fluid > .span3:first-child {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: 0;
		margin-left: -130px;
		margin-top: -27px;
		width: 260px;
	}
	#cabecalho:not(.sem-menu) .conteiner > .row-fluid > .span3:first-child a {
		height: 55px;
	}	
	#cabecalho > .conteiner > .row-fluid > .span9 {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.busca.borda-alpha {
		max-width: 40%;
	}
}
/* -------------------------
CC - RODAPE
/* -------------------------*/
@media (min-width: 768px) {
	#rodape .span3 {
		display: none !important;
	}
	#rodape .institucional .span9 {
		width: 100%;
	}
	#rodape .span4.pagamento {
		width: 70%;
	}
	#rodape .span4.selos {
		width: 30%;
	}
	#rodape .gateways-rodape {
		display: none;
	}
}


/* -------------------------
CC
/* -------------------------*/

html #cabecalho .lista-redes {
	background-color: var(--color-blue);
}
html #cabecalho .lista-redes:before {
	content: 'Você está conectado como empresa ';
	color: white;
	font-size: 10px;
}
html #cabecalho .lista-redes:after {
	content: 'SIMMONS';
	text-decoration: underline;
	color: white;
	font-size: 10px;
}
html #cabecalho .lista-redes ul {
	display: none;
}

i.far.fa-newspaper {
	display: none !important;
}
#barraNewsletter .componente .texto-newsletter {
	position: relative;
		text-align: center;
	text-transform: uppercase;
	padding: 10px 0;
	margin-bottom: 20px;
	width: 100%;
	display: block;
}
#barraNewsletter .componente div.newsletter-cadastro:not(.hide) {
	display: block;
	margin: 0 auto 0;
	padding: 10 0 30px;
}
#barraNewsletter .componente .texto-newsletter:before {
	content: '';
	position: absolute;
	bottom: 0px;
	width: 22px;
	left: 50%;
	margin-left: -11px !important;
	height: 5px;
	background-color: black;
}
#barraNewsletter .componente .texto-newsletter span {
	display: none;
}
.slides,
.video-container {
	overflow: hidden;
	border-radius: 5px;
}


/* -------------------------
CC - lista de produto
/* -------------------------*/

.tab-content {
	line-height: 2em;
	border-radius: 5px;
}
#listagemProdutos li a.produto-sobrepor {
	border: 1px solid #CCC;
	border-radius: 5px;
}
#listagemProdutos .listagem-item {
	padding: 0 0 55px 0;
	color: var(--color-gray);
}
#listagemProdutos .listagem-item i.icon-search {
	display: none;
}
#listagemProdutos li a.produto-sobrepor:hover {
	border: 1px solid white;
}
#listagemProdutos .imagem-produto:after, .aproveite-tambem .listagem-item .imagem-produto:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
	display: block;
}
.preco-parcela,
.preco-parcela .cor-secundaria,
.desconto-a-vista,
.desconto-a-vista .cor-secundaria {
	color: var(--color-gray);
}

.produto-video {
	transform: scale(0.7) translate(-10px, -10px);
    opacity: 0.7;
}


ul.atendimento.borda-alpha {
    display:none !important;
}