@import url("grid.css");
@import url("main.css");

*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.padding{
	padding-top: 40px;
	padding-bottom: 40px;
}

.margin-top{ margin-top: 237px; }

/* ----------------------- *\
    COLORS PRINCIPAIS
\* ----------------------- */

.c-golden{ color: #C48B2E; }
.c-goldenLight{ color: #F1CC1F; }
.c-gray{ color: #2D2D2D; }
.c-grayStrong{ color: #1F1F1F; }


/* ----------------------- *\
    BORDAS ARREDONDADAS
\* ----------------------- */

.round{
	border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
}

.shadow{ box-shadow: 6px 6px 6px #b6b6b6; }
.shadowBlack{ box-shadow: 6px 6px 6px #2D2D2D; }

a{ transition: .3s; }

.space-top{ margin-top: 40px; }
.space-top20{ margin-top: 20px; }
.space-bottom{ margin-bottom: 40px; }
.space-bottom-min{ margin-bottom: 20px; }

.logo{ display: block; position: relative; width: 330px; height: 79px; margin: 30px auto; z-index: 99999; }

/* ----------------------- *\
    LINE
\* ----------------------- */

.line{
	margin-top: 40px;
	margin-bottom: 40px;
}

.lineCenter{
	height: 1px;
	width: 40%;
	margin: 20px auto;
	background-color: #C48B2E;
}

.lineHorizontal{ width: 100%; height: 1px; }

	.vertical{ width: 1px; margin: 0px 12px; height: 100px; float: left;}

/* ----------------------- *\
    LISTAS
\* ----------------------- */

.lst{ width: 100%; height: 100%; clear: both; }

/* ----------------------- *\+
    SESSÕES INTERNAS
\* ----------------------- */

.sections-inside{
	clear: both;
}
	.boxes-Sociais{
		background-image: url('../imgs/grey.png');
		background-repeat: repeat;
	}

	.quem-somos{ background-color: #fff; }
	.quem-somos p{ text-align: justify; }

		.produtos p{ 
			margin: 5px 0px 5px 0px;
			font-size: 1em; 
			font-weight: 700;
		}
		.produtos article{
			text-align: center;
			padding: 14px;
			border: 1px solid #F1CC1F;
			background-color: #fff;
			border-radius:7px 7px 7px 7px;
			-webkit-border-radius:7px 7px 7px 7px;
			-moz-border-radius:7px 7px 7px 7px;
			min-height: 270px;
		}
		.produtos span{
			text-align: left;
			margin: 0px;
			padding: 0px;
			font-size: 0.9em;
			font-weight: 500;
			display: block;
			color: #2D2D2D;
		}
		.produtos a:hover{
			display: block;
			opacity: 90%;
		}
		.img-prod{ width: 360px; height: 360px; }
		.img-prod-01{ max-width: 100%; height: auto; }
		/* .img-prod-01{ width: 229px; height: 229px; } */

	.is-gray{ background-color: #2D2D2D; }

  .banner{ display: block; overflow: hidden; background-color: #2D2D2D; width: 100%; height: 160px; }
  .banners .row{ margin: 18px auto; }

/* ----------------------- *\
    BUTTONS
\* ----------------------- */

.btn{
	text-align: center;
	color: #fff;
	transition: .3s;
	border: 0;
	padding: 14px 12px;
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9em;
}

	.btEnviar{ background-color: #C48B2E; max-width: 220px; color: #fff; }
	.btEnviar:hover{ background-color: #F1CC1F; border-color: #C48B2E; font-weight: 700; color: #C48B2E;}
	.whats{ 
		margin: 30px 0px 0px 0px;
		background: rgb(65,164,56);
		background: linear-gradient(90deg, rgba(65,164,56,1) 0%, rgba(50,145,48,1) 100%);
		max-width: 220px; 
		color: #fff; 
	}

/* ----------------------- *\
    LINHAS
\* ----------------------- */

.lcenter{
	width: 80%;
	margin: 24px auto;
}

.ltotal{
	width: 100%;
	margin: 0px auto;
}

/*   BEGIN *******************************************************

/* ----------------------- *\
   HEADER - LOGO E MAIN MENU
\* ----------------------- */

article.area-info-prod{ padding: 30px; }
article.area-info-prod p{ margin-bottom: 20px; font-weight: 500; }

.header{ 
	background: #1F1F1F; 
	-webkit-box-shadow: 1px 5px 9px -3px rgba(0,0,0,0.34);
	-moz-box-shadow: 1px 5px 9px -3px rgba(0,0,0,0.34);
	box-shadow: 1px 5px 9px -3px rgba(0,0,0,0.34);
}

.main{ background-color: #C48B2E; }

.infos{ background-color: #2D2D2D; padding: 10px 0px 10px 0px; text-align: center; }
.infos .lst li{ display: inline-block; margin: 0px 8px; }
.infos a{ font-style: normal; color: #b6b6b6; font-size: 0.9em; }

.slider-full{ width: 100%; margin-top: 125px; }
.status{ 
	padding: 20px;
	background-color: #eee;
	height: 100%;
}
.status span, .status a{ margin: 0px; font-size: 1em; float: left; display: block; }
.status .row span{ font-size: 1.2em; line-height: 30px; max-width: 220px; }
.status .selProd{ float: right; max-width: 220px; padding: 4px; }

#slider1_container{
	margin: 0px auto; padding: 0px; width: 1920px; 
	height: 320px; overflow: hidden; position: relative;
	margin-top: 237px;
}

#slider1_container .sl-pc{ display: block;}
#slider1_container .sl-mobile{ display: none;}

/* GROUP REDES */
.groupRedes{ width: 60px; height: 60px; padding: 8px; background-color: #eee; position: fixed; right: 30px; 
	bottom: 30px; border-radius:60px 60px 60px 60px;
    -webkit-border-radius:60px 60px 60px 60px;  -moz-border-radius:60px 60px 60px 60px; opacity: 0.9; z-index: 999;}
    .groupRedes div{ height: 45px; margin: 8px 0px; }
    .iconsRedes{ display: block; background-repeat:  no-repeat; margin: 0px auto; }
        .whatsapp{ width: 45px; height: 45px; background-image: url('../imgs/icons/whatsapp.svg'); }
	

/* ----------------------- *\
    EFEITOS
\* ----------------------- */

.hoverzoom {
	position: relative;
	width: 100%;
	overflow: hidden;
}
	
	.hoverzoom > img {
		opacity: 0.5;
		width: 100%; 
		overflow: hidden;
		-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	}

	.hoverzoom:hover > img {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}

.groupDestaque{
	width: 100%;
	top: 0px;
	position: absolute;
	display: table;
}

	.titleDestaque{
		margin-top: 100px;
		color: #fff;
		font-size: 2em;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		opacity: 0.7;
	}

.icon-coroa{ 
	margin: 40px auto; display: block; width: 60px; height: 60px; 
	background-image: url('../imgs/coroa.png'); 
	background-repeat: no-repeat;
	background-size: contain;
}

.avancaVolta{ margin: 60px 0px; text-align: center; width: 100%; }
.avancaVolta li{ text-align: center; max-width: 180px; display: inline-block; }
.avancaVolta li a{ max-width: 180px; font-size: 0.9em; padding: 6px; border: 1px solid #c48b2e; color: #c48b2e; }
.avancaVolta li a:hover{ COLOR: #FFF; background-color: #c48b2e; }

i.icon{ display: block; height: 63px; margin: 30px 0px; }
i.icon.entrega{ 
	background: url('../imgs/icons/entrega.png'); 
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
i.icon.comprou{ 
	background: url('../imgs/icons/comprou.png'); 
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
i.icon.dezx{ 
	background: url('../imgs/icons/dezx.png'); 
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
i.icon.orcamento{ 
	background: url('../imgs/icons/orcamento.png'); 
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.img-promo{ transition: .3s; opacity: 0.8; width: 100%; height: auto; }
.img-promo:hover{ opacity: 1; }

/* ----------------------- *\
    FOOTER
\* ----------------------- */

.footer{
	clear: both;
	background-color: #191919;
	background-repeat: repeat;
	width: 100%;
	height: 100%;
}
	.lst-footer{ clear: both; }
	.lst-footer li a{
		font-weight: 500;
		color: #fff;
		font-size: 1em;
	}

	.razao{ text-align: center; padding: 20px 0px; background-color: #232323; }
	.razao span{ margin: 12px 0px 0px 0px; display: block; font-size: 0.8em; color: #b6b6b6; }

	.lst-footer li a:hover{ color: #F1CC1F; margin-left: 10px; }

	.lst-footer li, .lst-footer i{ line-height: 25px; }

	.end{ max-width: 400px; color: #fff; }
	li.end a:hover, li.days a:hover{ margin-left: 0px; }

	.footer h3{ font-size: 1em; text-align: left; margin-bottom: 8px; color: #C48B2E; }

	.ideia-em-pixel{ display: block; text-align: center; font-size: 0.8em; color: #2D2D2D; font-style: italic; letter-spacing: 1px; }