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

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

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

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

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

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

.destaque{
	font-weight: 700;
}

.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; }

.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; }
.f50{ font-size:50px; }
.f80{ font-size:80px; }

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.azul{
	color:#6c8cc7;
}

.vermelho{
	color:#ff0000;
}

.cinza{
	color:#c0c0c0;
}

.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);
}

.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; }

.seta{ font-size: 50px; }

/*ESTRUTURA DO SITE*/
header#topo{
	position: absolute;
	z-index: 111;
	width:100%;
	padding:0px;
	background:transparent;
}

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

header#topo .logo{
	float:left;
	width: 20%;
}

header#topo .topo-right{
	float:right;
	width: 80%;
	padding:60px 0;
}

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

header#topo .topo-right .midias{
	float: right;
	width: 130px;
	text-align:right;
}
	
header#topo .area_menu{
	float:right;
	padding:8px 0 0 0;
}

header#topo nav.menu ul{
	padding:0;
	margin:auto;
	display:table;
	margin:0px;
}

header#topo nav.menu ul li{
	float:left;
	margin-left:8vh;
	padding-bottom:0;
	border-bottom:0;
	transition: all 0.3s;
}

header#topo nav.menu ul li a{
	color:#fff;
	font-size:18px;
	font-weight: 700;
	text-shadow: black 0.1em 0.1em 0.2em;
}

header#topo nav.menu ul li:hover{
	color:#ccc;
	transition: all 0.3s;
}

header#topo nav.menu ul li.active a{
	color:#ccc;
	transition: all 0.3s;
}

/*menu dropdown*/
header#topo nav.menu ul li ul{
	border:1px solid #fff;
	margin-top:5px;
	position:absolute;
	z-index:9999999999999999999999;
		visibility:hidden;
		opacity:0;
		transition:visibility 0s linear 0.5s,opacity 0.5s linear;
		z-index:999999999;
}

header#topo nav.menu ul li ul li{
	background:#dedede;
	float:none;
	padding:5px 10px 5px 5px;
	margin:0;
	text-align:left;
	width:100%;
	max-width:250px;
}

header#topo nav.menu ul li ul li:hover, header#topo nav.menu ul li ul li.active{ border:0; background:#ccc }

header#topo nav.menu ul li ul li a, header#topo nav.menu ul li:hover ul li a, header#topo nav.menu ul li.active ul li a{
	color:#333;
	border-bottom:0;
}

header#topo nav.menu ul li ul li:hover a{
	color:#000;
}

header#topo nav.menu ul li:hover ul{
	opacity:1;
	transition-delay:0s;
	visibility:visible;
}

/*menu mobile*/
.menu-mobi{ position: absolute; z-index: 999; top:10px; left:10px; float: left; display: none; text-shadow: black 0.1em 0.1em 0.2em; }

.menu-mobi #menu-mobile{ background: #201915; }
.menu-mobi #menu-mobile a{ color: #fff; }
.menu-mobi #menu-mobile li ul{ display:none; background: #3B2F28; border:0; box-shadow: none; }
.menu-mobi #menu-mobile li:hover ul, .menu-mobi #menu-mobile li.active ul{ display:block; background: #3B2F28; }
.menu-mobi #menu-mobile .collapsible-header{ background: #3B2F28; padding: 0; margin: 0; border:0; width:100%; }
.menu-mobi #menu-mobile .collapsible-body{ padding: 0; margin: 0; border:0; width:100%; }
.menu-mobi #menu-mobile li ul li:hover{ background: #3B2F28; }
.menu-mobi #menu-mobile li{ border: 0; margin: 0; }
.menu-mobi #menu-mobile li a:hover{ background: #3B2F28; }
.menu-mobi #menu-mobile li.active{ background: #3B2F28; }
.menu-mobi #menu-mobile li.midias a{ color: #fff; width: 33.33%; float: left; text-align: center; }
.menu-mobi #menu-mobile li ul li.active{ background: #3B2F28; }

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

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

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

.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%;
}

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

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

.i40{
	float:left;
	width:39%;
	margin-left:1%;
}

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

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

.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);
}

.caixa{ background: #9b8d56; margin: -45px 0 0 0; padding: 10px 20px; font-size: 24px; position: absolute; }

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

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

/*PRODUTOS*/
article.itens{
	float:left;
	width:23%;
	margin:0 1% 50px 1%;
	height:250px;
	padding:2px;
}

.portfolio .port{ height:250px; }

.portfolio .port img,
article.itens img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.produtos article.itens{
	width:31.33%;
	margin:0 1% 50px 1%;
	height:450px;
}

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

.produtosRight{
	float:right;
	width:55%;
}

/*/*/
.contatoLeft{
	float:left;
	width:48%;
	margin-bottom:10px;
}

.contatoRight{
	float:right;
	width:48%;
	margin-bottom:10px;
}

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

.saiba-mais {
  float:left;
  border:1px solid;
  padding:2px 5px;
}

.saiba-mais:hover {
  color:#fff;
  border:1px solid #000;
  background:#999
}

/*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{
	background:#9b8d56;
}

footer#rodape a:hover{ color:#000; }

footer#rodape .footer{
	padding:20px 10px 0px 10px;
}

footer#rodape .footer .infos_rodape{
	float:left;
	width:65%;
}

footer#rodape .footer .midias{
	float:right;
	width:35%;
	text-align:right;
	margin-top: 20px;
}

footer#rodape .assinatura{
	padding:10px 10px 20px 10px;
}

.banners{ width: 100%; }

.btn-site{ background: #9b8d56; border-radius: 0; color: #000; height: 40px; }

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

@media (max-width: 1150px) {
	header#topo nav.menu ul li{ margin-left:6vh; }
}

@media (max-width: 1060px) {
	header#topo nav.menu ul li{ margin-left:4.5vh; }
}

@media (max-width: 1023px) {
	header#topo nav.menu ul li{ margin-left:2.5vh; }
	
	.janela_politicas .aceite-politicas{ width: 75%; margin-top: 0; }
	
	article.itens{
		width:31.33%;
		min-height: 350px;
		margin:0 1% 50px 1%;
	}
	
	.contatoLeft{
		float:none;
		width:100%;
	}
	
	.contatoRight{
		float:none;
		width:100%;
		margin-top: 40px;
	}

	.w5{
		width:29.33%;
		margin:10px 2% 20px 2%;
	}
	
	.w3{
		float:left;
		width:31.33%;
		margin:0 1%;
	}
	
	.banners .text{ font-size: 25px; }
}

@media (max-width: 900px) {
	header#topo nav.menu{
		display:none;
	}
	
	.menu-mobi{ display: block; }

	header#topo .topo-right .midias{
		text-align:center;
	}
	
	header#topo .logo{
		float:none;
		width:100%;
		margin: auto;
		text-align:center;
	}
	
	header#topo .topo-right{
		margin:0px;
		position:absolute;
		z-index: 111;
		top:0;
		left:0;
		width:100%;
		padding:10px;
	}
	
	header#topo .area_menu{
		margin-top:0;
	}
	
	.janela_politicas .aceite-politicas{ width: 70%; margin-top: 0; }

	.seta{ font-size: 40px; }
	
	article.itens{ min-height: 320px; }

	.produtos article.itens{ width:48%; }
	
	.produtosLeft,
	.produtosRight{
		float:none;
		width:100%;
	}
	
	.img-list{
		width:30%;
		margin-right:3%;
	}
	
	.txt-list{
		float:left;
		width:66%;
	}
	
	.w3{
		width:46%;
	}
	
	.banners .text{ font-size: 20px; }
}

@media (max-width: 800px) {
	.img-list{
		width:37%;
		margin-right:3%;
	}
	
	.txt-list{
		float:left;
		width:60%;
	}
	
	/**PRODUTOS*/
	article.itens{
		width:48%;
		min-height: 350px;
		margin:0 1% 50px 1%;
	}
	
	.w2{ width:100% }
	.w3{ width:30.33%; margin:0 1.5%; }
	
	/**PRODUTOS*/
	
	footer#rodape .footer .infos_rodape{
		float:none;
		width:100%;
		padding:0px;
		margin:0;
		text-align:center;
	}
	
	footer#rodape .footer .midias{
		float:none;
		width:100%;
		text-align:center;
	}

	.w5{
		width:44%;
		margin:10px 3% 20px 3%;
	}
	
	.i75, .i60, .i50, .i50-2, .i40, .i25, .i25-2, .i20{
		float:none;
		width:100%;
		margin-left:0;
	}
	
	.w3{
		float:none;
		width:100%;
		margin:0;
	}
	
	.not-left{ float:left; width:20%; margin-right:2%; }
	.not-right{ float:left; width:78%; }
	
	.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) {
	article.itens{ min-height: 360px; }

	.produtos article.itens{ width:100%; margin: 0 0 50px 0 }

	.seta{ font-size: 32px; }
	
	.banner{ width: 100%; height: 220px; }
	.banner img{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

@media screen and (max-width: 500px) {
	.w2{ width:100% }
	
	.img-list{
		width:100%;
		float:none;
		margin-bottom:20px;
		text-align:center;
	}
	
	article.itens{
		width:100%;
		margin:0 0 50px 0;
		float:none;
	    min-height: 330px;
	}
	
	.txt-list{
		width:100%;
		float:none;
	}

	.w5{
		width:90%;
		margin:10px 5% 20px 5%;
	}
	
	.video{
		width:100%;
		height:320px;
	}
	
	footer#rodape .assinatura .left, footer#rodape .assinatura .right{
		float:none;
		width:100%;
		text-align:center;
	}
	
	.not-left{ float:left; width:25%; margin-right:2%; }
	.not-right{ float:left; width:73%; }
	
	.banners .text{ font-size: 16px; }
}

@media screen and (max-width: 460px) {
	/**PRODUTOS*/
	article.itens{ min-height: 300px; }
	
	.f50{ font-size:16px; }
	
	.not-left{ float:left; width:35%; margin-right:2%; }
	.not-right{ float:left; width:63%; }
}