@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: Oswald-ExtraLight; src: url('../fonts/Oswald-ExtraLight.ttf'); }

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

	--cor-cinza1: #efefef;
	--cor-cinza2: #a5a5a5;
	--cor-cinza3: #313131;

	--cor-verde1: #35b303;

	--tam1: 1502px;
	--tam2: 1340px;
	--tam3: 900px;
}


*{
	box-sizing:border-box;
}

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

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

a:hover img{
	opacity: 0.8
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.spin{
	animation: spin 1s linear infinite;
}

.shm{
	display: none;
}

.container2{
	max-width:var(--tam1);
	text-align: left;
	margin:0px 20px;
	overflow: hidden;
	position:relative;
}


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

input.input2[type=radio]
,input.input2[type=checkbox]{
	min-width: auto;
	padding:initial;
	margin:0px;
	font-size:initial;
	width:auto;
	margin-right:10px;
}

label{
	display:block;
	padding:10px;
	text-align:left;
}

label input.input2,label select.input2,label button.input2{
	padding:10px;
	margin:0px;
	font-size:18px;
	width:100%;
}

label span{
	display:inline-block;
	text-align:left;
	background:#FFF;
	transform:translate(5px,3px);
	padding:2px 8px;
	border-radius:4px
}

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

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

.bt.verde, button.verde{
	min-width:150px;
	background:var(--cor-cinza2);
	color:#FFF;
	vertical-align:middle;
	border-color:var(--cor-cinza2);
}

.bt.verde:hover, button.verde:hover{
	color:var(--cor-cinza2);
	background:#FFF;
}

.proccess{ display: none; }
.loading .proccess{ display: block; }
.loading .text{ display: none; }

.w50p h1{
	text-align:center;
	border:0;
}

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

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

/* ----------------------------- ATTR */
.fleft{float:left; }
.fright{float:right;}
.aleft{text-align:left;}
.aright{text-align:right;}
.acenter{text-align:center;}
.cboth{	clear: both;}
.over{	overflow: hidden;}
.dblock{ display: inline-block; }
.dnone{ display: none; }
.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}
.uper{ text-transform: uppercase; }

header{
	overflow:hidden;
	padding:0px;
	position:absolute;
	z-index: 999;
	width:100%;
	left:0;
}

header .logo{
	display:block;
	width:100%;
	padding:30px 0px;
}

header .logo img{
	height: 35px;
	margin: 5px 0px;
}

.pg-index header .logo{
	background:rgba(255,255,255,0.5);
}

/*.space-header{
	height:240px;
	background:var(--cor-cinza1);
	}*/

	nav {
		max-width:var(--tam1)
	}

	nav .container2{
		padding:20px 0px;
		margin-left:250px;
		margin-top:-90px;
	}

	.pg-index nav .container2{
		padding:52px 12px;
		border-bottom:1px solid rgba(255,255,255,0.5);
		margin:0;
	}

	nav a{
		color:var(--cor-cinza3);
		margin-right:30px;
		font-family:Oswald-Light;
		font-size:20px
	}

	nav a:hover,nav a.active{
		color:var(--cor-cinza2)
	}

	.pg-index nav a{
		color:#FFF;
		margin-right:30px;
		font-family:Oswald-Light;
	}

	.pg-index nav a:hover,nav a.active{
		color:var(--cor-cinza3)
	}

	nav img{
		float:left;
		height:50px;
		margin:-12px 0px -15px 50px;
	}

	.sbanner{
		background:var(--cor-cinza1);
		margin-bottom:74px;
	}

	.sbanner .jcarousel-pagination {
		bottom: 43px;
	}

	.sbanner .jcarousel-pagination a {
		font-size: 11px;
		height: 6px;
		width: 50px;
		line-height: 10px;

		background: #fff;
		color: #4E443C;
		border-radius: 0px;
		text-indent: -9999px;

		margin: 0px 4px;
		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
	}

	.sbanner .jcarousel-pagination a.active {
		background: #FFF;
		color: #fff;
		opacity: 0.5;

		-webkit-box-shadow: unset;
		-moz-box-shadow: unset;
		box-shadow: unset;
	}

	.sbanner img{
		width:100%
	}

	.mbanner{
		overflow:hidden;
		padding:100px 0px;
		background:var(--cor-cinza1)
	}

	.mbanner .u{
		float:left;
		width:50%;
		padding:6px;
		transition:all 0.5s;
		opacity:0;
	}

	.mbanner .u:nth-child(odd){
		transform:translateX(-100%);
	}

	.mbanner .u:nth-child(even){
		transform:translateX(100%);
	}

	.mbanner .u.show{
		opacity:1;
		transform:translateX(0%);
	}

	.mbanner img{
		width:100%;
	}

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

	h1{
		font-family:Oswald-Light;
		font-size:30px;
		padding:30px 0px;
		text-align:left;
	}

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

	h2{
		font-family:Oswald-ExtraLight;
		font-size:30px;
		/* padding:60px 0px; */
		text-align: center;
		position:relative;
	}

	h2 span{
		background: #FFF;
/*		padding:0px 65px;*/
text-transform:uppercase
}

h2 span:after{
	content: "";
	width: 100%;
	position: absolute;
	border-bottom:1px dashed #333;
	top:50%;
	left:0;
	z-index:-1;
}

h3{
	font-size: 27px;
	font-family: Oswald-Regular;
}

h5{
	text-align:center;
	font-size:20px;
	clear:both;
	line-height:32px;
	color:var(--cor-cinza2)
}

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

.control{
	float: left;
}
.control form{
	position:relative;
}
.control input.input2{
	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;
}

nav .control a{
	text-decoration:underline;
	font-size:16px;
	margin:0px 10px;
}

.badge2{
	position:relative;
}

.badge2:after{
	content:attr(badge);
	position:absolute;
	right:-15px;
	top:-5px;
	background:rgba(0,0,0,0.8);
	color:#EEE;
	font-size:13px;
	width:20px;
	text-align:center;
	border-radius:50%;
	transition:all 0.2s;
}

.badge2:hover:after{
	top:-10px;
	transform:rotate(-30deg);
}

.icon1{
	background-size:20px 20px;
	width:20px;
	height:20px;
	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;
}

.response{
	display: none;
	background:#fffac5;
	padding:12px 20px;
	border:1px solid #d7dc63;
	letter-spacing:2px;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
}

.response.success{
	background:#259e5f;
	color:#FFF;
	border-color:#187746
}

.response.danger{
	background:#9e2525;
	color:#FFF;
	border-color:#ff5c5c
}

.response.info{
	background:#259e97;
	color:#FFF;
	border-color:#5cffc9
}

/*elements*/

footer{
	background:var(--cor-cinza1);
	margin:0;
	padding: 60px 0px 25px 0px;
	overflow:hidden;
	transition:all 0.5s;
	color: var(--cor-cinza2);
	border-top:1px solid #FFF;
}

footer.show{
	background:var(--cor-cinza2);
	color:#FFF;
	border-top:1px solid var(--cor-cinza2);
}

footer .container2{
	position:relative;
	/* overflow:hidden; */
	padding-left:80px;
}

footer .logo{
	float:left;
}

footer .navegar{
	float:left;
	padding-top:45px;
}

footer .navegar a{
	float:left;
	padding:7px;
	font-size:20px;
	font-family:Oswald-Light;
}

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

footer .wpp{
	margin-left: 25px;
	display:inline-block;
}

footer .wpp img{
	height:25px;
	float:left;
}

footer .enderecos{
	margin-left:130px;
	display:inline-block;
	padding:5px 35px;
	line-height:22px;
	letter-spacing:1px;
	background:var(--cor-cinza1);
	transition:all 0.5s;
}

footer.show .enderecos{
	background:var(--cor-cinza2);
}

.tracejado{
	border-bottom:1px dashed var(--cor-cinza2);
	margin-top:-60px;
	margin-bottom:60px;
	transition:all 0.5s;
}

.show .tracejado{
	border-bottom:1px dashed var(--cor-cinza1);
}

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

footer .copy{
	font-size:16px;
	text-align:right;
	margin:0px 0px 5px 0px;
}

.rs a{
	display:inline-block;
	margin-left:25px;
}

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

.rs span:hover{
	opacity:0.8
}

.rs .tt{ background-position:-95px; }
.rs .fb{ background-position:-27px; }
.rs .yt{ background-position: 135px; }
.rs .in{ background-position: 80px; }
.rs .tt{ background-position: -82px; }
.rs .pt{ background-position: -165px; }

.page{
	text-align:center;
	border-top:100px solid var(--cor-cinza1);
	padding-top:50px;
}

.pg-index .page{
	border:0;
	padding:0;
}

.page .content{
	max-width:var(--tam2);
	text-align:left;
	width:100%;
}

.blocktela{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	z-index:99999;
}

.blocktela .header{
	border-bottom:1px dashed #CCC;
	padding-bottom:20px;
	margin-bottom:10px;
}

.blocktela .header .close{
	cursor:pointer;
	float:right;
}

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

.form .b{overflow:hidden}
.form .b label{ float:left; width:100% }
.form .b1 label{ width:100% }
.form .b2 label{ width:50% }
.form .b3 label{ width:33.33% }
.form .b4 label{ width:25% }
.form .b5 label{ width:20% }

.galeria{
	width:var(--tam2);
	text-align:left;
	margin:50px 0px;
}

.galeria .in{
	margin:0px -10px
}

.galeria span{
	margin:10px;
	display:inline-block;
}

.galeria img{
	height:200px;
}

.galeria img:hover{
	cursor:pointer;
	opacity:0.8;
}

.categorias a{
	padding: 5px 0px;
	display: inline-block;
}

.categorias a.active{
	padding: 5px 10px;
	margin: 0px -10px;
	background: var(--cor-cinza1);
}


.produtos{
	overflow:hidden;
	margin:0px -32px;
	margin-top: 20px;
	margin-bottom:32px;
}

.produtos .u{
	/*width:33.3%;*/
	/*float:left;*/
	/*display:inline-block;*/
	/*padding:10px;*/
	text-align:left;
	padding:32px;
	color:var(--cor-cinza3);
	transition:all 0.5s;
	transform:translateY(100px);
	opacity:0;
}

.produtos .u.show{
	transform:translateY(0px);
	opacity:1;
}

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

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

.produtos .title{
	font-family:Oswald-ExtraLight;
	font-size:19px;
	margin-top:32px;
	padding-bottom:3px;
}

.produtos .desc{
	min-height:16px;
	font-size:15px;
	margin-top:5px;
	margin-bottom:15px;
	color:var(--cor-cinza2)
}

.produtos .preco{
	font-family:Oswald-ExtraLight;
	font-size:19px;
}

.preco .brl{
	margin-right:10px;
}

.preco .de{
	text-decoration:line-through;
}

.preco .por{

}

.produtos a:hover .img{
	border-color:var(--cor-cinza2);
}

.produtos a:hover .title{
	color:var(--cor-cinza2);
}

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

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



.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; */
text-align:left;
/* padding-left:40px; */
}

.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-Light;
	font-size:36px;
	margin-bottom:44px;
}

.produto .preco .por:before{
	content:"- ";
	color:var(--cor-cinza2);
	display:inline-block;
	margin-right:15px
}

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


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


.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.input2{
	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 #f5f5f5;
}

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

.carrinho .lista .line input.input2[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;
}
.carrinho .item .brl{
	display:block
}


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

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

}

.painel .barlat a{
	display:block;
	padding:10px;
	margin-bottom:5px;
	background:#f5f5f5;
}

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

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