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

header .control-nav { border: solid #002875; 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: #002875; 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 #f2f3f8 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{ }

.topo_cima{display:none}
.topo_cima_redes{ display:none}
.topo_cima_telefone{ display:none}
.topo_cima_mail{ display:none}

.central { 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:30px}
.espaco_P{ clear:both; height:10px}

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

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

.topo {padding:0px;}
.lateral_logo{box-sizing: border-box; float:right;}
.logo{float:left; text-align:left; padding-top:15px; padding-bottom:10px; padding-left:10px}
.logo_img{ width:180px}

/*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:#011337; text-align:left; 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{ background-color: #002875; color: white; padding: 15px 40px; border: none; border-radius: 5px; cursor: pointer; position: relative; outline: none; box-shadow:0px 3px 0px #ffcc00; transition: background-color 0.3s ease; font-size:12pt; display:block}
.banner_botao:hover{ background-color:#ffcc00}


/*QUEM HOME*/
.quem_home{ margin:0; padding:0; 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%; padding-left:20px; padding-right:20px; text-align:left}
.quem_home_subtitulo{  font-size:15pt; font-weight:300; margin-bottom:20px; width:70%; color:#002875}
.quem_home_titulo{  font-size:26pt; font-weight:900; margin-bottom:20px; width:80%}
.quem_home_texto{ font-size:16pt; line-height:150%; text-align:justify; margin-bottom:20px; color:#858688}

/*DIFERENCIAIS*/
.dif_base{ width: 100%; background-size:cover}
.dif_mask_azul{  background-image:url(../images/azul_50.png);}
.dif_mask_gradiente{background-image:url(../images/bg_dif.png); background-repeat:repeat-y; background-size:100% auto; padding-top:70px; padding-bottom:70px}
.dif_subtitulo{ font-size:15pt;  font-weight:300; text-align:center; color:#FFF; padding-bottom:30px; text-transform:uppercase}
.dif_titulo{ font-size:26pt;  font-weight:900; text-align:center; color:#FFF; width:70%; margin:0 auto; margin-bottom:30px}

.dif_box{ width:25%; float:left; margin-bottom:8px;}
.dif_box_home{  box-sizing:border-box;}
.dif_box_interna{ box-sizing:border-box; padding:30px; overflow:hidden; color:#FFF; border:1px solid #FFF; border-radius: 10px; text-align:center; height:260px}
.dif_box_interna_home{ margin:10px; margin-bottom:40px; box-sizing:border-box; padding:20px; overflow:hidden; color:#FFF; border:1px solid #FFF; border-radius: 10px; text-align:center; height:260px}
.dif_box_titulo{ height:50px; overflow:hidden; font-size:16pt; margin-bottom:15px; margin-top:15px; font-weight:700}
.dif_box_txt{ font-size:11pt; font-weight:300}
.dif_box_icon{ height:50px; width:100%; background-image:url(../images/rosa_linha.png); background-size:auto 100%; background-position:center; background-repeat:no-repeat;}

/*SERVIÇOS*/
.servicos_base{ background-image:url(../images/bg_topo_20.png); padding-top:50px; padding-bottom:50px}
.servicos_subtitulo{ font-size:15pt;  font-weight:300; text-align:center; padding-bottom:30px; text-transform:uppercase}
.servicos_titulo{ font-size:26pt;  font-weight:900; text-align:center; width:70%; margin:0 auto; margin-bottom:30px; color:#ffcc00}

.serv_box{ width:100%; box-sizing:border-box; float:left; margin-bottom:8px; box-sizing:border-box}
.serv_box_home{  box-sizing:border-box;}
.serv_box_interna{ box-sizing:border-box; padding:20px; overflow:hidden; border:1px solid #999; border-radius: 10px; text-align:left;}
.serv_box_interna_home{ margin:10px; margin-bottom:40px; box-sizing:border-box; padding:20px; overflow:hidden; border:1px solid #999; border-radius: 10px; text-align:left; height:280px; background-color:#FFFFFF}
.serv_box_titulo{ height:60px; overflow:hidden; font-size:16pt; font-weight:900; color:#002875; width:80%}
.serv_box_subtitulo{ min-height:60px; font-size:12pt; margin-bottom:10px; margin-top:10px; font-weight:700; color:#ffcc00}
.serv_box_txt{ font-size:11pt; font-weight:300; color:#858688;margin-bottom:20px;}
.serv_box_saiba{ font-size:11pt; font-weight:700}
.serv_box_saiba::after { content: " →"; font-weight: normal; /* opcional: pode ajustar o peso da seta */}

.servicos_esquerda {width:100%;	float:left; box-sizing:border-box}
.servicos_direita {width:60%; float:right; box-sizing:border-box; padding-left:3%;}
.servicos_slogan{font-size:18pt; margin-bottom:20px; margin-top:20px; font-weight:700; color:#ffcc00; text-align:justify}
.servicos_resumo{font-size:16pt; margin-bottom:20px; font-weight:700; text-align:justify}

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

.depo_base { background-color:#ffcc00; padding-top:5%; padding-bottom:4%; padding-right:5%; margin:0; box-sizing: border-box; clear:both;}
.depo_base_pagina {  background-color:#ffcc00; box-sizing:border-box; clear:both; padding-top:40px;}
.depo_esqu{ box-sizing:border-box; margin:0; text-align:center; float:left; width:50%; padding-top:10%; padding-left:10%; padding-right:10% }
.depo_textos{box-sizing:border-box; margin:0; text-align:center; float:right; width:50%;  background-image:url(../images/icon_blue.png); background-repeat:no-repeat; background-size:80px; background-position:top left; padding-top:60px; padding-left:60px}

.depo_titu{ font-size:26pt; font-weight:900; color:#FFF; text-align:center; padding-bottom:40px}

.depo_box_home{ background-color:#ffcc00; padding:20px; margin-bottom:50px}
.depo_box_pagina{ background-color:#ffcc00; padding:10px; column-span: all;}
.depo_box_interno_home{ text-align:center; background-color:#FFFFFF; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:10%; border:0px; box-sizing:border-box; min-height:150px; line-height:150%; color:#969392; font-size:12pt;}
.depo_box_interno_pagina{ text-align:center; background-color:#FFFFFF; border-radius: 10px; padding:5%; border:0px; box-sizing:border-box; line-height:150%; color:#969392; font-size:12pt;}

.depo_box_set{ margin-top:-1px; width: 0; height: 0; border-left: 50px solid transparent;  border-right: 50px solid white; border-top: 0px solid transparent; border-bottom: 50px 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:20px}
.depo_infos{ float:left; box-sizing:border-box; margin-top:20px; padding-left:15px}
.depo_nome{ font-size:18pt; font-weight:700; text-align:left; color:#FFF}
.depo_bairro{ font-size:12pt; font-weight:400; text-align:left; color:#FFF}
.depo_box_separa_home{ clear:both; height:60px}
.depo_box_separa_pagina{ clear:both; height:45px}

/*BLOG*/
.blog_base{ background-image:url(../images/bg_topo_20.png); padding-top:50px; padding-bottom:50px}
.blog_subtitulo{ font-size:15pt;  font-weight:300; text-align:center; padding-bottom:30px; text-transform:uppercase; color:#ffcc00}
.blog_titulo{ font-size:26pt;  font-weight:900; text-align:center; width:70%; margin:0 auto; margin-bottom:30px; }

.box_evento{ text-align:left; font-size:12pt; width:50%; float:left; margin-bottom:8px; }
.box_evento_home{ margin-bottom:40px; box-sizing:border-box}
.box_evento_interna{ width:99%; box-sizing:border-box; margin:0 auto; padding:10px; background-color:#FFF; border:0px solid #CCC}

.evento_data{ color:#FFF; text-align:center; position:absolute; padding:5px; bottom:5px; left:30%; font-size:10pt; font-weight:400; background-image:url(../images/50.png); margin:0 auto; font-size:8pt}
.evento_nome{ height:58px; margin-top:10px; overflow:hidden; text-align:center; font-size:12pt; margin-bottom:5px; font-weight:700}
.evento_resumo{ display:none}
.foto_evento{ width:98%; height:190px; border:1px solid #000; 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:#002875; 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%; float:left; font-size:14pt; text-align:justify; text-overflow: ellipsis}
.esq{  padding-bottom:40px}
.dir{ padding-top:40px}

/*RODAPE*/
.rodape_base{padding-top:70px;}
.roda_divide{ box-sizing:border-box; width:100%; float:left; margin:0 auto; text-align:left;  padding-bottom:20px; padding-left:20px}
.roda_logo{box-sizing:border-box; width:100%; float:left; margin:0 auto; text-align:left;  padding-bottom:70px;padding-left:20px}
.roda_logo_img{max-width:180px; padding-bottom:10px}
.roda_titulo{ font-weight:900; font-size:16pt; padding-bottom:10px; text-transform:uppercase}
.roda_dados{ font-size:12pt; min-height:40px; margin-bottom:20px; clear:both}
.roda_tele{ font-size:14pt; 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-top:10px; padding-bottom:20px}
.roda_quadrado {display: inline-block; width: 15px; height: 15px; background-color: #fbca01; margin-right: 10px; }
.roda_serv{ display:none}

.bloco_fotos {width:100%; float:right; padding-bottom:3%}

.coluna{}
.coluna_3{column-count: 2;   column-gap: 30px; text-align:left; font-size:10pt}

.bloco_contato_esq {width:100%;	box-sizing:border-box;padding:20px; }
.bloco_contato_dir {width:100%;background-color:#011337; padding:20px; padding-top:50px; padding-bottom:50px; box-sizing:border-box; border-top:1px solid #999; text-align:center; color:#FFF}

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

.form{ color:#FFF; background-color:#011337; border-bottom:1px solid #FFF; text-align:center}
.form_bt{background-color: #ffcc00;}
.form_bt:hover { background-color: #002875;}
.form_txt{color:#FFF; background-color:#011337; border-bottom:1px solid #FFF; text-align:center}


/*PRODUTOS*/
.produtos_menu {float:left; width:100%; border:1px solid #002875; margin-top:5px; font-size:11pt; box-sizing:border-box; border-radius: 5px;}
.produtos_principal {float:left; width:100%; box-sizing:border-box; padding-top:2%}
.botao_grupo{text-align:center; box-sizing:border-box; padding:20px; color:#FFF; background-color:#999; margin:2px; float:left; margin-bottom:5px}

/*////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:10px; text-align:center; box-sizing:border-box}
.box_produto_home{ width:100%; margin:0 auto; margin-bottom:40px; text-align:center;}
.box_produto_interna{margin:5px; 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:12pt; font-weight:300; color:#002875}
.produto_foto{ height:200px; 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%; float:left; background-color:#FFFFFF;}
.produto_detalha_info{ width:100%; float:left; padding-top:1%; box-sizing:border-box; text-align:justify; font-size:15pt;}
.produto_detalha_info_total{ width:100%; float:left; font-size:15pt;}
.produto_detalha_titulo {}

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