@font-face { font-family: Oswald-Medium; src: url('../fonts/Oswald-Medium.ttf'); }
@font-face { font-family: Oswald-Regular; src: url('../fonts/Oswald-Regular.ttf'); }
@font-face { font-family: Oswald-Light; src: url('../fonts/Oswald-Light.ttf'); }

@font-face { font-family: Roboto-Regular; src: url('../fonts/Roboto-Regular.ttf'); }

/* ----------------------------- Vars */
:root {

	--cor-cinza1: #f7f7f7;
	--cor-cinza12: #f2f2f2;
	--cor-cinza2: #e8e8e8;
	--cor-cinza3: #141414;

	--cor-verde1: #35b303;

	--tam1: 1502px;
	--tam2: 1000px;
}


*{box-sizing:border-box;}

body{
	font-family: Oswald-Regular;
	color:var(--cor-cinza3);
}

a{
	color: inherit;
	text-decoration: none;
}

a:hover img{
	opacity: 0.8
}

.container-fluid{
	max-width:var(--tam1);
	text-align: left;
}

.shm{
	display: none;
}

input,select,button{
	padding:15px;
	/* margin:5px; */
	font-size:18px;
	/* min-width:150px; */
}

input[type=radio]
,input[type=checkbox]{
	min-width: auto;
}

label{
	display:block
}

label input,label select,label button{
	padding:10px;
	/* margin:5px 10px; */
	font-size:18px;
	/* min-width:250px; */
}

.bt, button{
	background:#FFF;
	border:1px solid var(--cor-cinza3);
	color:#6f6f6f;
	display:inline-block;
	text-align: center;
	padding:10px;
}

.bt:hover, button:hover{
	background:#EEE;
	cursor:pointer
}

.bt.verde, button.verde{
	/* width:253px; */
	background:var(--cor-verde1);
	color:#FFF;
/* 	font-size: 28px; */
	/* padding:9px; */
	vertical-align:middle;
	border-color:var(--cor-verde1);
	min-width: 150px;
}

.w50p label span{
	width:125px;
	display:inline-block;
	text-align:right
}

.w50p h1{
	padding-left:138px;
	border:0;
}

.tam2{
	max-width: var(--tam2)
}

/* ----------------------------- ATTR */
.fleft{float:left; }
.fright{float:right;}
.aleft{text-align:left;}
.aright{text-align:right;}
.cboth{	clear: both;}
.over{	overflow: hidden;}
.dblock{ display: inline-block; }
.middle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.ellipsis{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.table{display: table;width: 100%;}
.table .tr{display: table-row;}
.table .tr .td{	display: table-cell;}
.brl:before{ content:"R$ ";}
.w50p{ width:50%; float:left}

header{
	background:var(--cor-cinza1);
	overflow:hidden;
	padding:0px 10px;
}

.bar{
	padding: 40px 0px 30px 0px;
	border-bottom:1px solid var(--cor-cinza2);
	font-family:Oswald-Regular;
	font-size:18px;
	text-transform:uppercase;
}

.bar a{
	padding:0px 5px;
	margin:0px 10px;
}

.bar a:hover{
	text-decoration:underline
}

.bar .sub{
	background:#FFF;
	position:absolute;
	left:0%;
	transform:translate(-5px,23px);
	box-shadow:0px 10px 10px #EEE;
	text-align:left;
	display:none;
	z-index:9;
	white-space:nowrap;
	min-width:100%
}

.bar .item{
	position:relative;
	display:inline-block;
}

.bar .item:hover .sub{
	display:inline-block;
}

.bar .sub a{
	display:block;
	padding:10px;
	font-size:14px
}

.sbanner{
	background:#EEE;
	margin-bottom:38px;
	margin-top:2px;
}

.mbanner{
	overflow:hidden;
	/*margin:0px 0px;*/
	margin-top:-20px;
	margin-bottom:40px;
}

.mbanner .u{
	float:left;
	width:33.33%;
	padding:15px;
}

.mbanner img{
	width:100%;
}

.mbanner .tt{
	background:#CCC;
	font-family:Oswald-Light;
	font-size:25px;
	text-align:center;
	padding:12px;
	color:#FFF;
}

.martop, #lj h1{
	padding:80px 20px 36px 80px;
	text-align: left;
	overflow:hidden;
}

h1{
	font-family:Oswald-Light;
	font-size:30px;
	padding:30px;
	border-bottom:1px solid var(--cor-cinza1);
	/*padding:30px 0px 20px 25px;*/
}

h1 .nav{
	text-align:left;
	padding-top:20px;
	color:#838282;
	font-size: 15px;
}

h2{
	font-family:Oswald-Medium;
	font-size:30px;
	padding:60px 0px;
	text-align: center;

}

h2 span{
	background: #FFF;
	position:relative;
	padding:0px 30px;
	text-transform:uppercase
}

h2 span:after{
	content: "";
	width: 600px;
	position: absolute;
	border-bottom:2px solid;
	left:50%;
	top:50%;
	z-index:-1;
	transform:translate(-50%);
}


h3{
	font-family:Oswald-Light;
	font-size:28px;
	padding:20px;
}


hr{
	border:none;
	border-bottom:#eae9e9 1px solid;
}

.control{
	margin-top:60px
}
.control form{
	position:relative;
}
.control input{
	padding:10px 40px 10px 20px;
	font-family:Oswald-Regular;
	font-size:15px;
	background:transparent;
	border:none;
	box-shadow:0px 2px 5px #DDD;
	width:200px;
}

.control button{
	min-width:25px;
	background:url(../imgs/icon-procurar.png);
	background-size:25px 25px;
	padding:0;
	height:25px;
	position:absolute;
	right:10px;
	top:8px;
	border:none;
}

.control .icon1{
	margin-top:11px
}

.mar1{
	margin-left: 40px;
	float:left;
}

.mar2{
	/* margin-left:50px */
}

.bemvindo{
	line-height:22px;
	display:inline-block
}

.bemvindo a{
	text-decoration:underline;
	font-weight:bold;
}

.badge{
	position:relative;
}

.badge:after{
	content:attr(badge);
	position:absolute;
	right:-10px;
	top:-5px;
	background:var(--cor-cinza3);
	color:#EEE;
	font-size:13px;
	width:20px;
	padding:3px 0px;
	text-align:center;
	border-radius:50%;
}

.icon1{
	background-size:30px 30px;
	width:30px;
	height:30px;
	display:inline-block;
}

.icon1:hover{
	opacity:0.7;
}

.icon-favoritos{
	background-image:url(../imgs/icon-favoritos.png);
}

.icon-carrinho{
	background-image:url(../imgs/icon-carrinho.png);
}

.bt.std2, button.std2{
	background-image:url(../imgs/st-d2.png);
	background-repeat:no-repeat;
	background-position:center right 15px;
}

/*elements*/

footer{
	margin:0;
	padding: 60px 220px 38px 270px;
	overflow:hidden;
	transition:all 0.5s;
	background:#EEE;
	color:var(--cor-cinza3);
	position: relative;
}


footer.show{
	background:var(--cor-cinza3);
	color:#FFF;
}

footer .container{
	position:relative;
	overflow:hidden;
}

footer .title{
	margin-bottom:15px;
}

footer .navegar
,footer .categorias{
	width:200px
}

footer .fleft a{
	display:block;
	padding:2px 0px;
}

footer .fleft a:hover{
	text-decoration:underline;
	color:#CCC
}

footer .rs{
	display:block;
	margin-bottom:80px;
	clear:both;
	overflow:hidden;
	text-align:right;
}

footer .right{
	position:absolute;
	right: 220px;
	bottom: 38px;
}

footer .copy{
	font-family:Roboto-Regular;
	font-size:16px;
}

.rs a{
	display:inline-block;
}

.rs span{
	background:#CCC url(../imgs/rs-sprite.png);
	height:25px;
	width:25px;
	display:inline-block;
	vertical-align:top;
	margin-left:25px;
}

.rs span:hover{
	opacity:0.8
}

.rs .tt{ background-position:-95px; }
.rs .fb{ background-position:-45px; }

.page{
	text-align:center;
}

.page .content{
	min-height:200px;
	max-width:900px;
	text-align:left;
	width:100%
}

.produtos{
	overflow:hidden;
	margin:0px -10px;
}

.produtos .u{
	/*width:25%;*/
	/*float:left;*/
	display:inline-block;
	padding:10px;
	text-align:center;
	transition:all 0.5s;
	/*opacity:0;*/
	/*transform:scale(0);*/
}

.produtos .u.show{
	/*opacity:1;*/
	/*transform:scale(1);*/
}

.produtos .u:nth-child(4n+1){
	clear:both
}

.produtos .u .img{
	height:300px;
	/*background:#f5f5f5;*/
	position:relative;
}

.produtos .img img{
	max-width:100%;
	max-height:100%;
	position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}

.produtos .title{
	font-family:Oswald-Regular;
	font-size:21px;
	margin-top:40px;
}

.produtos .desc{
	min-height:16px;
	font-size:16px;
	margin-top:5px;
	margin-bottom:15px;
}

.produtos .preco{
	font-family:Oswald-Regular;
	font-size:21px;
	margin-bottom:20px;
}

.produtos .preco .brl{
	margin:0px 10px;
}

.produtos .preco .de{
	color:#919191;
	text-decoration:line-through;
}

.produtos .preco .por{
	color:#fa1d05;
}

.produto{
	width:1200px;
	display:inline-block;
	padding-bottom: 100px;
}

.produto h1{
	text-align: left;
	border:0;
	padding:40px 0px 0px 25px;
	padding-left: 115px !important;}



.st:after{
	content:'>';
	font-family:Oswald-Light;
	padding:0px 5px
}

.produto .cabecalho{
	overflow:hidden;
	margin-bottom:50px;
	margin-top:50px;
}

.produto .cabecalho .fotos{
	/* float:left; */
	/* width:50%; */
	/* margin-right:40px; */
}

.produto .cabecalho .fotos img{
	max-width:100%;
}

.produto .cabecalho .fotos .min{
	float:left;
	width:20%;
	max-height:480px;
	overflow:auto;
}

.produto .cabecalho .fotos .min img{
	width:80px;
	/* border:1px solid #d9d9cf; */
	margin-bottom:20px;
	/* border-radius:4px; */
	/* padding:4px; */
}

.produto .cabecalho .fotos .min img:hover{
	cursor:pointer;
	border-color:#AAA;
}

.produto .cabecalho .fotos .sel{
	float:left;
	width:80%;
	height:480px;
	padding:10px;
	border:1px solid #d9d9cf;
	border-radius:4px;
	position:relative;
}

.produto .cabecalho .fotos .sel img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	max-width:95%;
	max-height:95%;
}

.produto .cabecalho .detalhe{
	text-align:left;
	/* margin-left:630px; */
}

.produto .cabecalho .detalhe .title{
	font-family:Oswald-Light;
	font-size:30px;
	margin-bottom:15px;
}

.produto .cabecalho .detalhe .codigo{
	font-family:Oswald-Light;
	font-size:18px;
	margin-bottom:20px;
}

.produto .cabecalho .detalhe .descricao{
	font-family:Oswald-Light;
	font-size:21px;
	margin-bottom:50px;
}

.produto .cabecalho .detalhe .preco{
	font-family:Oswald-Regular;
	font-size:36px;
	margin-bottom:44px;
}

.produto .cabecalho .detalhe .quantidade input{
	/* width:150px; */
	/* margin-bottom:20px; */
}

.produto .response{
	background:var(--cor-cinza1);
	padding:8px;
	margin-top:10px;
	display:inline-block;
	border:1px solid var(--cor-cinza2);
}

.produto .descricao_completa{
	text-align:left;
}

.pg-painel .over{
	max-width:900px;
	text-align: left;
	padding:50px 0px;
	padding-bottom:100px;
}

.pg-painel .identificacao .w50p{
	padding-bottom:30px;
}

.pg-painel .identificacao .w50p:nth-child(2){
	border-left:1px solid #999;
	padding-left:50px
}

.pg-painel .esq{
	padding:10px 0px 10px 138px;
	display:block;
	width:100%;
	text-align:left;
}

.over button{
	margin-top:50px;
	margin-left:138px
}

.pg-painel .over button:nth-child(2){
	margin-top:141px
}


.nasredes{
	padding:0px 30px;
	padding-bottom:125px;
}

.nasredes li{
	padding:5px;
}

.nasredes .jcarousel-control-prev{
	background:url(../imgs/st-e.png) no-repeat center;
	box-shadow:none;
	left:-40px;
}

.nasredes .jcarousel-control-next{
	background:url(../imgs/st-d.png) no-repeat center;
	box-shadow:none;
	right:-40px;
}

.carrinho .lista{
	margin-top:100px;
	text-align: left;
}

.carrinho .lista .item input{
	width:100px;
	padding:10px;
	min-width:auto
}

.carrinho .lista .tr .td{
	border-bottom:1px solid var(--cor-cinza1)
}

.carrinho .lista .header .td{
	background:var(--cor-verde1);
	padding:45px;
	color:#FFF;
}

.carrinho .lista .td:nth-child(2){
	padding:45px 0px;
	width:100px;
}

.carrinho .lista .td:nth-child(3){
	padding:45px 0px;
	width:150px;
	text-align:center;
}

.carrinho .lista .td:nth-child(4){
	padding:45px 0px;
	width:150px;
	text-align:center;
}

.carrinho .lista img{
	max-width:150px;
	background:#FFF;
}

.carrinho .lista .img{
	float:left;
	margin:0px 20px 45px 10px;
}

.carrinho .lista .title{
	font-size:30px;
	font-family:Oswald-Light;
	display:block;
	margin-bottom:15px;
	line-height:35px;
	/* 	margin-left:170px; */
	/* 	float:left; */
}

.carrinho .lista .desc{
	line-height:22px;
	font-family:Oswald-Light;
	/* 	margin-left:170px; */
	/* 	float:left; */
}

.carrinho .lista .line{
	background: var(--cor-cinza12);
	padding: 25px 60px;
	border-bottom:2px solid #FFF;
}

.carrinho .lista .line input
,.carrinho .lista .line button{
	padding:10px;
	max-width:120px;
}

.carrinho .lista .line input[type=radio]{
	margin-left:20px;
}

.carrinho .valortotal{
	text-align:right;
	padding:45px 4px;
	font-weight:bold;
	font-size:25px
}

.carrinho .endereco{
	padding:35px 0px;
	font-family: Oswald-Light;
	font-size: 20px;
	line-height: 25px;
}

.carrinho .continuar{
	text-align:right;
	padding:45px 4px;
}



.painel{
	overflow:hidden;
	padding-top:30px;
	padding-bottom: 30px;
}

.painel .barlat{
	width:200px;
	float:left;
	border-right:1px solid #EEE;
}

.painel .barlat a{
	display:block;
	padding:10px;
}

.painel .barlat a:hover,.painel .barlat a.active{
	background:#EEE
}

.painel .main{
	/* 	float:left; */
	margin-left:230px;
	/* background:#EEE */
}

.orcar .in{
	max-width:600px;
	background:#FFF;
	padding:20px;
	border-radius:10px;
}

#lj .container-fluid{
	max-width: var(--tam1);
}