/* ###################
#### CORES
################### */
:root {
  --base-color: #4f4f4f;
  --active-color: #4f4f4f;
}

/* ###################
#### FONTES
################### */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@font-face {
    font-family: 'josefin_slabthin';
    src: url('../fontes/josefinslab-variablefont_wght-webfont.eot');
    src: url('../fontes/josefinslab-variablefont_wght-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/josefinslab-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fontes/josefinslab-variablefont_wght-webfont.woff') format('woff'),
         url('../fontes/josefinslab-variablefont_wght-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_book';
    src: url('../fontes/lte50342-webfont.eot');
    src: url('../fontes/lte50342-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/lte50342-webfont.woff2') format('woff2'),
         url('../fontes/lte50342-webfont.woff') format('woff'),
         url('../fontes/lte50342-webfont.ttf') format('truetype'),
         url('../fontes/lte50342-webfont.svg#avenir_ltbook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_roman';
    src: url('../fontes/lte50338-webfont.eot');
    src: url('../fontes/lte50338-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/lte50338-webfont.woff2') format('woff2'),
         url('../fontes/lte50338-webfont.woff') format('woff'),
         url('../fontes/lte50338-webfont.ttf') format('truetype'),
         url('../fontes/lte50338-webfont.svg#avenir_ltroman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'avenir_heavy';
	src: url('../fontes/AvenirLTStd-Heavy.eot');
	src: local('☺'), 
		url('../fontes/AvenirLTStd-Heavy.woff') format('woff'), 
		url('../fontes/AvenirLTStd-Heavy.ttf') format('truetype'), 
		url('../fontes/AvenirLTStd-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'avenir_oblique';
    src: url('../fontes/lte50339-webfont.eot');
    src: url('../fontes/lte50339-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/lte50339-webfont.woff2') format('woff2'),
         url('../fontes/lte50339-webfont.woff') format('woff'),
         url('../fontes/lte50339-webfont.ttf') format('truetype'),
         url('../fontes/lte50339-webfont.svg#avenir_ltoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_medium';
    src: url('../fontes/lte50344-webfont.eot');
    src: url('../fontes/lte50344-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/lte50344-webfont.woff2') format('woff2'),
         url('../fontes/lte50344-webfont.woff') format('woff'),
         url('../fontes/lte50344-webfont.ttf') format('truetype'),
         url('../fontes/lte50344-webfont.svg#avenir_ltmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_light';
    src: url('../fontes/lte50336-webfont.eot');
    src: url('../fontes/lte50336-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/lte50336-webfont.woff2') format('woff2'),
         url('../fontes/lte50336-webfont.woff') format('woff'),
         url('../fontes/lte50336-webfont.ttf') format('truetype'),
         url('../fontes/lte50336-webfont.svg#avenir_ltlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ###################
#### BASICO
################### */
*{
	margin: 0;
	padding: 0;
	font-family: 'avenir_roman';
	list-style-type: none;
}
body{
	opacity: 0;
	transition: all 0.12s ease-in;
	padding-top: 178px;
}

/* ###################
#### HEADER
################### */
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: #fff;	
	transition: all 0.08s ease-out;
}
header ul {
	list-style: none;
}
header ul.barra_preta {
	background: var(--active-color);
	height: 36px;
}
.lehonacombr header ul.barra_preta {
	background: var(--base-color);
}
header ul.barra_preta li.left {
	margin-left: 20px;
	margin-top: 10px;
	float: left;
	display: inline-block;
	width: 33%;
}
header ul.barra_preta li.left p{
	color: #fff;
	display: inline;
	font-size: 14px;
	background: url(../imagens/icone_truck_topo.png) right center no-repeat;	
	padding-right: 30px;
	letter-spacing: 2.1px;
	line-height: 14px;
}
header ul.barra_preta li.right {
	float: right;
	display: inline-block;
	width: 33%;	
	padding-right: 17px;
	position: relative;
	top: -17px;
}
header ul.barra_preta li.right a {
	float: right;
	display: block;
	margin-left: 20px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	letter-spacing: 2.1px;
	line-height: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 16px;
	transition: all 0.18s ease-in;
}
header ul.barra_preta li.right a:hover {
	color: #fff;
}
header ul.barra_preta li.right a.bt_contato{
	background: url(../imagens/icon_email_topo.png) left center no-repeat;
	padding-left: 30px;
}
header ul.barra_preta li.right a.bt_atacado{
	background: url(../imagens/icone_atacado_topo.png) left center no-repeat;
	padding-left: 30px;
}
header ul.barra_preta li.right a.bt_minha_conta{
	background: url(../imagens/icon_conta_topo.png) left center no-repeat;
	padding-left: 30px;
}
header ul.barra_preta li.center {
	float: left;
	letter-spacing: 3.72px;
	line-height: 12px;
	color: #ffffff;
	text-align: center;
	width: 33%;	
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'avenir_roman';
	padding-top: 12px;
}

/* ###################
#### HEADER COMPRIMIDO
################### */
body.resumido{
	padding-top: 108px;
}
body.resumido header{
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.15);
}
body.resumido header div.barra_navegacao ul li{
	display: none;
}
body.resumido header div.direita {
	border-bottom: none;
	margin-top: -45px;
}
body.resumido header div.barra_middle form{
	bottom: 31px;
}

/* ###################
#### LOGO E PESQUISA
################### */
header div.barra_middle,
header div.barra_navegacao {
	margin-left: auto;
	margin-right: auto;
	width: 1180px;
}
header div.barra_navegacao {
	padding-left: 18px;
}
header div.barra_middle form {
	margin-left: 20px;
	margin-top: 33px;
	border-bottom: 1px solid #b2b2b2;
	height: 26px;
	position: absolute;
	left: 0;
	bottom: 42px;
	transition: all 0.38s ease-out;
	width: 150px;
}
header div.barra_middle form:hover{
	width: 326px;
}
header div.barra_middle form input.pesquisa {
	float: left;
	width: 300px;
	padding: 5px 5px 5px 0px;
	line-height: 12px;
	letter-spacing: 3.72px;
	border: none;
	font-size: 11px;
	text-transform: uppercase;
	color: #8a8a8a;
	font-family: 'avenir_medium';
	transition: all 0.08s ease-in;
}
header div.barra_middle form:hover input.pesquisa{
	color: #555;
}
header div.barra_middle form input.pesquisa::placeholder {
	opacity: 1;
	font-size: 11px;
}
header div.barra_middle form input.pesquisa::-webkit-input-placeholder {
	opacity: 1;
	font-size: 11px;
}
header div.barra_middle form input.botao {
	float: left;
	background: url(../imagens/icon_search.png) right no-repeat;
	width: 26px;
	height: 26px;
	border: none;
	position: absolute;
	top: -3px;
	right: 0;
	cursor: pointer;
}
header div.barra_middle h1 {
	margin-left: auto;
	margin-right: 474px;
	width: 170px;
	clear: both;
	margin-top: 15px;
	display: flex;
	align-self: center;
	align-items: center;
	justify-content: center;		
	height: 55px;
}
header div.barra_middle h1 img{
	display: block;
	max-width: 100%;
	max-height: 100%;
}
header div.barra_middle h1 span{
	display: block;
	text-indent: -999999px;
}
header div.direita {
	margin-right: 18px;
	width: 85px;
	float: right;
	border-bottom: 1px solid #b2b2b2;
	position: absolute;
	right: 0;
	margin-top: -25px;
}
header div.direita a.bt_carrinho {
	float: left;
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 2px;
	margin-bottom: 5px;
	background: url(../imagens/carrinho.png) center no-repeat;
	position: relative;
}
header div.direita a.bt_carrinho span{
	font-size: 11px;
	background: var(--active-color);
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-family: 'avenir_heavy';
	font-size: 9px;
	display: flex;
	align-items: center;
	justify-content: center;	
	position: absolute;
	top: -3px;
	right: -3px;
}
header div.direita a.bt_menu {
	float: right;
	display: inline-block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	padding: 2px;
}
header div.direita a.bt_menu span.barra_1{
	display: block;
	width: 30px;
	height: 2px;
	background: var(--active-color);
	margin-bottom: 7px;
	margin-top: 6px;
}
header div.direita a.bt_menu span.barra_2{
	display: block;
	width: 25px;
	height: 2px;
	background: var(--active-color);
	margin-bottom: 7px;
	margin-left: 5px;
}
header div.direita a.bt_menu span.barra_3{
	display: block;
	width: 20px;
	height: 2px;
	background: var(--active-color);
	margin-bottom: 7px;
	margin-left: 10px;
}
header div.barra_navegacao{
	display: flex;
	align-items: center;
	justify-content: center;
}
header div.barra_navegacao ul {
	display: inline-block;
	border-top: 1px solid #b2b2b2;
	margin-top: 15px;
}
header div.barra_navegacao ul li {
	display: inline-block;
	transition: all 0.08s ease-out;
}
header div.barra_navegacao ul li a {
	display: block;
	margin-left: 40px;
	text-decoration: none;
	margin-top: 13px;
	line-height: 12px;
	color: var(--base-color);
	font-family: 'avenir_medium';
	font-size: 11.85px; 
	text-transform: uppercase;
	letter-spacing: 3.72px;
	transition: all 0.08s ease-in;
}
header div.barra_navegacao ul li a:hover {
	color: var(--active-color);
}
header div.barra_navegacao ul li.selected a{
	border-bottom: 1px solid var(--active-color);
	color: var(--active-color);
	padding-bottom: 7px;
}
header div.barra_navegacao ul li:first-child a {
	margin-left: 0px;
}
header div.barra_navegacao ul li a.especial {
	margin-left: 35px;
}
header div.barra_navegacao ul li.bt_bazar a {
	margin-right: 0px;
	margin-left: 30px;
	padding: 8px 13px 7px 15px;
	border: 1px solid var(--active-color);
	color: var(--active-color);	
}
header div.barra_navegacao ul li.bt_bazar a:hover{
	color: #fff;
	background: var(--active-color);
}
/*###################
#### BANNER
################### */
section div.banner a.seta_left{
	display: block;
	width: 32px;
	height: 55px;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	left: 20px;
	z-index: 999;
	text-indent: -20000px;
	background: url(../imagens/seta_left.png) center center no-repeat;
	background-size: cover;
	opacity: 0.75;
	transition: all 0.08s ease-in;
}
section div.banner a.seta_right{
	display: block;
	width: 32px;
	height: 55px;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	right: 20px;
	z-index: 999;
	text-indent: -20000px;
	background: url(../imagens/seta_right.png) center center no-repeat;
	background-size: cover;	
	opacity: 0.75;
	transition: all 0.08s ease-in;
}
section div.banner a.seta_left:hover, section div.banner a.seta_right:hover{
	opacity: 1;
}
section div.banner {
	width: 100%;
	max-height: 545px;
	margin-top: -12px;
	position: relative;
	background: #efefef;
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;	
}
section div.banner ul li{
	display: flex;
	align-items: center;
	justify-content: center;
}
section div.banner ul li img{
	/*display: block;
	max-width: 1920px;*/
}
section div.condicoes {
	width: 847px;
	height: 90px;
	background: #ffffff;
	border-radius: 50px;
	box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.1);
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 99;
}
section div.condicoes ul.left {
	width: 33%;
}
section div.condicoes ul.left li { 
	float: left;
	display: inline-block;
	list-style: none;
	margin-left:38px;
	margin-top: 27px;
	background: url(../imagens/codbarras.png) left center no-repeat;
	padding-top: 2px;
}
section div.condicoes ul.left li p.normal { 
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_heavy';
	font-size: 13px;
	line-height: 12px;
	letter-spacing: 0.455px;
	text-transform: uppercase;
	margin-left: 44px;
	position: relative;
	top: 3px;
}
section div.condicoes ul.left li p.min { 
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_medium';
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.42px;
	margin-left: 44px; 
	position: relative;
	top: 2px;	
}
section div.condicoes ul.right {
	float: right;
	width: 33%
}
section div.condicoes ul.right li {
	float: right;
	display: inline-block;
	list-style: none;
	margin-right: 50px;
	margin-top: 28px;
	background: url(../imagens/truck2.png) left center no-repeat;
	padding-left: 45px;
}
section div.condicoes ul.right li p.normal {
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_heavy';
	font-size: 13px;
	line-height: 10px;
	letter-spacing: 0.455px;
	text-transform: uppercase;
	position: relative;
	top: 3px;
}
section div.condicoes ul.right li p.min {
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_medium';
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.42px;
	position: relative;
	top: 2px;	
}
section div.condicoes ul.center {
	display: inline-block;
	float: left;
	padding-left: 109px;
}
section div.condicoes ul.center li { 
	display: inline-block;
	list-style: none;
	margin-top: 28px;
	background: url(../imagens/cartao.png) left center no-repeat;
}
section div.condicoes ul.center li p {
	padding-left: 50px;
}
section div.condicoes ul.center li p.normal {
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_heavy';
	font-size: 13px;
	line-height: 10px;
	letter-spacing: 0.455px;
	text-transform: uppercase;
	position: relative;
	top: 3px;
}
section div.condicoes ul.center li p.min {
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_medium';
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.42px;
	position: relative;
	top: 2px;	
}
section div.nossas-promocoes {
	margin: 0 auto;
	text-align: center;
}
section div.nossas-promocoes p {
	display: block;
	margin-top: 57px;
	font-family: 'avenir_heavy';
	font-size: 32px;
	letter-spacing: 13.02px;
	line-height: 14.4px;
	color: var(--base-color);
	text-transform: uppercase;
	margin-bottom: 40px;
}
section div.sombra {
	display: inline-block;
	width: 100%;
	box-shadow: 1px -5px 7px #ededed;
}
section div.sombra p {
	text-indent: -9999px;
}
/*#####################
####### MENU PROTUDOS
###################### */
section div.barra-produtos { 
	margin: 0 auto;
	text-align: center;
	margin-top: -2px;
}
section div.barra-produtos .right{
	margin-left: 40px;
	position: relative;
}
section div.barra-produtos .right b{
	position: absolute;
	right: 15px;
	top: 4px;	
	font-size: 12px;
	color: var(--active-color);
}
section div.barra-produtos label {
	font-family: 'avenir_heavy';
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 3.72px;
	text-transform: uppercase;
}
section div.barra-produtos .fundo{
	position: relative;
}
section div.barra-produtos .fundo b{
	position: absolute;
	right: 0;
	top: 4px;	
	font-size: 12px;
	color: var(--active-color);
}
section div.barra-produtos label.ultima {
	margin-right: 5px;
}
section div.barra-produtos select {
	display: inline-block;
	appearance: none;
	/*background: url(../imagens/seta.png) right center no-repeat;*/
	color: var(--active-color);
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 3.72px;
	font-family: 'avenir_medium';
	border: none;
	text-transform: uppercase;
	padding-right: 15px;
	margin-left: 40px;
	cursor: pointer;
	border-bottom: 1px solid var(--active-color);
	padding-bottom: 7px;
}
section div.barra-produtos select.caixa-amarela {
	margin-left: 5px;
	text-decoration: none;
	border: 1px solid var(--active-color);
	padding: 14px 30px 14px 18px;
}
section div.barra-produtos h3 a {
	display: none;
}
/*#####################
####### PROTUDOS
###################### */
section div.produtos{
	margin: 0 auto;
	text-align: center;
	margin-top: 29px;
}
section div.produtos h2.sem_resultados{
	font-family: 'avenir_heavy';
	font-weight: normal;
	text-align: center;
	display: table;
	width: 915px;
	color: var(--base-color);
}
section div.produtos figure.estrelas{
	opacity: 0;
}
section div.produtos ul {
	display: grid;
	flex-wrap: wrap;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
}
section div.produtos ul {
	display: grid;
	flex-wrap: wrap;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
}
#produto_produtos div.produtos ul,
#home div.produtos ul,
#home2 div.produtos ul{
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: repeat(4, 1fr);
}
#home2{
	padding-top: 45px;
}
section div.produtos li {
	display: block;
	float: left;
	border: 1px solid #d5d5d5;
	list-style: none;
	width: 282px;
	height: 420px;
	position: relative;
	margin-bottom: 16px;
	transition: all 0.18s ease-in;
	overflow: hidden;
	background: linear-gradient(to bottom, #f3f3f3f3 280px, #fff 140px); 
}
section div.produtos li:hover{
	border: 1px solid var(--active-color);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.10);
}
.mascara_nova{
	background: #f5f5f5;
	width: 100%;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;		
	text-align: center;
	position: relative;
	overflow: hidden;
}
.lehonacombr .mascara_nova{
	height: 420px;
}
.lehonacombr section div.produtos li{
	height: 560px;
}
.mrknycombr .mascara_nova{
	height: 420px;
}
.mrknycombr section div.produtos li{
	height: 560px;
}
.mascara_nova img, .body_produtos .mascara_nova img{
	mix-blend-mode: multiply;	
	display: inline-block;
	height: 100%;
	object-fit: contain;
}
.vertical img{
	display: block;
	height: auto;
	width: 282px;
}
.horizontal img, .body_produtos .horizontal img{
	display: block;
	height: auto;
	width: 100%;
}
/*section div.produtos li .mask_imagem_produto{
	width: 100%;
	height: 300px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;	
	background: #f5f5f5;
	overflow: hidden;
}
section div.produtos li .mask_imagem_produto img{
	display: inline-block;
	height: 115%;
	mix-blend-mode: multiply;
}
.classiccosmeticoscombr section div.produtos li .mask_imagem_produto{
	height: 280px;
}*/
.classiccosmeticoscombr section div.produtos li {
	height: 450px;
}
section div.produtos li.primeira {
	margin-left: 0px;
}
section div.produtos ul li a {
	text-decoration: none;
	display: inline-block;
	text-align: left;
}
section div.produtos ul li a img.foto {
	/*width: 282px;*/
}
b.selo_desconto {
	position: absolute;
	z-index: 1;
	top: 332px;
	right: 5px;
	display: block;
	width: 48px;
	height: 36px;
	padding-top: 12px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 1px -3px 3px #ddd;
	background: var(--active-color);
	color: #fff;
	font-size: 15px;
	font-family: 'avenir_heavy';
	text-align: center;
	line-height: 13px;	
	letter-spacing: -1px;
	transition: all 0.18s ease-in;
}
b.selo_desconto i{
	display: block;
	font-family: 'avenir_light';
	font-style: normal;
	font-size: 11px;
}
section div.produtos ul li:hover b.selo_desconto{
	box-shadow: 1px -3px 9px #ccc;
}
section div.produtos li .precos{
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
}
section div.produtos ul li a img.estrela-primeira {
	display: inline-block;
	padding-left: 18px;
	padding-top: 10px;
	font-size: 13px;
}
section div.produtos ul li a p.nome-produto {
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	font-family: 'avenir_medium';
	color: var(--base-color);
	margin-top: 18px;
	margin-left: 23px;
}
section div.produtos ul li a p.pequeno {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	font-family: 'avenir_medium';
	text-decoration: line-through;
	color: #9c9a9a;
	padding-top: 9px;
	margin-left: 23px;
}
section div.produtos ul li a p.grande {
	display: inline-block;
	font-size: 21px;
	line-height: 17px;
	font-family: 'avenir_heavy'; 
	color: var(--base-color);	
	margin-left: 23px;
	font-weight: bold;
}
section div.produtos ul li a p.parcelas {
	font-size: 13px;
	line-height: 22px;
	font-family: 'avenir_medium';
	color: #9c9a9a;
	padding-top: -4px;
	padding-left: 23px;
	padding-bottom: 30px;
}
section div.paginacao{
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.10);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	z-index: 9999;
}
section div.paginacao .center {
	width: 1160px;
	margin: 0 auto;
	position: relative;
	left: -9px;
}
section div.paginacao h2{
	float: left;
	display: inline-block;
	font-size: 20px;
	position: relative;
	top: 13px;
	opacity: 0.8;
	font-family: 'avenir_light';
	font-weight: normal;
}
section div.paginacao ul{
	padding-top: 10px;
	padding-bottom: 10px;
	float: right;
}
section div.paginacao ul li{
	display: inline-block;
}
section div.paginacao ul li a{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #8d8d8d;
	font-size: 13px;
	font-weight: 700;
	border-radius: 4px;
	display:flex;
	justify-content:center;
	align-items:center;	
	border: 1px solid var(--base-color);	
	color: var(--base-color);	
	opacity: 0.7;
}
section div.paginacao ul li.selected a{
	border: 1px solid var(--active-color);	
	color: #fff;	
	background: var(--active-color);
}
section div.paginacao ul li a:hover{
	opacity: 1;
}
section div.paginacao ul li a.selected{
	background: #7fe7ff;
	color: #fff;
}

/*#####################
####### BANNER 2
###################### */
section div.banner-2 {
	margin-bottom: 60px;
	overflow-x: hidden;
	display: flex;
	align-items: center;
	justify-content: center;	
}
section div.nossa-indicacao {
	margin: 0 auto;
	text-align: center;
}
section div.nossa-indicacao p {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 32px;
	line-height: 14.4px;
	letter-spacing: 13.02px;
	color: #919191;
	text-transform: uppercase;
	margin-bottom: 16px;
}
section div.nossa-indicacao-2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
}
section div.nossa-indicacao-2 p {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 28px;
	line-height: 14.4px;
	letter-spacing: 6px;
	color: #919191;
	text-transform: uppercase;
	margin-bottom: 16px;
}

/*#####################
####### FAIXA DE FOTOS BOTTOM
###################### */
section div.imagens_fim {
	margin: 0 auto;
	text-align: center;
	max-width: 1180px;
}
section div.imagens_fim ul {
	list-style: none;
}
section div.imagens_fim ul li {
	display: inline-block;
	margin-right: 15.5px;
}
section div.imagens_fim ul li:last-child {
      margin-right: 0;
}
section div.imagens_fim ul li p.primeira {
	text-indent: -9999px;
	width: 380px;
	height: 570px;
	display: inline-block;
	transition: all 0.13s ease-in;
}
section div.imagens_fim ul li p.primeira:hover{
	box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
section div.imagens_fim ul li p.segunda {
	text-indent: -9999px;
	width: 380px;
	height: 570px;
	display: inline-block;
}
section div.imagens_fim ul li p.terceira {
	text-indent: -9999px;
	width: 380px;
	height: 570px;
	display: inline-block;
}
section div.imagens_fim ul li label {
	text-align: center;
	display: inline-block;
	color: var(--base-color);
	font-size: 18px;
	letter-spacing: 3px;
	line-height: 14.4px;
	font-family: 'avenir_heavy';
	text-transform: uppercase;
	margin-top: 28px;
}
section div.imagens_fim ul li span{
	text-align: center;
	display: inline-block;
	color: var(--active-color);
	border: 1px solid var(--active-color);
	font-family: 'avenir_heavy';
	font-size: 12px;
	letter-spacing: 3.72px;
	line-height: 14.4px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 9px 18px 13px 27px;
	margin-top: 15px;
	width: 64px; 
	height: 10px;
	transition: all 0.18s ease-in;
}
section div.imagens_fim ul li:hover span{
	color: #fff;
	background: var(--active-color);
}
/*#####################
####### FOOTER
###################### */
footer div.ofertas {
	width: 100%;
	height: 90px;
	background: #e7e7e7;
	margin-top: 60px;
	margin-bottom: 35px;
}
footer div.ofertas ul {
	width: 1180px;
	text-align: center;
	margin: 0 auto;
}
footer div.ofertas ul li {
	list-style: none;
	float: left;
}
footer div.ofertas ul li p {
	display: inline-block;
	margin-top: 38px;
	margin-right: 114px;
	font-family: 'avenir_heavy';
	font-size: 14px;
	line-height: 14.4px;
	letter-spacing: 3.72px;
	text-transform: uppercase;
	color: #010101;
}
footer div.ofertas ul li input.email {
	display: inline-block;
	margin-top: 40px;
	padding-left: 1px;
	border: none;
	width: 316px;
	font-family: 'avenir_medium';
	font-size: 13px;
	line-height: 14.4px;
	letter-spacing: 3.25px;
	border-bottom: 1px solid #b7b7b7;
	color: #010101;
	background: #e7e7e7;
	padding-bottom: 15px;
}
footer div.ofertas ul li input.email::placeholder {
	/*font-family: 'avenir_medium';*/
	opacity: 1;
	color: #010101;
}
footer div.ofertas ul li input.email::-webkit-input-placeholder { /* Edge */
	font-family: 'avenir_medium';
}
footer div.ofertas ul li button {
	display: inline-block;
	margin-left: 110px;
	background: var(--active-color);
	color: #ffffff;
	font-family: 'avenir_heavy';
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 3.72px; 
	text-transform: uppercase;
	padding: 10px 21px 11px 25px;
	border: none;
	width: 112px;
	cursor: pointer;
	opacity: 0.7;
	transition: all 0.08s ease-in;
}
footer div.ofertas ul li button:hover{
	opacity: 1;
}
footer div.colunas {
	margin: 0 auto;
	width: 1180px;
	margin-bottom: 45px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	column-gap: 25px;
	box-sizing: border-box;
	padding-right: 133px;
}
footer div.colunas ul {
	display: inline-block;
	list-style: none;
	float: left
}
footer div.colunas .links_categorias{
	position: relative;
	overflow: hidden;
	max-height: 150px;
	transition: all 0.08s ease-in;
}
footer div.colunas .links_categorias_aberto{
	max-height: none;
}
footer div.colunas ul.links {
	/*margin-right: 155px;*/
}
footer div.colunas ul.pagamento {
	margin-left: -2px;
}
footer div.colunas ul.direita {
	/*margin-left: 121px;*/
}
footer div.colunas ul li a {
	display: inline-block;
	text-decoration: none;
}
footer div.colunas ul li p.titulo {
	font-family: 'avenir_heavy';
	font-size: 12px;
	line-height: 18px;
	color: #010101;
}
footer div.colunas ul.links li a {
	margin-top: 8px;
	font-family: 'avenir_medium';
	font-size: 12px;
	line-height: 18px;
	color: #010101;
}
footer div.colunas ul.pagamento li p.cartoes {
	text-indent: -99999px;
	margin-top: 20px;
	width: 256px;
	height: 106px;
	display: inline-block;
	background: url(../imagens/cartoes.png) left center no-repeat;
}
footer div.colunas ul.direita {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}
footer div.colunas ul.direita .social {
	display: flex;
	flex-direction: row;
	column-gap: 3px;
	margin-top: 32px;
	margin-left: 32px;
}
footer div.colunas ul.direita a.btn_face {
	float: left;
	display: inline-block;
	text-indent: -99999px;
	background: url(../imagens/facebook.png) center no-repeat;
	height: 15px;
	width: 8px;
}
footer div.colunas ul.direita a.btn_insta {
	display: inline-block;
	text-indent: -99999px;
	background: url(../imagens/insta.png) center no-repeat;
	width: 14px;
	height: 14px;
}
footer div.direitos {
	width: auto;
	text-align: center;
	border-top: 1px solid #d9d9d9; 
}
footer div.direitos p {
	display: inline-block;
	font-family: 'avenir_light';
	font-size: 14px;
	line-height: 18px;
	color: #414141;
}
footer div.direitos p a{
	font-family: 'avenir_light';
	font-size: 14px;
	color: #414141;	
}
footer div.direitos p.primeiro {
	margin-top: 28px;
}
footer div.direitos p.final {
	display: table;
	font-family: 'avenir_light';
	font-size: 14px;
	line-height: 14.4px;
	color: #898686;
	margin-top: 14px;
	margin-bottom: 25px;
	width: 100%;
}
footer div.direitos p.final a {
	font-family: 'avenir_light';
	font-size: 14px;
	color: #898686;	
}
/*#####################
####### SEGUNDA TELA -  PRODUTOS
###################### */
.body_produtos img{
	display: none;
}
.body_produtos .produto-esquerda img{
	display: block;
}
.body_produtos .lg-thumb-item img{
	display: block;
}
.bloco_thumbs{
	max-height: 1px;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 85px;
	opacity: 0;
	transition: all 0.08s ease-in;
}
#inicial-produto {
	box-shadow: 1px -5px 5px #ededed;
}
 section div.center-produto {
 	margin: 0 auto;
 	margin-bottom: 3.75em;
 	margin-top: 1.875rem;
 	display: grid;
 	justify-content: center;
 	grid-template-columns: auto auto;
 	max-width: 1180px;
 }
section div.produto-esquerda {
	position: relative;
	margin-top: 4.5rem;
	/* border-right: 2px solid #b2b2b2; */
}
section div.produto-esquerda article {
	position: sticky;
	top: 122px;
}
section div.produto-esquerda .margem-amarela {
	appearance: none;
	position: absolute;
	top: 1px;
	right: 0px;
	background: #b2b2b2;
	displa: flex;
	width: 2px;
	height: 100%;
	outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
section div.produto-esquerda .margem-amarela::-webkit {
	left: 150px;
}
section div.produto-esquerda .margem-amarela::-webkit-slider-thumb {
  -webkit-appearance: none;
	-webkit-appearance: slider-vertical;
  appearance: none;
  width: 6px;
  height: 29px;
  background: var(--active-color);
  cursor: pointer;
	border: none;
	border-radius: 10px;
}
section div.produto-esquerda .margem-amarela::-moz-range-thumb {
  width: 6px;
  height: 29px;
  background: var(--active-color);
  cursor: pointer;
	-webkit-appearance: slider-vertical;
	border: none;
}
section div.produto-esquerda figure.modelo-produto img {
	width: 550px;
}
section div.produto-esquerda p{
	font-family: 'avenir_light';
	font-size: 12px;
	line-height: 1rem;
	color: #b5b5b5;
	text-transform: uppercase;
	position: absolute;
	right: 1.5rem;
	bottom: 1.865rem;
}
section div.btn-imagens-esquerda {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 23px;
	right: 10px;
}
section div.btn-imagens-esquerda b.selo_desconto{
	position: static;
	margin-top: 15px;
}
section div.btn-imagens-esquerda button {
	margin-bottom: 5px;
	border:none;
	cursor: pointer;
}
section div.btn-imagens-esquerda button figure img {
	border: 1px solid #ddd;
	max-width: 70px;
	transition: all 0.08s ease-in;
}
section div.btn-imagens-esquerda button figure img:hover {
	border: 1px solid var(--active-color);
}
section div.produto-direita {
	margin-top: 110px;
	margin-left: 4.625rem;
}
section div.produto-direita h2.titulo {
	font-family: 'avenir_heavy';
	font-size: 32px;
	line-height: 34px;
	letter-spacing: -1.1px;
	color: var(--base-color);
	text-transform: uppercase;
	font-weight: normal;
	max-width: 350px;
}
section div.produto-direita p.ref {
	font-family: 'avenir_medium';
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: -1.1px;
	color: #8f8f8f;
	text-transform: uppercase;
	margin-bottom: 2.5rem;
}
section div.produto-direita p.tamanhos {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 4.34px;
	text-transform: uppercase;
	color: #ffffff;
	background: #c2c2c2;
	padding: 0.625rem 0.813rem;
	margin-bottom: 0.813rem;
}
section div.produto-direita ul li {
	list-style: none;
}
section div.produto-direita ul li.btn-tamanhos button {
	padding: 0.688rem 0.625rem;
	border: 1px solid #c2c2c2;
	background: #ffffff;
	color: var(--base-color);
	margin-right: -3px;
	margin-bottom: 0.813rem;
	cursor: pointer;
}
section div.produto-direita ul li.btn-tamanhos button:hover {
	color: var(--active-color);
	border: 1px solid var(--active-color);
}
section div.produto-direita p.tab-medidas {
	display: inline-block;
	font-family: 'avenir_medium';
	font-size: 0.813rem;
	line-height: 1.5rem;
	letter-spacing: 1.56px;
	color: var(--base-color);
	padding-left: 2.875rem;
	background: url(../imagens/regua.png) left no-repeat;
	margin-bottom: 2.75rem;
}
section div.produto-direita h3.cores {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 4.34px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.563rem 0.875rem 0.625rem 0.813rem;
	margin-bottom: 0.688rem;
	background: #c2c2c2;
}
section div.produto-direita a.redondo {
	background: #ffffff;
	border: 1px solid #c4c4c4;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	position: ;
	cursor: pointer;
	float: left;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 3px;
}
section div.produto-direita a.redondo figure {
	display: block;
	max-height: 47px;
	max-width: 47px;
}
section div.produto-direita .variacoes{
	display: none;
	padding-bottom: 20px;
}
section div.produto-direita .variacoes h4{
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 4.34px;
	color: #414141;
	text-transform: uppercase;
}
section div.produto-direita .variacoes ul{
  display: table;
  width: 100%;
}
section div.produto-direita .variacoes ul li{
  display: inline-block;
  background: #dedede;
  padding: 5px 13px 7px 13px;
  border-radius: 4px;
  font-size: 14px;
  float: left;
  font-family: 'avenir_roman';
  margin-right: 5px;
  margin-top: 10px;
  cursor: pointer;
  transition: all 0.02s ease-in;
}
section div.produto-direita .variacoes ul li.selected{
  padding: 2px 9px 4px 9px;
  border: 2px solid var(--active-color);
  color: var(--active-color);
  background: none;
  font-family: 'avenir_heavy';
}
.comprar-agora {
	margin-top: 60px;
}
section div.comprar-agora {
	display: flex;
	margin-bottom: 3.95rem;
}
section div.comprar-agora ul.esquerda {
	list-style: none;
	position: relative;
	background: #efefef;
	width: 198px;
	height: 100px;
}
section div.comprar-agora ul.esquerda p {
	display: inline-block;
}
section div.comprar-agora ul.esquerda p.pequeno {
	font-family: 'avenir_heavy';
	font-size: 18px;
	line-height: 16px;
	letter-spacing: 0px;
	color: #787878;
	margin-left: 2.1875rem;
	padding-right: 3px;
}
section div.comprar-agora ul.esquerda p.grande {
	font-family: 'avenir_heavy';
	font-size: 30px;
	line-height: 10px;
	letter-spacing: -1.56px;
	color: #787878;
	margin-top: 40px;
}
section div.comprar-agora ul.esquerda p.voador {
	position: absolute;
	top: 31px;
	margin-left: 2px;
	font-size: 16px;
}
section div.comprar-agora ul.esquerda p.pequeno-2 {
	font-family: 'avenir_medium';
	font-size: 12px;
	line-height: 1.19rem;
	color: #787878;
	margin-left: 2.1875rem;
	position: relative;
}
section div.comprar-agora ul.esquerda p.pequeno-3 {
	font-family: 'avenir_medium';
	font-size: 12px;
	line-height: 1.19rem;
	letter-spacing: 0.4px;
	color: #787878;
	position: absolute;
	left: 35px;
	top: 11px;
}
section div.comprar-agora ul.esquerda p.pequeno-3 span{
	text-decoration: line-through;
}
.bt_sem_estoque{
	background: var(--base-color);
	border: none;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	height: 100px;
	width: 170px;
	opacity: 0.9;
	transition: all 0.08s ease-in;	
	opacity: 0.7;
}
.bt_sem_estoque p{
	font-family: 'avenir_heavy';
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.6px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 2.44rem 4.7rem 2.19rem 1.8rem;
	margin-right: 1.2rem;
	margin-top: -5px;
	text-align: right;
	display: inline-block;
	transition: all 0.08s ease-in;
}
section div.comprar-agora ul.direita button {
	background: var(--active-color);
	border: none;
	cursor: pointer;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	height: 100px;
	width: 170px;
	opacity: 0.9;
	transition: all 0.08s ease-in;
}
section div.comprar-agora ul.direita button:hover{
	opacity: 1;
}
section div.comprar-agora ul.direita button p {
	font-family: 'avenir_heavy';
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.6px;
	color: #ffffff;
	text-transform: uppercase;
	padding: 2.44rem 4.7rem 2.19rem 1.8rem;
	background: url(../imagens/carrinho-produtos.png) 111px center no-repeat;
	margin-right: 1.2rem;
	margin-top: -5px;
	text-align: right;
	display: inline-block;
	transition: all 0.08s ease-in;
}
section div.comprar-agora ul.direita button:hover p{
	background: url(../imagens/carrinho-produtos.png) 114px center no-repeat;
}
section div.produto-direita legend {
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 4.34px;
	color: #414141;
	text-transform: uppercase;
	margin-bottom: .9375rem;
}    
section div.produto-direita ul.descricao{
	max-width: 400px;
}
section div.produto-direita ul.descricao li p,
section div.produto-direita ul.descricao li p span {
	color: #454545 !important;
	font-family: 'Helvetica Neue' !important;
	font-size: 16px !important;
	line-height: 28px !important;
	letter-spacing: 0.42px !important;
}
section div.condicoes-produto {
	display: grid;
	width: 1180px;
	margin: 0 auto;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto;
	box-shadow:  10px 10px 15px #ededed, -10px -10px 15px #ededed;;
	border-radius: 50px;
	justify-content: space-between;
	margin-bottom: 51px;
}
section div.condicoes-produto ul {
	list-style: none;
	padding-top: 1.813rem;
	padding-bottom: 1.875rem;
}
section div.condicoes-produto ul p.normal {
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_heavy';
	font-size: 0.8125rem;
	line-height: 0.875rem;
	letter-spacing: 0.455px;
	text-transform: uppercase;
}
section div.condicoes-produto ul p.min {
	display: inline;
	color: var(--base-color);
	font-family: 'avenir_medium';
	font-size: 0.75rem;
	line-height: 0.875rem;
	letter-spacing: 0.42px;
}
section div.condicoes-produto ul.left {
	background: url(../imagens/codbarras.png) left 1.8rem no-repeat;
	margin-left: 3.375rem;
}
section div.condicoes-produto ul li{
	position: relative;
	display: inline-block;
}
section div.condicoes-produto ul li span{
	display: block;
	width: 8px;
	height: 8px;
	background: var(--base-color);
	border-radius: 50%;
	position: absolute;
	top: 13px;
	right: -132px;
	opacity: 0.75;
}
section div.condicoes-produto ul.left li p {
	margin-left: 3rem;
}
section div.condicoes-produto ul.center {
	background: url(../imagens/cartao.png) left 2rem no-repeat;
}
section div.condicoes-produto ul.center li p {
	margin-left: 3rem;
}
section div.condicoes-produto ul.right {
	background: url(../imagens/truck2.png) left 2rem no-repeat;
	margin-right: 3.1875rem;
}
section div.condicoes-produto ul.right li p {
	margin-left: 3rem;
}
/*#####################
####### TELA DE LISTAGEM 
###################### */
#listagem-grid {
	width: 1181px;
	margin: 0 auto;
	display: flex;
}
div.sombra-listagem {
	width: 100%;
	box-shadow: 1px -5px 5px #ededed;
	margin-top: 1.875rem;
}
div.sombra-listagem p {
	display: inline-block;
	text-indent: -999999px;
}
aside {
	order: 1;
	margin-right: 1.6rem;
	margin-top: 3.375rem;
}
#listagem-grid aside .bt_todas_categorias_mobile {
	display: none;
}
section#home, #listagem-grid section{
	order: 2;
	margin-top: 1.5625rem;
}
aside label.categorias {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 2.5px;
	color: #ffffff;
	background: #c2c2c2;
	padding: 9px 7px 8px 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
aside ul {
	list-style: none;
}
aside ul.lista-categorias li a {
	text-decoration: none;
	display: block;
	font-family: 'avenir_medium';
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0.5px;
	color: var(--base-color);
	text-transform: uppercase;
	opacity: 0.8;
}
aside ul.lista-categorias li a:hover {
	text-decoration: underline;
}
aside ul.lista-categorias li.selected a{
	color: var(--active-color);
	text-decoration: underline;
	opacity: 1;
}
aside ul.lista-categorias li:last-child {
	margin-bottom: 2rem;
}
aside label.tamanhos {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 4.34px;
	color: #ffffff;
	background: #c2c2c2;
	text-transform: uppercase;
	padding: 8px 9px 8px 13px;
	margin-bottom: 11px;
}
aside ul li.btn-tamanhos button {
	font-family: 'avenir_medium';
	font-size: 0.8125rem;
	line-height: 1.5rem;
	letter-spacing: 1.56px;
	color: var(--base-color);
	margin-right: -2px;
	margin-bottom: 1px;
	background: #ffffff;
	border: 1px solid #c2c2c2;
	padding: 10px 10px 10px 10px;
	cursor: pointer;
}
aside ul li.btn-tamanhos button:hover {
	color: var(--active-color);
	border: 1px solid var(--active-color);
}
aside ul.botoes {
	margin-bottom: 2.25rem;
}
aside label.caracteristicas {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 4.34px;
	color: #ffffff;
	background: #c2c2c2;
	text-transform: uppercase;
	padding: 8px 8px 9px 13px;
	margin-bottom: 10px;
}
aside ul.opcoes select {
	font-family: 'avenir_medium';
	font-size: 0.8125rem;
	line-height: 1.5rem;
	letter-spacing: 1.56px;
	color: var(--base-color);
	border: 1px solid #c2c2c2;
	background: #ffffff;
	padding: 8px 0px 7px 11px;
	width: 249px;
	margin-bottom: 3px;
	appearance: none;
	background: url(../imagens/seta-listagem.png) 95% center no-repeat;
	background-size: 12px auto;
	cursor: pointer;
	transition: all 0.18s ease-in;
}
aside ul.opcoes select:hover{
	border: 1px solid var(--active-color);
}
aside ul.opcoes li:last-child {
	margin-bottom: 2.5rem;
}
aside label.cor-estampa {
	display: inline-block;
	font-family: 'avenir_heavy';
	font-size: 0.875rem;
	line-height: 0.9rem;
	letter-spacing: 4.34px;
	color: #ffffff;
	background: #c2c2c2;
	text-transform: uppercase;
	padding: 8px 10px 8px 13px;
	margin-bottom: 11px;
}
aside ul.btn-cor-estampa li button {
	width: 38px;
	height: 35px;
	margin-right: -3px;
	margin-bottom: 1px;
	border: none;
	cursor: pointer;
}
aside ul.btn-cor-estampa li button.estampa-1 {
	background: url(../imagens/estampa-1.png) -100px center no-repeat;
}
aside ul.btn-cor-estampa li button.estampa-2 {
	background: url(../imagens/estampa-2.png) -420px center no-repeat;
}
aside ul.btn-cor-estampa li button.estampa-3 {
	background: url(../imagens/estampa-3.png) -400px center no-repeat;
}
aside ul.btn-cor-estampa li button.estampa-4 {
	background: url(../imagens/estampa-4.png) -400px center no-repeat;
}
footer div.listagem {
	margin-top: 69px;
}

#video_hara {
	display: none;
}

/* ###################
#### CUSTOM
################### */
.espadasdobrasilcombr section div.produto-esquerda figure.modelo-produto{
	width: 550px;
	min-height: 550px;
	margin-right: 185px;
	background: #f9f9f9;
	display: inline-flex;
	align-items: center;
	justify-content: center;	
}
/*.haraateliercom * {
	font-family: 'josefin_slabthin';
}*/
.haraateliercom header div.barra_navegacao ul li.bt_bazar a {
	display: none;
}
.haraateliercom footer div.ofertas ul {
	display: none;
}
.haraateliercom section div.condicoes ul.left,
.haraateliercom section div.condicoes-produto ul.left {
	display: none;
}
.haraateliercom section div.condicoes ul.right,
.haraateliercom section div.condicoes ul.center {
	width: 50%;
	box-sizing: border-box;
}
.haraateliercom section div.condicoes-produto {
	grid-template-columns: repeat(2, 1fr);
	width: 600px;
}
.haraateliercom section div.condicoes-produto ul.center {
	margin-left: 46px;
}
.haraateliercom section div.condicoes-produto ul.right {
	margin-right: 0;
	margin-left: 52px;
}
.haraateliercom section div.condicoes ul.center {
	padding-left: 46px;
}
.haraateliercom section div.condicoes-produto ul li span {
	display: none;
}
.haraateliercom section div.condicoes {
	width: 600px;
	margin-bottom: 42px;
	display: none;
}
.haraateliercom footer div.colunas ul.links li a.bt_promocoes {
	display: none;
}
.haraateliercom footer div.colunas ul.direita {
	display: none;
}
.haraateliercom section div.nossas-promocoes p,
.haraateliercom section div.nossa-indicacao p {
	display: none;
}
.haraateliercom #video_hara {
	display: inline-block;
	width: 100%;
	margin-bottom: 42px;
}
.haraateliercom #video_hara .centro {
	display: flex;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}
.haraateliercom #video_hara .centro .mask_img {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	border-radius: 4px;
	overflow: hidden;
}
.haraateliercom #video_hara .centro .mask_img video {
	width: 100%;
}
.haraateliercom #video_hara .centro .mask_img video.v_mobile {
	display: none;
}
.haraateliercom section div.banner {
	display: none;
}
.haraateliercom header div.barra_middle h1 {
	margin-left: auto;
	margin-right: auto;
}
.haraateliercom #menu_mobile ul.main li a {
	font-size: 13px;
}
.haraateliercom section div.produtos ul li a {
	width: 100%;
}
.haraateliercom .mascara_nova {
	background: #ffff;
}
.haraateliercom main.sobre_kny #top .direita .passador {
	display: none;
}
.haraateliercom main.sobre_kny #top .esquerda p {
	background: url(../fotos/haraatelier.com/imagens/aspas.png) top left no-repeat;
}
.haraateliercom footer div.ofertas {
	height: 20px;
}
.haraateliercom #agradecimento span.status {
	text-indent: -99999px;
}
.haraateliercom #agradecimento span.status:nth-of-type(1) {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.haraateliercom #agradecimento span.status:nth-of-type(1) b {
	margin-top: 10px;
}
.haraateliercom #agradecimento span.status.normal,
.haraateliercom #agradecimento span.status b {
	text-indent: 0;
}
@media(max-width:1000px) {
	.haraateliercom section div.condicoes {
		display: none;
	}
	.haraateliercom #video_hara .centro .mask_img {
		border-radius: 0;
	}
	.haraateliercom section div.condicoes-produto ul.center {
		margin-left: 0;
	}
}