@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');

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

body{
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	background:#fff;
}

a{
	text-decoration: none;
	color:#000;
}

a:hover{
	text-decoration: none;
	color:#333;
}

h1{
	font-size:18px;
	font-weight:600;
	margin:0;
	padding:0;
}

#loader{ position: fixed; width: 100%; height: 100%; background: #fff; z-index: 99999999999999; display: flex; align-items: center; justify-content: center; }

.destaque{ font-weight: 600; }
.normal{ font-weight: 400; }

.bold{
	font-weight: 800;
}

.underline{
	text-decoration:underline;
}

.center{
	text-align: center;
}

.justify{
	text-align: justify;
}

.clear{
	clear:both;	
}

.vmiddle{
	vertical-align:middle;	
}

.m0{ margin:0; }
.p0{ padding:0; }
.p-5{ padding:5px; }
.p-10{ padding:10px; }
.pt-10{ padding-top:10px; }
.pb-10{ padding-bottom:10px; }
.pt-20{ padding-top:20px; }
.pb-20{ padding-bottom:20px; }
.pt-40{ padding-top:40px; }
.pb-40{ padding-bottom:40px; }
.pt-100{ padding-top:100px; }
.pb-100{ padding-bottom:100px; }
.mt-5{ margin-top:5px; }
.mb-5{ margin-bottom:5px; }
.mt-10{ margin-top:10px; }
.mb-10{ margin-bottom:10px; }
.mt-20{ margin-top:20px; }
.mb-20{ margin-bottom:20px; }
.mt-30{ margin-top:30px; }
.mb-30{ margin-bottom:30px; }
.mt-40{ margin-top:40px; }
.mb-40{ margin-bottom:40px; }
.mt-60{ margin-top:60px; }
.mb-60{ margin-bottom:60px; }
.mt-100{ margin-top:100px; }
.mb-100{ margin-bottom:100px; }

.f10{ font-size:10px; }
.f11{ font-size:11px; }
.f12{ font-size:12px; }
.f14{ font-size:14px; }
.f16{ font-size:16px; }
.f18{ font-size:18px; }
.f20{ font-size:20px; }
.f24{ font-size:24px; }
.f30{ font-size:30px; }
.f36{ font-size:36px; }
.f40{ font-size:40px; }
.f42{ font-size:42px; }
.f50{ font-size:50px; }
.f80{ font-size:80px; }

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.laranja{
	color:#d67e29;
}

.amarelo{
	color:#ffcc6b;
}

.cinza{
	color:#717171;
}

.italic{
	font-style:italic;
}

.center{
	text-align:center;
}

.textRight{
	text-align:right;
}

.underline{
	text-decoration:underline;
}

.uppercase{
	text-transform:uppercase;	
}

.riscado{
	text-decoration:line-through;
}

.vmiddle{
	vertical-align:middle;
}

.nounderline:hover{
	text-decoration:none;
}

.alpha:hover{
	opacity: .7;
    filter: alpha(opacity = 70);
}

.hover{ transition: all 0.3s; }
.hover:hover{ filter: brightness(50%); transition: all 0.3s; }

.line{
	margin:10px 0;
	border-bottom:2px solid #ebebeb;
}

.left{
	float:left;
}

.right{
	float:right;
}

.noborder{
	border:0
}

.form-control{ border-radius: 0; padding: 20px 10px; }
textarea.form-control{ font-family: 'Manrope', sans-serif; font-size: 14px; padding: 10px 10px; }
select{ border-radius: 0; padding: 20px 10px; min-height: 40px }

.seta{ font-size: 50px; opacity: 0.7; -moz-opacity: 0.7; Filter: Alpha(Opacity=70); }
.seta:hover{ opacity: 1; -moz-opacity: 1; Filter: Alpha(Opacity=100); }

/*ESTRUTURA DO SITE*/
header#topo{
	width:100%;
	padding:0px;
	background:#fff;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); 
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

header#topo .w1200{ padding: 10px; }

header#topo .logo{
	float:left;
	width: 50%;
	padding: 5px 0;
}

header#topo .topo-right{
	float:right;
	width: 150px;
	padding:20px 0 0 0;
}

header#topo .topo-right a:hover{ color:#000; }

header#topo .menu{
	float:left;
	width: 25%;
}

/*menu mobile*/
.menu-mobile{ display: block; color: #d67e29; margin-top: 15px; font-size: 50px }
.menu-mobile:hover, .menu-mobile:active, .menu-mobile:focus{ color: #BD6E22; }

.menu #menu-mobile{ background: #717171; min-width: 325px; }
.menu #menu-mobile a{ color: #fff; font-weight: 400; }
.menu #menu-mobile li ul{ display:none; background: #717171; border:0; box-shadow: none; }
.menu #menu-mobile li:hover ul, .menu #menu-mobile li.active ul{ display:block; background: #5B5B5B; }
.menu #menu-mobile .collapsible-header{ background: #717171; padding: 0; margin: 0; border:0; width:100%; }
.menu #menu-mobile .collapsible-body{ padding: 0; margin: 0; border:0; width:100%; }
.menu #menu-mobile li ul li:hover{ background: #717171; }
.menu #menu-mobile li{ border: 0; margin: 0; }
.menu #menu-mobile li a:hover{ background: #5B5B5B; }
.menu #menu-mobile li.active{ background: #5B5B5B; }
.menu #menu-mobile li.midias a{ color: #fff; width: 33.33%; float: left; text-align: center; }
.menu #menu-mobile li ul li.active{ background: #5B5B5B; }

.w1200{ 
	max-width:1180px;
	padding:20px 10px 20px 10px;
	margin:auto;
}

.w2{
	float:left;
	width:50%;
}

.w3{
	float:left;
	width:33.33%;
	margin:0%;
}

.w4{
	float:left;
	width:20.33%;
	margin:0 2.5%;
}

.w5{
	float:left;
	width:18%;
	margin:0 1%;
	text-align:center;
}

.i75{
	float:left;
	width:75%;
}

.i60{
	float:left;
	width:60%;
}

.i60-2{
	float:left;
	width:58%;
	margin-right:2%;
}

.i50{
	float:left;
	width:50%;
}

.i50-2{
	float:left;
	width:48%;
	margin-left:2%;
}

.i40{
	float:left;
	width:40%;
}

.i25{
	float:left;
	width:24%;
	margin-left:1%;
}

.i25-2{
	float:left;
	width:25%;
}

.i25-3{
	float:left;
	width:23%;
	margin-right:2%;
}

.i20{
	float:left;
	width:19%;
	margin-left:1%;
}

a.img img{
	padding:2px;
	border:1px solid #fff;
}

a.img:hover img{
	border:1px solid #ededed;
	opacity: 0.7; 
	-moz-opacity: 0.7;
	Filter: Alpha(Opacity=70);
}

a.img:hover h1{
	opacity: 0.7; 
	-moz-opacity: 0.7;
	Filter: Alpha(Opacity=70);
}

/*CONTEUDO*/
.min{ min-height:21vh; }

.conteudo{
	max-width:1180px;
	margin:0px auto;
	padding:20px 10px 20px 10px;
	clear:both;
}

/*SITE*/
.flex{ display: flex; align-items: center; justify-content: center; }

.entregues .item{ float: left; width: 32.33%; margin-left: 1.5%; }
.entregues .item:first-child{ float: left; width: 32.33%; margin-left: 0; }

.imagens .item{ float: left; width: 19.2%; margin-left: 1%; margin-bottom: 1%; height: 20vh; }
.imagens .item:nth-child(5n+1){ float: left; width: 19.2%; margin-left: 0%; }
.imagens .item img{height: 100%; width: 100%; object-fit: cover; }

.video{ width: 100%; height: 65vh; }

.empresa .img{ float: left; width: 49%; margin: 10px 0 10px 2%; }
.empresa .img:nth-child(2n+1){ float: left; width: 49%; margin: 10px 0; }

.item_planta{ color:#d67e29; padding: 10px 25px; border-bottom: 1px solid #d67e29; }
.item_planta:hover{ color:#333; }
.item_planta.active{ background: #d67e29; color:#fff; }

.bts{ display: table; margin: auto; }
.bt-1{ float: left; min-width: 180px; margin: 10px; padding: 15px 10px; background: #fff; border: 2px solid #d67e29; border-radius: 5px; transition: all 0.3s; cursor: pointer; }
.bt-1:hover{ background: #d67e29; color: #fff; transition: all 0.3s; }
span.thumb:last-child{ display: none; visibility: hidden; }
/*/SITE*/

.contatoLeft{
	float:left;
	width:40%;
	background: #d67e29;
	padding: 30px;
}

.contatoRight{
	float:right;
	width:60%;
	background: #717171;
	padding: 30px;
}

.simLeft{
	float:left;
	width:50%;
	background: #d67e29;
	padding: 30px;
}

.simRight{
	float:right;
	width:50%;
	background: #717171;
	padding: 30px;
}

.mapa{ margin-bottom: -105px; z-index: 000 }

.noticias .w2{ margin-right: 30px; }

.alert{
	width:100%;
	position:absolute;
	top:20px;
	z-index:999999999999999999999999999999999999999999999999999;
	text-align:center;
	display:none;
}

/*JANELA POLITICAS DE PRIVACIDADES*/
.janela_politicas{
	position: fixed;
	z-index: 9999;
	bottom: 0;
	width: 100%;
	background: #0f1e43;
	padding: 10px;
}

.janela_politicas a{ color: #fff; text-decoration: underline; }
.janela_politicas a:hover{ color: #dedede; }

.janela_politicas .aceite-politicas{
	float: left;
	margin-top: 10px;
}

.janela_politicas .btn-concordar{
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 15px;
	float: right;
	text-decoration: none;
	cursor: pointer;
}

.janela_politicas .btn-concordar:hover{
	border: 1px solid #dedede;
	color: #dedede;
}

/*RODAPE*/
footer#rodape{ padding-top: 100px; }
footer#rodape .simulacao{ background: #d67e29; }
footer#rodape .simulacao .w2:first-child{ float: right; width: 50%; }
footer#rodape .footer{ background: #717171; padding: 20px 10px 0 10px; }
footer#rodape .item{
	float:left;
	width:25%;
}
footer#rodape .item-r{ float: right; }

footer#rodape .item .active{ color: #333 }

.banners{ width: 100%; }
/*.banner{ width: 100%; height: 95vh; }
.banners .banner img{
    height: 100%;
    width: 100%;
    object-fit: cover;
	object-position: center top;
}*/

.btn-site{ background: #000; padding: 15px 50px; border-radius: 30px; color: #fff; text-align: center; }
.btn-site-2{ background: #717171; padding: 15px 30px; border-radius: 30px; color: #fff; text-align: center; }
.btn-site:hover, .btn-site-2:hover{ background: #333; color: #fff; }
.btn-site.whats{ background: #00AC2E; margin: auto }
.btn-site.whats:hover{ background: #007C21; }

#mobi{ display:none; }
.libera{ display: none; }

@media (max-width: 1200px) {
	.janela_politicas .aceite-politicas{ width: 80%; margin-top: 0; }
}

@media (max-width: 1080px) {
	header#topo nav.menu ul li{ padding:0 7vh; }
	
	footer#rodape .simulacao .f42{ font-size: 36px }
	footer#rodape .simulacao .f16{ font-size: 14px }
}

@media (max-width: 1023px) {
	header#topo nav.menu ul li{ padding:0 5.5vh; }
	
	.janela_politicas .aceite-politicas{ width: 75%; margin-top: 0; }
	
	.w5{
		width:29.33%;
		margin:10px 2% 20px 2%;
	}
	
	.w3{
		float:left;
		width:31.33%;
		margin:0 1%;
	}
	
	.imagens .item, .imagens .item:nth-child(5n+1){ width: 24.25%; margin-left: 1%; }
	.imagens .item:nth-child(4n+1){ float: left; width: 24.25%; margin-left: 0%; }
	
	.video{ width: 100%; height: 50vh; }
	
	footer#rodape .simulacao .f42{ font-size: 32px }
	footer#rodape .simulacao .pt-40{ padding-top: 20px; }
}

@media (max-width: 900px) {
	footer#rodape .simulacao .f42{ font-size: 26px }
	footer#rodape .simulacao .pt-40{ padding-top: 10px; }
	footer#rodape .simulacao .mb-40{ margin-bottom: 30px }
	footer#rodape .simulacao .mt-20{ margin-top: 10px }
	
	.janela_politicas .aceite-politicas{ width: 70%; margin-top: 0; }

	.seta{ font-size: 40px; }
	
	.w3{
		width:46%;
	}
}

@media (max-width: 800px) {
	.menu-mobile{ font-size: 30px }
	
	#mobi{ display: block; }
	#desk{ display: none; }
	
	.w2{ width:100% }
	.w3{ width:30.33%; margin:0 1.5%; }
	
	.w5{
		width:44%;
		margin:10px 3% 20px 3%;
	}
	
	.i75, .i60, .i60-2, .i50, .i50-2, .i40, .i25, .i25-2, .i25-3, .i20{
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
	}

	.i25-3, .i60-2{ margin-bottom: 30px; }
	
	.contatoLeft, .simLeft{
		float:none;
		width:100%;
	}
	
	.contatoRight, .simRight{
		float:none;
		width:100%;
		margin-top: 40px;
	}
	
	.simRight.textRight{ text-align: left }
	
	.w2{
		float:none;
		width:100%;
		margin:0;
	}
	
	footer#rodape .simulacao .w2:first-child{ float: right; width: 100%; margin-bottom: 30px; }
	footer#rodape .simulacao .f42{ font-size: 32px }
	footer#rodape .simulacao .f16{ font-size: 16px }
	footer#rodape .simulacao .pt-40{ padding-top: 40px; }
	footer#rodape .simulacao .mb-40{ margin-bottom: 40px }
	footer#rodape .simulacao .mt-20{ margin-top: 20px }
	
	.flex{ display: inherit; align-items: inherit; justify-content: inherit; }
	.topo-right .flex{ display: flex; align-items: center; justify-content: center; }
	
	.entregues .item{ width: 49%; margin-left: 2%; }
	.entregues .item:first-child{ width: 49%; margin: 0 }
	.entregues .item:last-child{ display: none; }
	
	.imagens .item, .imagens .item:nth-child(4n+1), .imagens .item:nth-child(5n+1){ width: 49%; margin-left: 2%; margin-bottom: 2%; }
	.imagens .item:nth-child(2n+1){ float: left; width: 49%; margin-left: 0%; }
	
	footer#rodape .item, footer#rodape .item-r{ width:50%; margin: 10px 0; text-align: center }
	
	.janela_politicas{ text-align: center; padding: 10px 10px 20px 10px; }
	.janela_politicas .aceite-politicas{ width: 100%; margin-bottom: 15px; }
	.janela_politicas .btn-concordar{ float: none; }
}

@media screen and (max-width: 650px) {
	.seta{ font-size: 32px; }
	
	.topo-right{ display: none; }
	.libera{ display: block; }
	
	.video{ width: 100%; height: 30vh; }
	
	.empresa .img, .empresa .img:nth-child(2n+1){ float: left; width: 100%; margin: 10px 0; }
}

@media screen and (max-width: 500px) {
	.w2{ width:100% }
	
	.w5{
		width:90%;
		margin:10px 5% 20px 5%;
	}
	
	.btn-site{  padding: 15px 20px; }
	
	.lancamentos .flex .f30{ font-size: 24px; }
	.lancamentos .flex .f20{ font-size: 18px; }
	
	footer#rodape .item, footer#rodape .item-r{ float:none; width:100%; margin: 15px 0 35px 0;  }
	footer#rodape .item:nth-last-child(2n){ margin: 15px 0 0 0; }
}

@media screen and (max-width: 460px) {
	/**PRODUTOS*/
	.f50{ font-size:20px; }
}
