header{	z-index:98;	width:100%; margin:0 auto; padding:0; background-image:url(../images/bg_topo_10.png);}

header .control-nav { border: solid #1569b4; position: absolute; right: 20px; top: 30px; display: block; width: 30px; padding: 5px 0;  border-width: 4px 0; z-index: 99; cursor: pointer; }
header .control-nav:before {background: #1569b4; content: ""; display: block; height: 4px;  }
header .control-nav-close { position: fixed; right: 0; top: 0; bottom: 0; left: 0; display: block; z-index: 99; background: rgba(0,0,0,0.4); -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); }
header nav {background: #002875; position: fixed; top: 0; right: 0; bottom: 0; width: 90%; border-left: 1px solid #ccc;  overflow-x: auto; z-index: 99; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); }
#control-nav:checked ~ .control-nav-close { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#control-nav:checked ~ nav { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.menu{ list-style:none; font-size:15pt; border:0; margin:0 auto; padding:0}
.menu li{ position:relative; border-bottom: 1px #1569b4 solid;}
.menu li a{text-transform:uppercase; font-weight:700; color:#FFF; text-decoration:none; padding:10px; padding-top:20px; padding-bottom:20px; display:block; border:0; overflow:hidden}
.menu li a:hover{}
.menu li ul{ list-style:none; padding-left:0; border-left:0px ; display:none}
.menu li ul li{border:0}
.menu li ul li a{}
.menu_subs{ }

.central { width:95%; margin:0 auto;  box-sizing: border-box; clear:both}
.central_roda { width:95%; margin:0 auto;  box-sizing: border-box; clear:both}
.central_contato { width:100%; margin:0 auto;  box-sizing: border-box; clear:both}
.central_maior { width:95%; margin:0 auto; box-sizing: border-box; clear:both}
.slides { width:90%; margin:0 auto;  box-sizing: border-box; clear:both}

.espaco{ clear:both; height:40px}
.espaco_P{ clear:both; height:20px}

.topo_cima{display:none}
.topo_cima_telefone{ display:none}
.topo_cima_mail{ display:none}
.topo_cima_cadeado{ display:none}
.topo_cima a{display:none}

.topo { width:100%; margin:0 auto; box-sizing: border-box; }
.lateral_logo{box-sizing: border-box; width:100%;}
.logo{box-sizing: border-box; text-align:left; width:100%; padding:20px; padding-left:5px}
.logo_img{ height:50px}

.page{ box-sizing: border-box; margin:0; padding:0px;}

h1 {font-size:20pt;}
h2 {font-size:20pt;}
h3 {font-size:18pt;}

/*BANNER*/
.banner{ box-sizing:border-box; margin-bottom:-30px; padding-bottom:0px}
.banner_computador{ display:none; border:0; margin:0; padding:0}
.banner_mobile{ box-sizing:border-box; border:0; margin:0; padding:0; clear:both;}

.banner_img{ display:none;}
.banner_img_mask{ display:none;}
.banner_base{ display:none;}
.banner_infos{ display:none;}
.banner_titulo{ display:none;}
.banner_texto{ display:none;}

.banner_mobile_img{ width:100%;}
.banner_mobile_infos{ box-sizing:border-box; padding:20px; background-color:#1569b4; text-align:center; padding-bottom:60px}
.banner_mobile_titulo{ color:#FFF; font-size:24pt; font-weight:900; margin-bottom:20px;}
.banner_mobile_texto{ color:#FFF; font-size:15pt; line-height:150%; margin-bottom:20px;}
.banner_botao{  display: block; background-color:#0a2d6d; font-size:13pt; max-width:350px; clear:both; margin: 10px auto 0 auto; color:#FFF; padding:20px; text-align:center; border:0; cursor:pointer}
.banner_botao:hover{ background-color:#0a2d6d}


/*QUEM HOME*/
.quem_home{ margin:0; padding:5%; clear:both; padding-top:30px; padding-bottom:10px; box-sizing:border-box; width:100%; overflow:hidden; background-color:#FFFFFF}
.quem_home_esquerda{ box-sizing:border-box; width:100%; float:left; padding-top:30px; padding-bottom:30px; box-sizing:border-box;
 opacity: 0; transform: translateX(-100%); transition: transform 2s, opacity 1s;}
.quem_home_esquerda.visivel { opacity: 1; transform: translateX(0);}
.quem_home_direita{ box-sizing:border-box; width:100%; float:right;  box-sizing:border-box; opacity: 0; transform: translateX(100%); transition: transform 2s, opacity 1s;}
.quem_home_direita.visivel { opacity: 1; transform: translateX(0);}

.quem_home_interno{ box-sizing:border-box; width:100%; text-align:center;}
.quem_home_subtitulo{  font-size:13pt; font-weight:300; margin-bottom:20px; width:100%; color:#0a2d6d}
.quem_home_titulo{  font-size:24pt; font-weight:900; margin-bottom:20px;}
.quem_home_texto{ font-size:13pt; line-height:150%; text-align:justify; margin-bottom:20px; color:#858688}

 
/*ESTATISTICAS*/
.estatisticas_base{ background-color:#0a2d6d}
.estatistica_box{ width:100%; padding:20px; text-align:center; margin:0 auto; box-sizing:border-box; margin:0 auto; color:#FFFFFF;}
.estatistica_texto { font-size:12pt; width:80%; margin:0 auto; text-align:center}
.estatistica_numero { font-size:32pt; font-weight:900}

/*SERVIÇOS*/
.solucoes_base{ text-align:center;}
.solucoes_mask_azul{  background-image:url(../images/azul_50.png);}
.solucoes_mask_gradiente{background-image:url(../images/bg_dif.png); background-repeat:repeat-y; background-size:100% auto; padding:5%; padding-top:70px; padding-bottom:70px}

.solucoes_subtitulo{ font-size:13pt;  font-weight:300; text-align:center; padding-bottom:30px; text-transform:uppercase; color:#FFF}
.solucoes_titulo{ font-size:24pt;  font-weight:900; text-align:center; width:80%; margin:0 auto; margin-bottom:30px; color:#FFF}
.solucoes_texto{ font-size:13pt;  font-weight:300; text-align:center; width:80%; margin:0 auto; margin-bottom:30px; color:#FFF}

.solucoes_box{ width:100%; box-sizing:border-box; margin-bottom:8px;}
.solucoes_box_home{  box-sizing:border-box;}
.solucoes_box_interna{ box-sizing:border-box; padding:25px; overflow:hidden; border:0px solid #999; border-radius: 10px; text-align:center; font-size:12pt; background-color:#001337;
 background: linear-gradient(to top, #001337, #0a2d6d); /* Opcional: */ background: -webkit-linear-gradient(top, #001337, #0a2d6d); background: -moz-linear-gradient(top, #001337, #0a2d6d); }
.solucoes_box_interna_home{ margin:15px; margin-bottom:40px; box-sizing:border-box; padding:30px; overflow:hidden; border:1px solid #FFF; border-radius: 10px; text-align:center; font-size:12pt;}
.solucoes_box_icon{ height:40px; width:100%; background-image:url(../images/icon_branco.png); background-size:auto 100%; background-position:center; background-repeat:no-repeat; margin-bottom:20px}
.solucoes_box_titulo{ height:80px; overflow:hidden; font-size:15pt; font-weight:900; color:#FFF}
.solucoes_box_subtitulo{ height:250px; overflow:hidden; font-size:12pt; margin-bottom:20px; margin-top:10px; font-weight:300; color:#FFF}
.solucoes_box_saiba{ font-size:11pt; font-weight:700; color:#FFF}
.solucoes_box_saiba::after { content: " →"; font-weight: normal; /* opcional: pode ajustar o peso da seta */}

.servicos_esquerda {width:100%; box-sizing:border-box}
.servicos_direita {width:100%; box-sizing:border-box; padding-bottom:1%;}
.servicos_slogan{font-size:14pt; margin-bottom:20px; margin-top:20px; font-weight:300; color:#1569b4; text-align:justify}
.servicos_resumo{font-size:14pt; margin-bottom:20px; font-weight:700; text-align:justify}


/*PRODUTOS HOME*/
.produtos_home_central { width:95%; margin:0 auto;}
.produtos_home_base{ background-color:#0a2d6d; padding-top:50px; padding-bottom:50px}
.produtos_home_esquerda{ box-sizing:border-box; text-align:center}
.produtos_home_titulo{ font-size:50pt; font-weight:200; text-transform:uppercase; margin-bottom:10px; margin-left:-5px; color:#0095da}
.produtos_home_subtitulo{ font-size:13pt;  font-weight:700; padding-bottom:20px; color:#FFF}
.produtos_home_texto{ font-size:13pt;  font-weight:300; color:#FFF; padding-bottom:10px; line-height:150%}
.produtos_home_direita{ box-sizing:border-box; width:100%; text-align:center; padding-bottom:70px}


/*PRODUTOS MARCAS HOME*/
.marca_home{ margin:0; padding:0; clear:both; padding-top:50px; padding-bottom:0px; text-align:center; box-sizing:border-box; width:100%; overflow:hidden; background-color:FFF}
.marca_home_linha{ border-bottom:1px solid #7f7f7f; width:100%; height:1px}
.marca_home_titulo{ color:#7f7f7f; text-align:center; width:300px; background-color:#FFF; text-transform:uppercase; padding-bottom:70px; display:block; margin: 0 auto; margin-top:-12px;}

.logo_marca{float:left; height:80px; width:180px; margin:10px; margin-bottom:75px; background-position:center; background-size: 70% auto; background-origin: border-box; background-repeat:no-repeat; border:0px solid #2e2f33; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ filter: grayscale(1); transition: 0.5s linear}
.logo_marca:hover{-webkit-filter: grayscale(0); filter: none; transition: 0.2s linear; background-size: 75% auto;}

/*DEPOIMENTOS*/
.depo_home_central {  width:95%; margin:0 auto; text-align:center }
.depo_home_base{ background: #0a2d6d;padding-top:50px; padding-bottom:50px; background: linear-gradient(to top, #0a2d6d, #0095da);
  /* Opcional: compatibilidade extra com navegadores bem antigos */
  background: -webkit-linear-gradient(top, #0a2d6d, #0095da); background: -moz-linear-gradient(top, #0a2d6d, #0095da); }
.depo_home_esquerda{ box-sizing:border-box; width:100%;}
.depo_home_titulo{ font-size:50pt; font-weight:200; text-transform:uppercase; margin-bottom:10px; margin-left:-5px; color:#0095da}
.depo_home_subtitulo{ font-size:13pt;  font-weight:700; padding-bottom:20px; color:#FFF}
.depo_home_texto{ font-size:13pt;  font-weight:300; color:#FFF}
.depo_home_direita{ box-sizing:border-box; width:100%; padding:10px }
.depo_home_botao{ font-size:11pt; font-weight:400; color:#FFF; padding-top:40px; clear:both; display:inline-block}
.depo_home_botao::after { content: " →"; font-weight: normal; /* opcional: pode ajustar o peso da seta */}

.depo_box_home{ padding:20px; margin-bottom:0px; color:#FFF}
.depo_box_interno_home{ margin-top:30px; text-align:left; background-color:#FFFFFF; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:8%; border:0px; box-sizing:border-box; height:280px; line-height:150%; color:#969392; font-size:12pt;}
.depo_box_separa_home{ clear:both; height:10px;}

.depo_box_set{ margin-top:-1px; width: 0; height: 0; border-left: 30px solid transparent;  border-right: 30px solid white; border-top: 0px solid transparent; border-bottom: 30px solid transparent;}
.depo_foto{  width:70px; height:70px; background-color:#FFF; background-position:center; background-size:cover; background-repeat:no-repeat; 
border:1px solid #f5f5f5; -moz-border-radius:100px;	-webkit-border-radius:100px; border-radius:100px; float:left; box-sizing:border-box; margin-top:5px}
.depo_infos{ float:left; box-sizing:border-box; margin-top:20px; padding-left:15px; padding-bottom:30px}
.depo_nome{ font-size:12pt; font-weight:700; text-align:left;}
.depo_bairro{ font-size:10pt; font-weight:400; text-align:left;}

.depo_foto_g{  width:100px; height:100px; background-color:#FFF; background-position:center; background-size:cover; background-repeat:no-repeat; 
border:1px solid #f5f5f5; -moz-border-radius:100px;	-webkit-border-radius:100px; border-radius:100px; box-sizing:border-box; margin-bottom:0px}
.depo_texto{ font-size:12pt; font-weight:300; text-align: justify; color:#969392; padding-top:20px; padding-bottom:20px}




/*BLOG*/
.blog_base{ padding-top:50px; padding-bottom:50px}
.blog_subtitulo{ font-size:13pt;  font-weight:300; text-align:center; padding-bottom:30px; text-transform:uppercase; color:#7f7f7f}
.blog_titulo{ font-size:24pt;  font-weight:900; text-align:center; width:70%; margin:0 auto; margin-bottom:30px; }

.box_evento{ text-align:left; font-size:12pt;}
.box_evento_home{box-sizing:border-box; margin:0px; margin-bottom:40px}
.box_evento_interna{ width:100%; box-sizing:border-box; margin:0 auto; padding:0px; overflow:hidden; border:0px solid #f5f5f5}

.evento_infos{ padding:5px}
.evento_data{ color:#FFF; text-align:center; position:absolute; padding:5px; left:0%; top:0%; font-size:10pt; font-weight:400; background-image:url(../images/50.png); margin:0 auto; font-size:8pt}
.evento_nome{  margin-top:0px; margin-bottom:10px; text-align:center; font-size:12pt; font-weight:700; color:#1569b4}
.evento_resumo{ display:none}
.foto_evento{ width:100%; height:250px; border:0px; margin:0 auto; border:0; background-position:center; margin-bottom:10px; background-size:cover; text-align:center; position: relative;}

/*MISSÂO*/
.dados_fundo{ background-color:#0a2d6d; clear:both; background-image:url(../images/bg_topo_10.png); padding-top:40px; padding-bottom:40px; color:#FFFFFF;}
.dados{ box-sizing:border-box; width:100%; line-height:150%; text-align:left; text-overflow: ellipsis; font-weight:300}
.esq{  padding:0px}
.dir{ padding:0px}
.meio{ padding-top:40px; padding-bottom:40px}

/*RODAPE*/
.roda_divide{ box-sizing:border-box; width:100%; float:left; margin:0 auto; text-align:center; padding-top:50px; padding-bottom:50px}
.roda_atend{ }
.roda_mapa { display:none}
.roda_serv{ display:none}
.roda_logo{box-sizing:border-box; margin:0 auto; text-align:center; padding-top:50px; padding-bottom:50px}
.roda_logo_img{max-width:130px; padding-bottom:10px;}
.roda_titulo{ font-weight:900; font-size:15pt; padding-bottom:10px; text-transform:uppercase}
.roda_dados{ font-size:10pt; min-height:40px; margin-bottom:20px; clear:both}
.roda_tele{ font-size:12pt; font-weight:900; clear:both}
.rede{box-sizing:border-box; margin:0 auto; display:inline-block; width:22px}
.link_roda{ font-size:10pt; color:#FFF}
.roda_slogan{ font-weight:400; font-size:10pt; padding:10px; margin-bottom:20px}
.roda_quadrado {display: inline-block; width: 15px; height: 15px; background-color: #1569b4; margin-right: 10px; }


.bloco{box-sizing:border-box; line-height:150%; text-align:left; font-size:15pt;  margin:0px; padding-top:5px; font-weight:300; }
.bloco_comfotos {box-sizing:border-box; line-height:150%; text-align:justify; font-size:15pt; font-weight:300; margin:0px; padding-top:5px; width:100%; float:left;  column-count: 1;   column-gap: 0px; text-align:left; margin-bottom:20px}
.bloco_fotos {box-sizing:border-box; width:100%; padding-top:2%; padding-bottom:2%}

.coluna{column-count: 1;   column-gap: 00px; text-align:left; font-weight:300;}


.bloco_contato_esq {width:100%;	box-sizing:border-box; padding:5%; padding-top:0}
.bloco_contato_dir {width:100%; background-color:#0a2d6d; padding:5%; padding-top:30px; padding-bottom:30px; box-sizing:border-box; border:0px; margin-top:10px}

.mapa{ width:100%; margin-bottom:0px; height:320px; border:0; float:left; overflow:hidden}
.mapa_titulo{ margin-bottom:20px; padding-left:2.5%}


/*OBJETOS EM COLUNAS*/
.container {  display: grid; grid-template-columns: repeat(1, 1fr); /* 3 colunas iguais */ gap: 30px; /* espaço entre as colunas e linhas */}
.container_2 {  display: grid; grid-template-columns: repeat(1, 1fr); /* 3 colunas iguais */ gap: 40px; /* espaço entre as colunas e linhas */}
.box { padding: 0px;  text-align: center; border-bottom:1px solid #CCC; padding-bottom:10px}


/*PRODUTOS*/
.produtos_menu {float:left; width:100%; border:1px solid #1569b4; margin-top:5px; font-size:10pt; box-sizing:border-box; border-radius: 0px; }
.produtos_principal {float:left; width:100%; box-sizing:border-box; padding-left:0}


/*////BUSCA*/
.busca_box{ width:98%; border:0; margin-right:1%; margin-left:1%; height:40px; box-sizing: border-box; overflow:hidden; padding:0}
.busca_botao_box{float:right; width:20%}
.busca_form_box{ float:left; width:80%}
.busca_form{ font-size: 10pt; padding:11px; color:#000; border: 0px; width:100%; background-color:#FFF}
.busca_botao{ width:50px; background-color:#FFF; border: 0px solid #000; cursor:pointer; height:40px; background-image:url(../images/busca.png); background-position:center; background-repeat:no-repeat; background-size:30px; float:right}

/*BOX PRODUTOS*/
.box_produto{width:50%; float:left; margin:0 auto; margin-bottom:2px; text-align:center;}
.box_produto_home{ width:100%; margin:0 auto; margin-bottom:40px; text-align:center;}
.box_produto_interna{margin:2px; padding:10px; text-align:center; border:1px solid #cdcfd4;}
.produto_marca{ height:20px; overflow:hidden; font-size:8pt; font-weight:300; color:#999; text-transform:uppercase}
.produto_nome{ height:120px; overflow:hidden; font-size:14pt; font-weight:300; color:#0a2d6d}
.produto_foto{ height:220px; width:100%; margin:0 auto; display:flex; justify-content:center; align-items:center}

.caminho_produto{ font-size:10pt; padding-top:10px; padding-bottom:10px}
.produto_detalha_foto{ width:100%;}
.produto_detalha_info{ width:100%; padding-top:1%; box-sizing:border-box; text-align:justify; font-weight:300; font-size:12pt}
.produto_detalha_info_total{ width:100%; float:left; font-weight:300; font-size:12pt}
.produto_detalha_titulo {}

.produto_slide{ background-size:auto 100%; background-repeat:no-repeat; background-position:center; height:200px}
.produto_thumb{margin:2px; box-sizing:border-box; margin-bottom:20px; padding:5px;}