@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: #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;
}

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

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.azul{
	color:#262d3b;
}

.roxo{
	color:#687ba1;
}

.amarelo{
	color:#ffcc6b;
}

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

.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-radius: 0; padding: 20px 10px; background: none; border: inherit; border-color:inherit; box-shadow: inherit }
textarea.form-control{ font-family: 'Manrope', sans-serif; font-size: 14px; padding: 10px 10px; background: none; border: inherit; border-color:inherit; box-shadow: inherit }
select.form-control{ padding: 0 10px; background: none; border: inherit; min-height: 40px; border-color:inherit; box-shadow: inherit }

input[type="file"] { display: none; }
label {
    padding: 10px 10px;
    width: 100%;
    color: #ffcc6b;
    display: block;
    cursor: pointer;
	font-weight: 400;
}

.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:#262d3b;
}

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

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

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

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

/*header#topo .topo-right .midias{
	float: right;
	width: 100px;
	text-align:right;
}*/
	
header#topo .area_menu{
	float:right;
	padding-top: 5px;
}

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

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

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

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:15px; left:10px; float: left; display: none; }

.menu-mobi #menu-mobile{ background: #262d3b; }
.menu-mobi #menu-mobile a{ color: #fff; font-weight: 400; }
.menu-mobi #menu-mobile li ul{ display:none; background: #33415d; border:0; box-shadow: none; }
.menu-mobi #menu-mobile li:hover ul, .menu-mobi #menu-mobile li.active ul{ display:block; background: #33415d; }
.menu-mobi #menu-mobile .collapsible-header{ background: #33415d; 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: #33415d; }
.menu-mobi #menu-mobile li{ border: 0; margin: 0; }
.menu-mobi #menu-mobile li a:hover{ background: #33415d; }
.menu-mobi #menu-mobile li.active{ background: #33415d; }
.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: #33415d; }

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

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

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

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

.flutua-home{ margin-top: -240px; position: relative; z-index: 666; }
.flutua-home .w3{ width: 25.33%; margin:50px 8% 0 0; }
.flutua-home .janela{ background: #ffcc6b; width: 33.33%; margin: 0; padding: 50px 40px; }
.frota{ background: #ffcc6b; display: flex; align-items: center; justify-content: center; }
.loja{ background: #ffcc6b; display: flex; align-items: center; justify-content: center; }
.sobre{ background: #ffcc6b; display: flex; align-items: center; justify-content: center; position: relative; }
.loja .i60{ background: #262d3b; }
.frota .i60{ float: right; }
.frota .i40, .loja .i40{ padding: 20px 25px; }
.sobre .i40{ background: #262d3b; min-height: 449px;}
.sobre .i40 img{ position: absolute; top: -20px;  right: 0; max-width: 100%; }

.insta div{ height: 400px; width: 31.83%; float: left; margin: 1% 0; }
.insta div img{ height: 100%; width: 100%; object-fit: cover; }
.insta div:nth-child(3n+2){ margin: 1% 2%; }

.frota-imagens div{ width: 100%; height: 700px; }
.frota-imagens div img{ height: 100%; width: 100%; object-fit: cover; }

.servico-imagens div{ width: 100%; height: 700px; }
.servico-imagens div img{ height: 100%; width: 100%; object-fit: cover; }

.miniaturas{ margin: 0 0 0 -5px }
.miniaturas div{ width: 100%; height: 200px; }
.miniaturas div img{ height: 100%; width: 100%; object-fit: cover; cursor: pointer; padding: 10px 5px; }

.filtro li{ float: left; margin: 10px 0; width: 16.66%; }
.filtro li a.branco:hover, .filtro li a.select{ color: #ffcc6b; }
/*/*/
.contatoLeft{
	float:left;
	width:35%;
	padding: 5%;
	background: #ffcc6b;
}

.contatoRight{
	float:right;
	width:65%;
	padding: 5%;
	background: #262d3b;
}

.curriculoLeft{
	float:left;
	width:60%;
	padding: 5%;
	background: #262d3b;
}

.curriculoRight{
	float:right;
	width:40%;
	padding: 5%;
	background: #ffcc6b;
}

.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-top: 100px; }
footer#rodape .i33{
	float:left;
	width:39%;
}
footer#rodape .i33-r{ float: right; }

.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: #fff; border-radius: 20px; color: #687ba1; line-height: 40px; max-width: 120px; text-align: center; }
.btn-site:hover{ background: #cecece; }

@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 3vh; }
	
	.flutua-home{ margin-top: -200px; }
	
	.sobre .i40{ min-height: 400px;}
	.sobre .i40 img{ position: absolute; top: -20px;  right: 0; max-height: 420px; }
	
	.insta div{ height: 350px; }
	
	footer#rodape .i33{ width:35%; }
}

@media (max-width: 1023px) {
	header#topo nav.menu ul li{ padding:0 2.5vh; }
	
	.janela_politicas .aceite-politicas{ width: 75%; margin-top: 0; }
	
	.sobre .i40{ min-height: 340px;}
	.sobre .i40 img{ position: absolute; top: -20px;  right: 0; max-height: 360px; }
	
	article.itens{
		width:31.33%;
		min-height: 350px;
		margin:0 1% 50px 1%;
	}

	.w5{
		width:29.33%;
		margin:10px 2% 20px 2%;
	}
	
	.w3{
		float:left;
		width:31.33%;
		margin:0 1%;
	}
}

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

	header#topo .topo-right .midias{
		padding-top: 8px;
	}
	
	header#topo .logo{
		float:none;
		width:100%;
		margin: auto;
		text-align:center;
	}
	
	header#topo .logo img{ width: 200px; }
	
	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;
	}
	
	.flutua-home{ margin-top: -100px; }
	.flutua-home .w3{ width: 45%; margin:0 5% 0 0; }
	.flutua-home .w3:nth-child(2){ margin:0 0 0 5%; }
	.flutua-home .janela{ width: 100%; margin: 30px 0 0 0; }
	.frota, .loja, .sobre{ display: block; align-items: inherit; justify-content: inherit; }
	.sobre .i40{ min-height: none; }
	.sobre .i60{ padding: 20px 0; }
	.sobre .i40 img{ position: inherit; margin: -20px 0 0 5%; max-height: none; width: 95%; }
	.insta div:nth-child(3n+2){ margin: 1% 1% 1% 0; }
	.insta div{ height: 400px; width: 48%; margin: 1% 1% 1% 0; }
	.insta div:nth-child(2n+2){ margin: 1% 0 1% 1%; }
	.insta div:nth-child(9){ display: none }
	
	.i60, .i40{
		float:none;
		width:100%;
		margin-left:0;
	}
	
	.servicos .item{ width: 100%; margin-top: 20px; }
	.servicos .item:nth-child(1){ width: 100%; margin-bottom: 20px; }
	
	.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%;
	}
}

@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%; }
	
	.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;
	}
	
	.contatoLeft{
		float:none;
		width:100%;
	}
	
	.contatoRight{
		float:none;
		width:100%;
		margin-top: 40px;
	}
	
	.w3{
		float:none;
		width:100%;
		margin:0;
	}
	
	.flutua-home .w3{ float:left; width: 45%; margin:0 5% 0 0; }
	.flutua-home .w3:nth-child(2){ float:left; margin:0 0 0 5%; }
	.flutua-home .janela{ float:left; width: 100%; margin: 30px 0 0 0; }
	
	footer#rodape .i33{ width:30%; }
	
	.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) {
	.insta div{ height: 300px; }

	.seta{ font-size: 32px; }
	
	.flutua-home .w3{ width: 100%; margin:0; }
	.flutua-home .w3:nth-child(2){ margin:20px 0; }
	
	footer#rodape .i33{
		float:none;
		width:100%;
		margin-bottom: 60px;
	}
	footer#rodape .i33-r{ float: none; }
}

@media screen and (max-width: 500px) {
	.w2{ width:100% }
	
	.w5{
		width:90%;
		margin:10px 5% 20px 5%;
	}
	
	.flutua-home{ margin-top: -140px; }
	
	footer#rodape .assinatura .left, footer#rodape .assinatura .right{
		float:none;
		width:100%;
		text-align:center;
	}
}

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