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

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

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

a{
	text-decoration: none;
	color:#262d3b;
}

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

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

.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; }
.pl-10{ padding-left: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; }
.mt--60{ margin-top:-60px; }
.mb--60{ margin-bottom:-60px; }

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

.cinza{
	color:#c0c0c0;
}

.verde{
	color:#3f936e;
}

.amarelo{
	color:#eabd4e;
}

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

.linha{
    max-width: 90px;
	border-top: 3px solid #ffcc6b;
	padding-top: 10px;
    animation: go-back 1s alternate;
    -webkit-animation: go-back 1s alternate;
}
@keyframes go-back {
    0% {
        max-width: 0px;
    }
	100% {
        max-width: 90px;
    }
}

.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-color: #eabd4e; }
textarea.form-control{ font-family: 'Quicksand', sans-serif; font-size: 14px; border-color: #eabd4e; }

.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:20px 0 120px 0;
	background:#262d3b;
}

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

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

header#topo .logo .img{ position: absolute; width: 100%; text-align: center; z-index: 666; }

header#topo .midias{ text-align: center; padding: 30px 0 20px 0; }

header#topo .midias a .mid{ background:#00936b; color:#fff; border: 0; }
header#topo .midias a:hover .mid{ background:#016C4F; color:#ccc; }

header#topo .topo-left{
	float:left;
	width: 25%;
	padding:10px 0 0 0;
}

header#topo .topo-right{
	float:left;
	width: 25%;
	padding:10px 0 0 0;
}

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

header#topo .topo-left .area_menu{ float:right; margin-top: 70px; }
header#topo .topo-right .area_menu{ float:left; margin-top: 70px; }

header#topo .topo-left .area_menu nav.menu ul li:first-child{ margin-right: 20px; }
header#topo .topo-right .area_menu nav.menu ul li:last-child{ margin-left: 20px; }

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

header#topo nav.menu ul li{
	float:left;
	padding: 8px 10px;
	transition: all 0.3s;
	border-radius: 15px;
	border: 1px solid #fff;
}

header#topo nav.menu ul li a{
	color:#fff;
	font-size:16px;
	font-weight: 600;
}

header#topo nav.menu ul li:hover a{ color:#eabd4e; }
header#topo nav.menu ul li:hover{
	color:#eabd4e;
	background: #fff;
	transition: all 0.3s;
}

header#topo nav.menu ul li.active{ background: #fff; }
header#topo nav.menu ul li.active a{
	color:#eabd4e;
	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:15px; left:10px; float: left; display: none; }

.menu-mobi #menu-mobile{ background: none; }
.menu-mobi #menu-mobile a{ color: #fff; font-weight: 600; }
.menu-mobi #menu-mobile li ul{ display:none; background: none; border:0; box-shadow: none; }
.menu-mobi #menu-mobile li:hover ul, .menu-mobi #menu-mobile li.active ul{ display:block; background: none; backdrop-filter: grayscale(0.3) }
.menu-mobi #menu-mobile .collapsible-header{ background: none; 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: none; backdrop-filter: grayscale(0.3) }
.menu-mobi #menu-mobile li{ border: 0; margin: 0; }
.menu-mobi #menu-mobile li a:hover{ background: none; backdrop-filter: grayscale(0.3) }
.menu-mobi #menu-mobile li.active{ background: none; backdrop-filter: grayscale(0.3) }
.menu-mobi #menu-mobile li ul li.active{ background: none; backdrop-filter: grayscale(0.3) }

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

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

.img-emp{ float:right; width: 49.5%; margin-right: 0.5%; }
.img-emp:first-child{ margin-right: 0; margin-left: 0.5%; }

.colecao{ margin-top: -100px; position: relative }
.colecao .img-col{ float: left; width: 33.33%; filter: brightness(50%); }
.colecao .des-col{ position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -100px }
.colecao-mobile{ display: none }

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

.i80{
	float:left;
	width:80%;
}

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

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

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

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

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

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

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

.i10{
	float:left;
	width:9%;
	margin:6px 1% 0 0;
}

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: #ffcc6b; font-weight: bolder; margin: -120px 0 0 0; padding: 50px 30px; position: relative; max-width: 500px; }

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

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

.servicos .item{ background: #262d3b; width: 49.5%; float: left; }
.servicos .item:nth-child(1){ background: #262d3b; width: 49.5%; float: right; }
.servicos .item .imagem{ height: 500px; }
.servicos .item .imagem img{
	height: 100%;
    width: 100%;
    object-fit: cover;
}

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

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

/*/*/
.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{ padding: 120px 0 10px 0; }
footer#rodape .i33{
	float:left;
	width:33.33%;
}

.banners{ width: 100%; }
.banners .item{ padding-top: 6px; padding-bottom: 6px; }
.banners .item:first-child{ margin-top: -120px; }
.banners .item:last-child{ margin-bottom: -120px; }

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

.btn-site{ background: #eabd4e; color: #fff; border: 0; }
.btn-site:hover{ background: #CCA33F; }

.btn-site-2{ background: transparent; color: #fff; border: 2px solid #fff; border-radius: 30px; padding: 5px 10px }
.btn-site-2:hover{ color: #dedede; border: 2px solid #dedede; }

.btn-site-3{ background: #3f936e; color: #fff; border: 0; border-radius: 15px; padding: 5px 15px }
.btn-site-3:hover{ background: #257351; color: #fff; }

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

@media (max-width: 1080px) {
	
}

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

@media (max-width: 900px) {
	
}

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

	header#topo .logo{
		float:none;
		width:100%;
		margin: auto;
		text-align:center;
	}
	
	header#topo .topo-left, 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; 
	}
	
	.video{ width: 100%; height: 50vh; }
	
	.img-emp{ float:right; width: 100%; margin-right: 0%; }
	.img-emp:first-child{ margin-right: 0; margin-left: 0%; margin-bottom: 10px }
	
	.colecao .img-col{ width: 50%; }
	.colecao .img-col:nth-child(3n){ display: none; }
	
	.colecao-imagens{ display: none }
	.colecao-mobile{ display: block }
	
	footer#rodape .i33{
		float:none;
		width:100%;
		margin-bottom: 30px;
	}
	
	.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) {
	.video{ width: 100%; height: 40vh; }
}

@media screen and (max-width: 500px) {
	.colecao{ margin-top: -75px; }
	.btn-site-2.f30, .btn-site-3.f30{ font-size: 20px; }
}

@media screen and (max-width: 460px) {
	.video{ width: 100%; height: 30vh; }
}