@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; }
.normal{ font-weight: 400; }

.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; }
.pr-10{ padding-right: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;
}

.cinza{
	color:#c0c0c0;
}

.verde{
	color:#3f936e;
}

.vermelho{
	color:#ff0000;
}

.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 20px 0;
}

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

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

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

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

header#topo nav.menu ul li{
	float:left;
	width: 14.28%;
	transition: all 0.3s;
	text-align: center;
}

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

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

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

/*menu dropdown*/
header#topo .dropdown-menu .item a{ font-size: 17px; }
header#topo .dropdown-menu .item:hover, header#topo .dropdown-menu .item.active{ background: #dedede; }
header#topo .dropdown-menu .item:hover a{ color: #000; }

/*menu mobile*/
.menu-mobi{ position: absolute; z-index: 999; top:15px; left:10px; float: left; display: none; }

.menu-mobi #menu-mobile{ background: #014983; }
.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:0;
	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:48%;
	margin-left:2%;
}

.i40{
	float:left;
	width:38%;
	margin-left: 2%;
}

.i33{
	float:left;
	width:31.33%;
	margin:1%;
}

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

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

.i20{
	float:left;
	width:20%;
}

.i10{
	float:left;
	width:9%;
}

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

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

.borda{ border-radius: 10px; background: #fff; padding: 10px }
.titulo{ padding: 10px; margin: -10px; border-radius: 10px 10px 0 0; margin-bottom: 5px; background: rgb(255,255,255); background: rgb(241,241,241); background: linear-gradient(180deg, rgba(241,241,241,0.9864320728291317) 0%, rgba(218,218,218,1) 100%); }

/*PRODUTOS*/
.imagem-fix{ height: 25vh; }
.imagem-fix img{ height: 100%; width: 100%; object-fit: cover; }
.min1{ min-height: 120px; }

.imagem-fix-2{ height: 120px; }
.imagem-fix-2 img{ height: 100%; width: 100%; object-fit: cover; }

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

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

.tipos .item{ background: #ededed }
.tipos a .item:hover{ color: #000; }

/*/*/
.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: 0; margin-top: 20px; }

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

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

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

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

@media (max-width: 900px) {
	.boletins .i10{ width: 15%; }
	.boletins .i50{ width: 45%; }
}

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

	header#topo .logo, header#topo .slogan{
		float:none;
		width:100%;
		margin: auto;
		text-align:center;
	}

	.i33{
		width:48%;
	}
	
	.i40, .i60{ width: 100%; margin:20px 0 0 0; }

	.w5{ width:31%; }
	
	.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; }
	
	.boletins .i10{ width: 25%; }
	.boletins .i20{ width: 50%; }
	.boletins .i50{ width: 75%; }
}

@media screen and (max-width: 500px) {
	.w5{ width:48%; }

	.i33{
		width:96%; margin-left: 2%; margin-right: 2%
	}
	
	.boletins .i10{ width: 100%; }
	.boletins .i20{ width: 50%; }
	.boletins .i50{ width: 100%; }
	
	.agendas .i50, .agendas .i50-2{ width: 100%; margin: 0; }
}

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