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

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

body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #1D4697;
	background:#f7f7f7;
}

a{
	text-decoration: none;
	color:#1D4697;
}

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

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

.light{
	font-weight: 200;
}

.normal{
	font-weight: 400;
}

.destaque{
	font-weight: 600;
}

.destaque2{
	font-weight: 700;
}

.bold{
	font-weight: 900;
}

.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; }
.p40{ padding:40px; }
.p-5{ padding:5px; }
.p-10{ padding:10px; }
.p-20{ padding:20px; }
.pt-10{ padding-top:10px; }
.pb-10{ padding-bottom:10px; }
.pt-20{ padding-top:20px; }
.pb-20{ padding-bottom:20px; }
.pt-30{ padding-top:30px; }
.pb-30{ padding-bottom:30px; }
.pt-40{ padding-top:40px; }
.pb-40{ padding-bottom:40px; }
.pt-60{ padding-top:60px; }
.pb-60{ padding-bottom:60px; }
.pt-80{ padding-top:80px; }
.pb-80{ padding-bottom:80px; }
.pt-90{ padding-top:90px; }
.pb-90{ padding-bottom:90px; }
.pt-120{ padding-top:120px; }
.pb-120{ padding-bottom:120px; }
.pt-160{ padding-top:160px; }
.pb-160{ padding-bottom:160px; }
.pt-140{ padding-top:140px; }
.pb-140{ padding-bottom:140px; }
.pt-200{ padding-top:200px; }
.pt-260{ padding-top:260px; }

.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; }
.mr-20{ margin-right: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-90{ margin-top:90px; }
.mb-90{ margin-bottom:90px; }

.f10{ font-size:10px; }
.f11{ font-size:11px; }
.f12{ font-size:12px; }
.f13{ font-size:13px; }
.f14{ font-size:14px; }
.f15{ font-size:15px; }
.f16{ font-size:16px; }
.f18{ font-size:18px; }
.f20{ font-size:20px; }
.f24{ font-size:24px; }
.f26{ font-size:26px; }
.f30{ font-size:30px; }
.f32{ font-size:30px; }
.f36{ font-size:36px; }
.f40{ font-size:40px; }
.f50{ font-size:50px; }
.f50-2{ font-size:50px; }
.f80{ font-size:80px; }

.branco{
	color:#fff;
}

.preto{
	color:#000;
}

.amarelo{
	color:#FCDC36;
}

.vermelho{
	color:#ff0000;
}

.cinza{
	color:#666;
}

.cinza2{
	color:#999;
}

.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{ transition: all 0.3s; }
.alpha:hover{
	opacity: .7;
    filter: alpha(opacity = 70);
	transition: all 0.3s;
}

.line{
	max-width: 100px;
	border-bottom:3px solid #5696CB;
}

.risco{ border-left: 3px solid #5696CB; }

.left{
	float:left;
}

.right{
	float:right;
}

.noborder{
	border:0
}

.topo-pgs{ background: #1D4697; margin-top: -80px; }

.flutua{ position: absolute; top: 200px; left: 0; width: 100%; }

.flutua2{ position: absolute; bottom: -100px; left: 0; width: 100%; }

.sobe{ top: -70px; position: relative; z-index: 777; }

.player{ width: 100%; }

.form-control{
	height: 46px;
	padding: 12px 12px;
	border: none;
	background: #fff;
	box-shadow: none;
	color: #1D4697;
	font-family: 'Montserrat', sans-serif; 
}

.form-control::-webkit-input-placeholder { font-family: 'Montserrat', sans-serif; color: #1D4697; }
.form-control:-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #1D4697; }
.form-control::-moz-placeholder { font-family: 'Montserrat', sans-serif; color: #1D4697; }
.form-control:-ms-input-placeholder { font-family: 'Montserrat', sans-serif; color: #1D4697; }

.form-control.cinza{ background: #F8F8F8; }

.spacing{ letter-spacing: 5px; }

.vidro{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	background: rgba( 255, 255, 255, 0.10 );
    backdrop-filter: blur( 6.5px );
    	-webkit-backdrop-filter: blur( 6.5px );
}

.empresa{ top: 40%; position: absolute; width: 100%; padding: 0 2%; }

.menu-prod{ float: left; width: 16.66%; padding: 30px 0; }
.menu-noti{ float: left; width: 33.33%; padding: 30px 0; }
.menu-prod a spam, .menu-noti a spam{ transition: all 0.3s; color: #FCDC36; }
.menu-prod:hover a spam, .menu-prod.active a spam, .menu-noti:hover a spam, .menu-noti.active a spam{
	transition: all 0.3s;
	padding-bottom: 30px;
	border-bottom: 3px solid #FCDC36;
}

.sombra{
	box-shadow: 0 4px 6px -6px #222;
	  -webkit-box-shadow: 0 4px 6px -6px #222;
      -moz-box-shadow: 0 4px 6px -6px #222;
}

.caixa{
	background: #fff;
	box-shadow: 0 4px 6px -6px #222;
	  -webkit-box-shadow: 0 4px 6px -6px #222;
      -moz-box-shadow: 0 4px 6px -6px #222;
}

.noticias .item{
	background: #fff;
	border:1px solid #dedede;
	margin: 20px 0;
	box-shadow: 0 4px 6px -6px #222;
	  -webkit-box-shadow: 0 4px 6px -6px #222;
      -moz-box-shadow: 0 4px 6px -6px #222;
}
.noticias .item .img{ float: left; width: 20%; height: 320px; }
.noticias .item .img img{ height: 100%; width: 100%; object-fit: cover; object-position: center; }
.noticias .item .dados{ float: left; width: 80%; padding: 0 20px 0px 60px; }

.noticia .img{ height: 400px; }
.noticia .img img{ height: 100%; width: 100%; object-fit: cover; object-position: center; }

.contato .item{
	background: #fff;
	border:1px solid #dedede;
	box-shadow: 0 4px 6px -6px #222;
	  -webkit-box-shadow: 0 4px 6px -6px #222;
      -moz-box-shadow: 0 4px 6px -6px #222;
}
.contato .item .img{ float: left; width: 25%; height: 450px; }
.contato .item .img img{ height: 100%; width: 100%; object-fit: cover; object-position: center; }
.contato .item .dados{ float: left; width: 75%; padding: 50px 20px 0px 100px; }

.imagens .slick-dots {
    bottom: -50px;
}
.banners .slick-dots {
	text-align: left;
}

.itens-banner{ margin-left: 60px; }

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

header#topo .fone{
	background: #FCDC36;
	letter-spacing: 5px;
	padding: 10px;
}

header#topo .topo{
	background-color: rgba(29,70,151,0.3);
    box-shadow: 0 4px 6px -6px #222;
	  -webkit-box-shadow: 0 4px 6px -6px #222;
      -moz-box-shadow: 0 4px 6px -6px #222;
}

header#topo .logo{
	float:left;
	margin:20px 0;
}

header#topo .topo-right{
	float:right;
	width: 70%;
	padding:0;
}

header#topo .midias{
	float:right;
	margin-top: 25px;
}

header#topo a .mid{ background:#fff; color:#1D4697; border: 0; }
header#topo a:hover .mid{ color:#000; }

header#topo .area_menu{
	float:left;
	padding:0;
	margin-top: 28px;
}

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

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

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

header#topo nav.menu ul li:hover, header#topo nav.menu ul li.active{
	color: #fff;
	transition: all 0.3s;
	padding-bottom: 21px;
	border-bottom: 3px solid #FCDC36;
}

/*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*/
header#topo .menu-mobile{ position: absolute; top:55px; left:10px; float: left; display: none; }

header#topo #menu-mobile{ background: #1d4697; }
header#topo #menu-mobile a{ color: #fff; }
header#topo #menu-mobile li{ font-size: 300; }
header#topo #menu-mobile li ul{ display:none; background: #0c3483; border:0; box-shadow: none; }
header#topo #menu-mobile li:hover ul, header#topo #menu-mobile li.active ul{ display:block; background: #0c3483; }
header#topo #menu-mobile .collapsible-header{ background: #0c3483; padding: 0; margin: 0; border:0; width:100%; }
header#topo #menu-mobile .collapsible-body{ padding: 0; margin: 0; border:0; width:100%; }
header#topo #menu-mobile li ul li:hover ul{ display:block; background: #0c3483; }
header#topo #menu-mobile li{ border: 0; margin: 0; }
header#topo #menu-mobile li a:hover, header#topo #menu-mobile li.active{ background: #0c3483; }
header#topo #menu-mobile li ul li.active, header#topo #menu-mobile li ul li:hover a{ display:block; background: #333; }
header#topo #menu-mobile li ul li .sub{ display:none; }
header#topo #menu-mobile li ul li:hover .sub{ display:block; }
header#topo #menu-mobile li i{ color: #1d4697; margin: 0; padding: 0 }
header#topo #menu-mobile li:last-child a{ width: 25%; float: left; text-align: center }
header#topo #menu-mobile li:last-child a .mid{ display: table; width: 50px; margin-top: 10px; }
header#topo #menu-mobile li:last-child a:hover{ background: #1d4697; }
header#topo #menu-mobile li:last-child i:hover{ color: #0c3483; }

.w1300{ 
	max-width:1280px;
	padding:0 10px;
	margin:auto;
}

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

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

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

.w33{
	float:left;
	width:32.33%;
	margin:0 0.5%;
}

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

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

.i90{
	float:left;
	width:88%;
	margin-left: 2%;
}

.i80{
	float:right;
	width:80%;
	padding: 40px;
}

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

.i75-2{
	float:left;
	width:73%;
	margin-left: 2%;
}

.i75-3{
	float:left;
	width:74%;
	margin-right: 1%;
}

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

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

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

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

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

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

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

.i35{
	float:left;
	width:34%;
	margin-right:1%;
}

.i30{
	float:left;
	width:30%;
}

.i33{
	float:left;
	width:32.33%;
	margin-right:1%;
}

.i33-2{
	float:left;
	width:33.33%;
}

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

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

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

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

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

.i25-2 .active, .i25-2 a:hover{ text-decoration: underline; }

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

.min-550{ min-width: 550px }
.min{ min-height: 38vh; }

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

.video-2{
	width:100%;
	height:33vh;
}

.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: #1D4697;
	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;
}

.homecategs .item{
	background: #fff;
	position: relative;
	float: left;
	width: 30.33%;
	margin: 1.5%;
    box-shadow: 0 4px 6px -6px #222;
	  -webkit-box-shadow: 0 4px 6px -6px #222;
      -moz-box-shadow: 0 4px 6px -6px #222;
}

.categs .item{
	background: #fff;
	position: relative;
	float: left;
	width: 22%;
	margin: 1.5%;
    box-shadow: 0 4px 6px -6px #222;
	  -webkit-box-shadow: 0 4px 6px -6px #222;
      -moz-box-shadow: 0 4px 6px -6px #222;
}

.titulo{ min-height: 60px }

.oculta{ display: table; }

.btn-site{
	background: #FCDC36;
	border-radius: 4px;
	padding: 15px 35px;
	transition: all 0.3s;
}

/*RODAPE*/
.rodape2{
	background-image: url(../imagens/rodape-fundo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #1D4697;
	position: relative;
	min-height: 950px;
	padding-top: 250px;
}

.rodape2 .sobre{ position: absolute; right: 35vh; bottom: 0; }

.rodape2 .caixa{ display: table; max-width: 700px; background: #fff; padding: 80px; margin-left: 40vh; }

footer#rodape{
	background:#fff;
	padding:10px;
}

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

.banners{ margin-top: -80px; position: relative; }

#divErro, #divRetorno{ position: fixed; z-index: 999 }

@media (max-width: 1600px) {
	.rodape2 .sobre{ right: 20vh; }

	.rodape2 .caixa{ margin-left: 20vh; }
}

@media (max-width: 1400px) {
	.rodape2{
		background-size: cover;
		background-position: center;
		min-height: 950px;
		padding-top: 250px;
	}

	.rodape2 .sobre{ right: 10vh; }

	.rodape2 .caixa{ margin-left: 10vh; }
}

@media (max-width: 1200px) {
	.rodape2 .sobre{ right: 1vh; }

	.rodape2 .caixa{ margin-left: 1vh; }

	.janela_politicas .aceite-politicas{ width: 80%; margin-top: 0; }
	
	.w1200{ 
		max-width:auto;
	}

	.min-550{ min-width: 350px }
}

@media (max-width: 1100px) {
	.video-2{ height:26vh; }
	
	.f50{ font-size:46px; }
}

@media (max-width: 1023px) {
	.rodape2 .sobre{ position: inherit; text-align: right; }

	.rodape2 .caixa{ margin-left: 10%; margin-right: 10%; width: 80%; max-width: inherit; }

	.janela_politicas .aceite-politicas{ width: 75%; margin-top: 0; }
	
	.contato .item .img, .noticias .item .img{ width: 30%; height: 370px; }
	.contato .item .dados, .noticias .item .dados{ width: 70%; padding: 0 20px 0px 50px; }
	
	.w5{
		width:29.33%;
		margin:10px 2% 20px 2%;
	}
	
	.w3{
		float:left;
		width:31.33%;
		margin:0 1%;
	}
	
	.i75-2{ width:70%; }
	.i25-2{ width:28%; }
	
	.f50{ font-size:41px; }
}

@media (max-width: 900px) {
	header#topo nav.menu, header#topo .midias{ display:none; }
	header#topo .menu-mobile{ display: block; }
	header#topo .topo-right .midias{
		text-align:center;
	}
	
	header#topo .logo{
		float:none;
		width:100%;
		margin: auto;
		padding: 10px;
		text-align:center;
	}
	
	header#topo .topo-right{
		float: none;
		margin:0px;
		width:0;
		padding:0px;
	}
	
	header#topo .area_menu{
		margin-top:0;
	}
	
	.homecategs .item, .categs .item{ width: 46%; margin: 2%; }
	
	.janela_politicas .aceite-politicas{ width: 70%; margin-top: 0; }
	
	.w3{
		width:46%;
	}

	.empresa{ top: 35%; }
	.player{ width: 70%; }
	
	.banners .flutua .i50{ float: none; width: 100%; }
	.banners .flutua .i50 h1{ float: none; width: 100%; text-align: left; }
	.banners .flutua .i50.risco{ border: none }
	.risco2{ max-width: 100px; margin: 0 20px 20px 20px; padding-top: 10px; border-left:0; border-bottom: 5px solid #5696CB; }
}

@media (max-width: 800px) {
	.noticias .flex{display: inherit; }
	.contato .item .img, .noticias .item .img{ width: 100%; height: 220px; }
	.contato .item .dados, .noticias .item .dados{ width: 100%; padding: 60px 40px; }
	
	.menu-prod{ width: 33.33%; }

	.rodape2 .caixa{ margin-left: 5%; margin-right: 5%; width: 90%; max-width: inherit; }
	
	footer#rodape .footer .logo_rodape, footer#rodape .footer .infos_rodape, footer#rodape .footer .midias{
		float:none;
		width:100%;
		padding: 10px 0;
		margin: 10px 0;
	}
	footer#rodape .footer .logo_rodape{ text-align: center}
	
	.video-2{ height:50vh; }
	
	.w5{
		width:44%;
		margin:10px 3% 20px 3%;
	}
	
	.w3{
		float:none;
		width:100%;
		margin:0;
	}

	.empresa{ top: 35%; }
	
	.area_bts .left, .area_bts .right{ float: none; display: table; margin: 15px 0 0 0; }
	
	.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) {
	.rodape2 .caixa{ margin-left: 2%; margin-right: 2%; width: 96%; max-width: inherit; padding: 50px; }

	.i80{ padding: 20px; }
	
	.empresa{ top: 25%; }
	
	.noticia .img{ height: 300px; }
	
	.w33{
		float:none;
		width:100%;
		max-width: 220px;
		margin:20px auto;
	}
	
	.w33 table{ float: left;}
	.w33 table tr td{ padding: 10px 0 }

	.i33, .i33-2{
		float:none;
		width:100%;
	}
	
	.i40, .i60{
		float:none;
		width:100%;
	}
	
	.i40.mt-90{ margin-top: 50px; }
	
	.itens-banner{ margin-left: 20px; }
	.banners .flutua{ top: 20px; }
	.banners{ margin-top: 0px; position: relative; }
	.banners .flutua .i50, .banners .flutua .i50 .right{ text-align: center; float: none; }
	.banners .risco2{ margin: auto; padding: 10px 0; }
}

@media screen and (max-width: 550px) {
	.w2{ width:100% }

	.w5{
		width:90%;
		margin:10px 5% 20px 5%;
	}
	
	.video-2{ height:30vh; }
	
	.video{
		width:100%;
		height:30vh;
	}

	.oculta{ display: none; }
	
	.flutua{ top: 120px; }
	
	.empresa{ top: 20%; }
	.player{ width: 50%; }
	
	.banners{ margin-top: 0px; position: relative; }
	
	.banners .flutua .i50, .banners .flutua .i50 .right{ text-align: center; float: none; }
	
	.banners .risco2{ margin: auto; padding: 0 0 10px 0; }
	
	.btn-site{ padding: 15px 20px; }
	
	.f50{ font-size:30px; }
	.f40{ font-size:32px; }
	.f30{ font-size:20px; }
	.f50-2{ font-size:40px; }
	.texto .f30{ font-size:30px; }
	
	.pt-200{ padding-top:120px; }
	.pt-260{ padding-top:160px; }

	.i33, .i33-2{
		float:none;
		width:100%;
	}
}

@media screen and (max-width: 460px) {
	.rodape2 .caixa{ margin-left: 2%; margin-right: 2%; width: 96%; max-width: inherit; padding: 25px; }

	.noticia .img{ height: 200px; }
	
	.empresa{ top: 5%; }
	
	.menu-prod, .menu-noti{ width: 50%; }
	
	.flutua{ top: 90px; }
	.i80{ padding: 20px 10px; }
	.f50{ font-size:26px; }
	.f40{ font-size:26px; }
	.f30{ font-size:18px; }
	.f20{ font-size:16px; }
}
