*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{margin:0;padding:0;font-family:'Open Sans',sans-serif;font-size:62.5%;line-height:100%;color:#000;background:#fff}
h1{font-size:3em;font-weight:300;line-height:1em}
#interno h1{background-color:#FF2C03;text-align:left;text-transform:uppercase;color:#fff;font-weight:700;padding:1em 0;font-size:2.5em}
h2{font-size:2.5em;font-weight:600;line-height:1.5em;margin-bottom:1.5em}
#interno h2{margin-bottom:.5em}
h3{text-transform:uppercase;font-size:2.6em;font-weight:400;text-align:center;margin-bottom:1em;line-height:1em}
h4{color:#fff;text-transform:uppercase;font-size:1.8em;font-weight:600;margin-bottom:1em;line-height:1em}
p{font-size:1.6em;line-height:1.5em;margin-bottom:.5em}
a{color:#fff;text-decoration:none}
li{list-style:none}
.hidden{opacity:0}
.visible{opacity:1}
.mobile{display:none}
.delay05{animation-delay:.5s;-webkit-animation-delay:.5s;-ms-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s}
.delay1{animation-delay:1s;-webkit-animation-delay:1s;-ms-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s}
.delay2{animation-delay:1.5s;-webkit-animation-delay:1.5s;-ms-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s}
.lista li{list-style:disc;list-style-position:inside;font-size:1.6em;line-height:1.3em;margin-bottom:.5em}
.central{width:80%;margin:auto;max-width:1100px}
.central.centro{text-align:center}
.conteudo{padding:3em 0;margin:0 auto}
.clear{clear:both}
.destaque-vermelho{background-color:#FF2C03;padding:9px 3px 15px;color:#FFF;font-weight:700;vertical-align:text-top;display:inline-block;line-height:.3em;margin-top:.3em}
.destaque-laranja{background-color:#FF7433;padding:7px 3px 15px;color:#FFF;font-weight:800;vertical-align:text-top;display:inline-block;line-height:.3em;margin-top:.2em}
.botao{border-radius:10px;padding:10px 48px;font-weight:700;font-size:2.5em;display:inline-block;vertical-align:middle;margin:1em auto;cursor:pointer;border:none}
.botao-menor{border-radius:5px;padding:15px 18px;font-weight:700;font-size:1.5em;display:inline-block;vertical-align:middle;margin:1em auto;cursor:pointer;border:none}
.azul{background-color:#022768}
.verde{background-color:#72B821;box-shadow:0 6px #467004!important}
.botao.verde{font-weight:500;line-height:1.1em}
.botao i{font-size:1.5em;margin-right:.5em;display:inline-block;vertical-align:middle}
img{max-width:100%;height:auto}
header{background-image:url(img/header.jpg);background-color:#0F1D2F;background-position:center -170px;min-height:25em}
#interno header{background-position:center -400px}
#logo{padding:3.5em 0;display:inline-block}
#logo img{max-width:280px;height:auto}
#menu{float:right;padding-top:4.5em;font-weight:600;font-size:2em}
#menu,#menu li{display:inline-block}
#menu li{padding-left:1.5em}
#menu li a{padding:10px 0;margin-bottom:-5px}
#menu li.has-child i,#menu-mobile li i{margin-left:5px;font-size:.8em;line-height:.5em;display:inline-block;vertical-align:top}
#menu-mobile li i{line-height:1.2em;vertical-align:top}
#menu li .sub-menu{box-shadow:0 3px 10px rgba(0,0,0,0.8)}
#menu li .sub-menu li{padding-left:0;float:none;position:relative;display:block;background-color:#bababa;display:block}
#menu li .sub-menu li:hover{background-color:#dedede}
#menu li .sub-menu li a{font-size:.85em;color:#101f32;line-height:150%;padding:10px;display:block;margin-bottom:0}
li.has-child .sub-menu li a::after{content:''!important}
li.has-child{position:relative}
li .sub-menu{width:auto;visibility:hidden;opacity:0;position:absolute;top:1.5em;left:1.5em;transform:translateY(-1em);-moz-transform:translateY(-1em);-ms-transform:translateY(-1em);-webkit-transform:translateY(-1em);z-index:-1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;text-align:left;min-width:200px;z-index:105}
li.has-child:hover .sub-menu{visibility:visible;opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-mstransform:translateY(0%);transition-delay:0s,0s,.3s;-moz-transition-delay:0s,0s,.3s;-ms-transition-delay:0s,0s,.3s;-webkit-transition-delay:0s,0s,.3s;z-index:96}
li .sub-menu li{transform:none;transition:none}
#menu li:hover > a{margin-bottom:-5px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.hvr-underline-reveal::before{background:#FF2C03!important}
.dropbtn{cursor:pointer}
.dropdown{position:relative;display:inline-block}
.dropdown-content{display:none;background-color:#f1f1f1;min-width:160px;overflow:auto;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1}
.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}
.show{display:block}
.dropdown a:hover{background-color:#ddd}
#myDropdown li a{background-color:#c8c8c8;color:#233A6F}
.chamada{text-align:center;color:#fff;line-height:1.3em;padding:2em 0 6em;text-shadow:3px 3px 4px #000}
.chamada .destaque-vermelho{text-shadow:1px 1px 4px #000}
#secao-cliente{position:relative}
#secao-cliente h2{margin-bottom:1em}
#secao-cliente .destaque-vermelho{padding:11px 3px 15px}
#secao-cliente p{font-size:1.8em;line-height:1.6em}
#secao-cliente .conteudo{width:60%;padding:10em 0;margin:0 auto;text-align:center}
#secao-cliente .fundo{position:absolute;z-index:-99;top:0}
#secao-cliente .fundo img{width:100%;height:auto}
#secao-azul{background:#1a2b52;background:linear-gradient(90deg,rgba(26,43,82,1) 5%,rgba(35,58,111,1) 42%,rgba(26,43,82,1) 100%)}
#secao-azul .destaque-vermelho{padding:12px 3px 15px;margin-top:0}
#sistema-controli-simulacao{display:inline-block;vertical-align:middle;margin:16px 0;width:35%}
#sistema-controli-simulacao img{width:100%;height:auto;max-width:958px}
#texto-sistema-controli-simulacao{display:inline-block;vertical-align:middle;margin-left:5%;font-size:2em;line-height:2em;text-align:left;color:#fff}
#secao-cinzaclaro{background-image:url(img/cinza-claro-01.jpg);background-size:1920px 1158px;background-position:center 0;overflow:hidden}
.sistemas .conteudo{padding:5em 0;margin:0 auto}
.section-maior,.section-menor{display:inline-block;vertical-align:middle}
.section-maior{width:53%}
.sistemas .section-maior{text-align:center}
ul.lista-icones{text-align:left}
ul.lista-icones li{margin-bottom:1em}
.section-menor{width:42%}
.marginr5{margin-right:5%}
.marginl5{margin-left:5%}
.left{float:left}
.right{float:right}
ul.lista-icones li p{display:inline-block;vertical-align:middle;width:calc(98% - 55px);margin-bottom:0}
.icone-nota,.icone-sistema,.icone-update,.icone-ferramentas{background-image:url(img/img.png);background-repeat:no-repeat;width:96px;height:96px;display:inline-block;vertical-align:middle;margin-right:2%;margin-bottom:1em}
.section-maior .icone-nota,.section-maior .icone-sistema,.section-maior .icone-update,.section-maior .icone-ferramentas{background-size:340px 340px;width:55px;height:55px}
.section-maior .icone-nota{background-position:-2px -2px}
.section-maior .icone-sistema{background-position:-58px -2px}
.section-maior .icone-update{background-position:-114px -2px}
.section-maior .icone-ferramentas{background-position:-2px -58px}
.icone-nota,.icone-sistema,.icone-update{background-size:580px 580px}
.icone-nota{background-position:-3px -3px}
.icone-sistema{background-position:-97px -2px}
.icone-update{background-position:-193px -2px}
#controli{background-color:#fff;margin:auto;border-radius:0 0 20px 20px;width:35%;max-width:500px;padding:4em}
#hotsite-controli h2{text-align:center;color:#233A6F;font-weight:700}
#hotsite-controli h3{text-transform:none;font-size:3em;color:#233A6F;line-height:1.4em;margin-bottom:1.5em}
#hotsite-controli .coluna01,#hotsite-controli .coluna02,#hotsite-controli .coluna03{text-align:center;font-weight:600}
#hotsite-controli #sistema-controli-simulacao{display:inline-block;vertical-align:middle;margin:0;width:48%;margin-right:5%}
#hotsite-controli #texto-sistema-controli-simulacao{width:42%;text-align:right}
#secao-pontilhado{background-image:url(img/subtle_dots.jpg);background-repeat:repeat}
#secao-pontilhado .conteudo{padding:8em 0}
#secao-cinza .conteudo{padding:5em 0}

#modulos{position:relative;margin:3em auto;text-align:center;width:920px}
.modulo{width:265px;position:absolute}
.modulo01{top:0;left:22px}
.modulo02{top:103px;right:32px}
.modulo03{top:210px;left:22px}
.modulo04{top:315px;right:32px}
.modulo05{top:420px;left:22px}
.modulo06{top:525px;right:32px}
.modulo07{top:630px;left:22px}
.modulo08{top:735px;right:32px}
.modulo09{top:840px;left:22px}
.img-modulos{position:relative}
.modulo .titulo{text-transform:uppercase;font-size:1.8em;font-weight:400;margin-bottom:10px;border-top:3px solid #919191;padding-top:8px;display:inline-block;position:relative;line-height:1.1em}
.textoright .titulo::before{content:url(img/bullet-left.png);position:absolute;top:-4px;right:-26px}
.textoleft .titulo::before{content:url(img/bullet-right.png);position:absolute;top:-4px;left:-25px}
.textoleft{text-align:left}
.textoright{text-align:right}
.modulo .lista li,.lista.colorida li{list-style:none}
.modulo .lista li i,.lista.colorida li i{margin-right:5px}
.modulo .lista li{margin-bottom:.2em}
#secao-cinza{background-color:#DBDBDB}
.lista.colorida li{line-height:1.5em}
.lista.colorida li span{display:inline-block;vertical-align:middle;font-weight:700;text-transform:uppercase}
.lista.colorida li i{font-size:.7em;vertical-align:middle;display:inline-block}
#secao-cinzainfo{width:100%;overflow:hidden;position:relative;z-index:0}
#secao-cinzainfo .fundo{position:absolute;z-index:-99}
#interno .conteudo{padding:1em 0}
.ilustracao{float:right}
footer{background-color:#022768;padding:3em 0 1em}
footer .coluna01,footer .coluna02,footer .coluna03{display:inline-block;vertical-align:top;width:25%;margin:0}
footer .coluna01{width:50%}
footer .coluna01 img{max-width:250px;margin-top:1em}
footer .coluna02 p,footer .coluna02 i{color:#fff;display:inline-block;vertical-align:middle}
footer .coluna02 p{margin-bottom:0}
footer .coluna02 i{font-size:1.5em;margin-right:.5em}
footer .coluna03{text-align:right}
#creditos{color:#fff;text-align:center;font-size:1.2em;margin-top:3em;line-height:1.4em}
#orcamento{float:left;width:56%}
#orcamento form{font-size:1.6em;line-height:2em;max-width:1000px}
#orcamento form label{display:block;line-height:1.4em;font-size:.9em}
#orcamento form input,#orcamento form textarea{padding:3px;margin-bottom:10px;width:100%;font-size:1.2em;font-family:'Open Sans',sans-serif}
#orcamento form label input{display:inline;width:auto;margin:5px}
#orcamento form .largura-total{width:100%}
#orcamento form .largura-menor.direita{width:29%;float:right}
#orcamento form .largura-menor.esquerda{width:69%;float:left}
#orcamento form .botao-menor{font-size:1.5em;display:inline;color:#fff;margin:20px 0;padding:10px}
#foto-orcamento{width:41%;float:right;margin-top:-8.5em}
.coluna01,.coluna02,.coluna03{width:31.3%;display:inline-block;vertical-align:top}
.sobre .coluna01,.sobre .coluna02,.sobre .coluna03{background-color:#e0e0e0;padding:30px}
.sobre .coluna01,.sobre .coluna02{width:28%}
.sobre .coluna03{width:40%}
.sobre .coluna01 p,.sobre .coluna02 p,.sobre .coluna03 p{font-size:1.5em}
.sobre .coluna01 strong,.sobre .coluna02 strong,.sobre .coluna03 strong{font-size:1.7em;font-weight:400}
.coluna01,.coluna02{margin-right:2%}
#menu-hamburguer,.menu-hamburguer,#menu-toggle{display:none}
@media screen and (max-width :1220px) {
footer .coluna01{width:40%}
footer .coluna02,footer .coluna03{width:30%}
}
@media screen and (max-width :1100px) {
ul#menu{display:none}
.menu-hamburguer{position:absolute;display:block;background-image:url(img/img.png);background-size:580px 580px;width:78px;height:66px;z-index:9999999;cursor:pointer;background-position:-294px -10px;top:6em;right:10%}
.menu-hamburguer:hover{background-color:#233A6F;border-radius:5px;padding:10px}
label.menu-hamburguer{cursor:pointer}
nav.menu-mobile ul#menu-hamburguer{display:block}
#menu-toggle:checked + #menu-hamburguer{display:block;width:100%;margin:-2em auto 0;position:inherit}
#menu-hamburguer a,#menu-hamburguer button{display:block;background:#233A6F;color:#fff;font-size:1.8em;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-align:center;padding:15px 25px 15px 5px;text-transform:none;font-weight:500}
#menu-hamburguer button{width:100%;border:none}
#menu-hamburguer a:hover{margin-top:0;border:none;background:#102A66;color:#fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
#menu-hamburguer ul.sub-menu a{padding:2% 7% 2% .5%;font-size:1.4em;border:none;background-color:#d1d1d1;text-transform:uppercase;margin:0;transform:none;color:#233A6F}
#menu-hamburguer ul.sub-menu a:hover{transform:none;background-color:#a5a5a5}
#menu-hamburguer ul.menu-mobile{padding-top:1em}
#menu-mobile li{display:inherit}
#menu-mobile li.has-child ul{width:100%}
#menu-mobile li ul.sub-menu{width:100%;text-align:left;background:#9c9c9c;position:inherit;visibility:hidden;opacity:0;transition:all .5s ease;z-index:-1;left:0;top:7px;width:auto;height:0}
#menu-mobile li.has-child:hover ul{visibility:visible;opacity:1;transition-delay:0s,0s,.3s;-moz-transition-delay:0s,0s,.3s;-ms-transition-delay:0s,0s,.3s;-webkit-transition-delay:0s,0s,.3s;z-index:96;display:block;height:auto}
#interno header{background-position:center -275px}
}
@media screen and (max-width :980px) {
footer .coluna01,footer .coluna02,footer .coluna03{display:block;width:100%;text-align:center}
footer .coluna02{margin:3em auto 5em}
.ilustracao{float:none}
#secao-cliente{overflow:hidden}
#secao-cliente .conteudo{width:80%}
#secao-cliente .destaque-vermelho{line-height:1.3em;padding:5px 3px 7px}
#secao-cliente .fundo{right:-30%}
#secao-cliente .fundo img{width:auto;height:1000px;max-width:1920px}
.botao span{display:inline-block;line-height:1em}
#sistema-controli-simulacao{width:100%}
#texto-sistema-controli-simulacao{margin-bottom:3em;text-align:center}
#texto-sistema-controli-simulacao br{display:none}
#hotsite-controli #texto-sistema-controli-simulacao br{display:inherit}
.mobile{display:block;text-align:center}
.img-modulos.mobile{display:none}
.section-menor,.section-maior{width:100%;text-align:center!important}
.sistemas h3{text-align:center!important}
#secao-cinzaclaro .section-menor,.contador .section-menor{display:none}
.ilustracao{float:none;width:50%;margin:0 auto 5em;display:block}
#hotsite-controli #sistema-controli-simulacao{width:100%}
#hotsite-controli #texto-sistema-controli-simulacao{margin-left:auto;width:100%;text-align:center}
#controli{width:60%}
}
@media screen and (max-width :940px) {
.modulo{width:auto;position:relative;top:inherit;left:inherit;right:inherit;margin-bottom:3em}
.modulo .titulo{font-weight:800;border-top:none;padding-top:0;display:block}
.modulo.textoright{text-align:left}
.img-modulos{display:none}
.img-modulos.mobile{display:block;float:left;margin-left:2%;width:40%}
#modulos{float:right;width:54%;margin-right:2%;margin-left:2%;margin-top:0}
.modulo .titulo::before{content:''}
}
@media screen and (max-width :820px) {
.sobre .coluna01,.sobre .coluna02,.sobre .coluna03{width:100%;margin-right:0;display:block;margin-bottom:10px}
header{background-image:url(img/header-mobile.jpg);background-color:#0F1D2F;background-position:center 0}
#foto-orcamento{margin-top:0}
#interno .central{width:90%}
#hotsite-controli .coluna01,#hotsite-controli .coluna02,#hotsite-controli .coluna03{width:100%;margin:auto;display:block}
.lista.colorida li{clear:both}
.lista.colorida li i{float:left;width:15px;padding-top:8px}
.lista.colorida li span{float:left;width:calc(100% - 20px)}
}
@media screen and (max-width :640px) {
#controli{width:90%}
}
@media screen and (max-width :480px) {
.menu-hamburguer{position:relative;top:0;right:inherit;margin:auto}
#logo{margin:auto;text-align:center;display:block}
#orcamento,#foto-orcamento{float:none;width:100%}
}