@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:40px; font-weight:700; line-height:1.1em;}
h2{font-size:36px; font-weight:700; line-height:1.1em;}
h3{font-size:32px; font-weight:700; line-height:1.1em;}
h4{font-size:28px; font-weight:700; line-height:1.1em;}
h5{font-size:24px; font-weight:700; line-height:1.1em;}
h6{font-size:22px; font-weight:700; line-height:1.1em;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:700;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: 'Open Sans', sans-serif; color:#3E3E3C; font-weight:400; min-width:360px;}
#container {margin:0; padding: 130px 0 420px 0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

#alerta{position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.7); z-index:2000; display:flex; justify-content:center; align-items:center;}
#alerta.hover{display:none; visibility:hidden;}
#alerta div{display: block; margin: auto; width: 800px; position: relative;}
#alerta img{width: 100%;}
#alerta .fechar{position:absolute; right:-30px; top:-30px;}

#dwc{position:fixed; right:50px; bottom:50px; display:block; z-index:1000; box-shadow:0 0 10px 0 #000000; background-color:#282F6B; border:solid 2px #FFFFFF; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 2s, z-index 3s; -moz-transition:opacity 2s, z-index 3s; -ms-transition:opacity 2s, z-index 3s; transition:opacity 2s, z-index 3s;}
#dwc .pict{width: 100px; height: 100px; background-color:#282F6B; position: relative; z-index: 100;}
#dwc .pict + .white{width: 0; display: block; position: absolute; right: 50%; top: 0; white-space: nowrap; padding: 20px 0; background-color:#282F6B; overflow: hidden; z-index: 0; -khtml-border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px; -webkit-border-radius:50px 0 0 50px; border-radius:50px 0 0 50px; -webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; transition:width 2s;}
#dwc .pict:hover + .white{width: 200px;}
#dwc .pict + .white span{display: block; padding: 0 40px 0 0; font-size: 20px; text-align: center; line-height: 20px; width: 200px;}

header {position:fixed; top:0; z-index:150; padding:0 3.8%; width:100%; font-size:0; text-align:right; border-top: solid 5px #304B9A; min-width:360px; height: 131px;}
header::before{content: ""; position: absolute; bottom: -50px; right: 0; left: 0; display: block; height: 50px; background-color:#00203E; z-index:0; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); mix-blend-mode: multiply;}

header .logo{margin:30px 0 15px 0; width: 292px; height: 80px; float:left; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("../images/svg/stelmat.svg");}
header .links{display: block; margin: 36px 0;}
header .links .circle{padding: 5px;}
header .links .circle + span{display: inline-block; vertical-align: middle; font-size: 22px; font-weight: 700; line-height: 1em; margin-left: 5px;}
header .links .circle + span span{display: block; font-size: .6em; font-weight: 400; line-height: 1em;}
header .links .alpha + .alpha{margin-left: 20px;}

header .button{margin: 9px 0 0 0; font-size: 18px; font-weight: 700; position: relative; z-index: 100;}
header .button + .button{margin-left: 10px;}

nav{position: absolute; top: 124px; right: 0; left: 0; border-top: solid 1px #85CEE4; border-bottom: solid 1px #85CEE4; display: block; padding: 0 3.8%; z-index: 10;}
nav ul{margin:0; padding:1px 0; list-style:none; font-size:0; display: inline-block; float: left;}
nav ul li{display:inline-block; vertical-align:top; z-index:0; margin-right: 20px;}
nav ul li:last-child{margin-right: 0;}

nav ul li a.white{display:block; position:relative; cursor:pointer; z-index:10; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
nav ul li:not(:first-child) a.white{font-size:16px; line-height:50px; font-weight:400;}
nav ul li:first-child a.white{padding: 5px 0;}

nav ul li a.white::after{content:""; display:block; position:absolute; bottom:0; left:0; width:40px; height:0; background-color:#85CEE4; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
nav ul li:hover a.white::after, nav ul li a.white.hover::after{height: 5px;}
nav ul li:hover a.white.hover::after{background-color:#FFFFFF;}

nav ul li:hover{z-index:5;}
nav ul li:hover a.white, nav ul li a.white.hover{color: #85CEE4;}
nav ul li:hover a.white.hover{color:#FFFFFF;}

nav ul li:nth-child(3) ul li{width:22.15%;}
nav ul li:nth-child(3) ul li:nth-child(5n){margin-right: 3.8%;}
nav ul li:nth-child(3) ul li:nth-child(4n){margin-right: 0;}
nav ul li:nth-child(7) ul li{width:22.15%;}
nav ul li:nth-child(7) ul li:nth-child(5n){margin-right: 3.8%;}
nav ul li:nth-child(7) ul li:nth-child(4n){margin-right: 0;}
nav ul li:nth-child(6) ul li, nav ul li:nth-child(8) ul li{width:48.1%;}

nav ul li ul {height:0; position:absolute; left:0; right: 0; font-size: 0; display:block; overflow:hidden; padding:0 3.8%; margin: 2px 0 0 0; list-style-type:none; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index:20; text-align: left;}
nav ul li ul::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:#00203E; z-index:0; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); mix-blend-mode: multiply;}

nav ul li ul li {display:inline-block; position:relative; z-index:2; width: 16.96%; margin: 0 3.8% 0 0;}
nav ul li ul li::before{content:""; position: absolute; bottom: 0; right: 0; left: 0; border-bottom: solid 1px #FFFFFF;}
nav ul li ul li:nth-child(5n), nav ul li ul li:last-child{margin:0;}
nav ul li ul li a{color: #FFFFFF; font-weight: 700; font-size: 16px; display: block; line-height: 18px; padding: 30px 0 10px 0;}
nav ul li ul li a.hover{color: #85CEE4;}

nav ul li ul li a .medium.circle.bg-blue-b{display: block; margin-bottom: 10px;}

#banner{position:relative; display:block; margin:0; padding:0; font-size:0; list-style:none; height:680px; min-width:360px;}
#banner li{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; justify-content:center; align-items:left; width:100%; padding:50px 3.8% 0 3.8%; background-repeat:no-repeat; background-size:cover; background-position: center; z-index:0;}
#banner li:nth-child(2), #banner li:nth-child(3){display: none;}
.no-webp #banner li.institucional, .no-js #banner li.institucional{background-image:url(../images/large/banner-institucional-bg.jpg);}
.webp #banner li.institucional{background-image:url(../images/large/banner-institucional-bg.webp);}

.no-webp #banner li.servicos, .no-js #banner li.servicos{background-position: center top; background-image:url(../images/large/banner-servicos-bg.jpg);}
.webp #banner li.servicos{background-position: center top; background-image:url(../images/large/banner-servicos-bg.webp);}

.no-webp #banner li.solucoes, .no-js #banner li.solucoes{background-image:url(../images/large/banner-solucoes-bg.jpg);}
.webp #banner li.solucoes{background-image:url(../images/large/banner-solucoes-bg.webp);}

#banner li.white .grifado{text-shadow: 0 0 10px #000000;}
#banner li .button{position: absolute; top: 50%; right: 3.8%; margin-top: -20px; border: solid 1px #FFFFFF;}

section.solucoes {background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.no-webp section.solucoes, .no-js section.solucoes{background-image:url(../images/large/section-solucoes-bg.jpg);}
.webp section.solucoes{background-image:url(../images/large/section-solucoes-bg.webp);}
section.solucoes .article iframe{aspect-ratio: 16 / 9; width: 100%; height: 100%;}
section.solucoes li{display:inline-block; position:relative; width: 22.15%; height: 280px; margin: 50px 3.8% 0 0; vertical-align: top; font-size: 22px; font-weight: 700; text-align: left; padding: 20px 20px 60px 20px; border: solid 1px #DAE0E3; background-color: rgba(255,255,255,.9);}
section.solucoes li + span{display: block;}
section.solucoes .solucoes li:nth-child(3), section.solucoes .solucoes li:nth-child(8), section.solucoes .solucoes li:last-child{margin:50px 0 0 0;}
section.solucoes .servicos li{height: 320px;}
section.solucoes .servicos li:nth-child(4n), section.solucoes .servicos li:last-child{margin:50px 0 0 0;}
section.solucoes a{display: block; line-height: 1.1em;}
section.solucoes .circle.bg-blue.white{display: block; margin-bottom: 10px;}
section.solucoes .pict:not(.circle){position: absolute; bottom: 20px; left: 20px;}

section.seguranca {position: relative; padding: 0 3.8%; background-size: cover; background-position: center; background-repeat: no-repeat; border-top: solid 1px #FFFFFF;}
.no-webp section.seguranca, .no-js section.seguranca{background-image:url(../images/large/section-seguranca-bg.jpg);}
.webp section.seguranca{background-image:url(../images/large/section-seguranca-bg.webp);}

section.seguranca .content{padding: 120px 0;}

section.servicos {background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat;}
.no-webp section.servicos, .no-js section.servicos{background-image:url(../images/large/section-servicos-bg.jpg);}
.webp section.servicos{background-image:url(../images/large/section-servicos-bg.webp);}

section.servicos .content{padding-bottom: 39%;}
section.servicos .content p.text-center{position:absolute; bottom: 80px; width: 100%;}
section.servicos .button{border: solid 1px #FFFFFF;}

section.verticais{position: relative; border-top: solid 1px #FFFFFF;}
section.verticais h2 {height:600px; width: 80px; position: absolute; bottom: 0; left: 0; margin: 0; padding: 0;}
section.verticais h2 .white{transform: rotate(-90deg); display: block; position: absolute; bottom: 120px; left: -55px; letter-spacing: .1em;}
section.verticais h2 + .reset{padding-left: 80px;}
section.verticais .reset{white-space:nowrap;}
section.verticais li {display:inline-block; width:25%; padding-bottom:600px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; transition:width 1s;}

.no-webp section.verticais li#agronegocio, .no-js section.verticais li#agronegocio{background-image:url(../images/large/verticais-agronegocio.jpg);}
.webp section.verticais li#agronegocio{background-image:url(../images/large/verticais-agronegocio.webp);}

.no-webp section.verticais li#educacional, .no-js section.verticais li#educacional{background-image:url(../images/large/verticais-educacao.jpg);}
.webp section.verticais li#educacional{background-image:url(../images/large/verticais-educacao.webp);}

.no-webp section.verticais li#governo, .no-js section.verticais li#governo{background-image:url(../images/large/verticais-governo.jpg);}
.webp section.verticais li#governo{background-image:url(../images/large/verticais-governo.webp);}

.no-webp section.verticais li#hoteis, .no-js section.verticais li#hoteis{background-image:url(../images/large/verticais-hoteis.jpg);}
.webp section.verticais li#hoteis{background-image:url(../images/large/verticais-hoteis.webp);}

section.verticais li::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:color; background-color:#85CEE4; z-index:0; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}
section.verticais li:hover::before{background-color:#00203E;}

section.verticais li .white{display:flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s; background-color:rgba(0,32,62,0.70);}
section.verticais li:hover .white{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
section.verticais li .white span:not(.pict){display:block; width:700px; white-space:normal;}

section.noticias .news-list li:nth-child(4){display: none; visibility: hidden;}

section.parceiros li{display: inline-block; vertical-align:middle; width: 20%;}
section.parceiros li a img{max-width: 60%;}

section.certificados li{display: inline-block; vertical-align:middle; width: 10%; margin: 0 5% 0 0;}
section.certificados li:nth-child(7n), section.certificados li:last-child{margin: 0;}
section.certificados li a{max-width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

footer{position:absolute; height: 420px; padding:0 3.8%; bottom:0; left:0; right:0; border-top:solid 1px #FFFFFF;}
footer .content{padding-top: 80px;}
footer .column-3:nth-child(3) p:nth-child(2) .bg-gray-ll.circle + span{vertical-align: top;}
footer .logo{display: block; width: 292px; height: 80px; background-position: center; background-size: contain; background-image: url("../images/svg/stelmat-servicos-e-solucoes.svg");}
footer .white.alpha .bg-gray-ll.circle{padding: 5px; margin-right: 5px;}
footer .white.alpha .bg-gray-ll.circle + span{display: inline-block; vertical-align: middle;}
footer .white.alpha .bg-gray-ll.circle + span span:first-child{display: block; font-size: .6em; line-height: 1em;}
footer .white.alpha .bg-gray-ll.circle + span span:not(:first-child){font-size: .8em; line-height: 1em;}
footer .text-right{position: absolute; bottom: 0; width: 100%; white-space: nowrap;}
footer .text-right .bg-gray-ll.circle{padding: 5px;}
footer .text-right .bg-gray-ll.circle + .bg-gray-ll.circle{margin-left: 15px;}
footer .legenda{position: absolute; bottom: 0; left: 0;}

section.titulo{height: 280px; padding:50px 3.8% 0 3.8%; position: relative; display: flex; align-items: center; align-content: flex-start; background: linear-gradient(to right,  #00203E 0%,#85CEE4 50%,#85CEE4 100%);}
section.titulo::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background-size: cover; background-repeat: no-repeat; background-position: center;}

.no-webp section.titulo.cases::before, .no-js section.titulo.cases::before{background-image:url(../images/large/titulo-cases.jpg);}
.webp section.titulo.cases::before{background-image:url(../images/large/titulo-cases.webp);}

.no-webp section.titulo.noticias::before, .no-js section.titulo.noticias::before{background-image:url(../images/large/titulo-noticias.jpg);}
.webp section.titulo.noticias::before{background-image:url(../images/large/titulo-noticias.webp);}

.no-webp section.titulo.contato::before, .no-js section.titulo.contato::before{background-image:url(../images/large/titulo-contato.jpg);}
.webp section.titulo.contato::before{background-image:url(../images/large/titulo-contato.webp);}

section.titulo h1{padding-right: 55%; width: 100%; line-height: 1em; margin: 0;}
section.titulo h1 span{display: block; font-size:.5em; line-height: 1em; font-weight: 400;}
section.titulo .large.circle.bg-blue-b{position: absolute; right: 50%; margin: -25px -50px 0 0; top: 50%;}
section.titulo .pict{width: 100px; height: 100px;}

section.principal .content.dinamico .article{display:block;}/*noticias*/

section.principal .content.dinamico .sharethis-inline-share-buttons{margin-bottom: 30px;}
section.principal .content.dinamico .sharethis-inline-share-buttons img{border: none;}/* links compartilhamento*/
section.principal .content.dinamico .mostra-data {display: inline-block; float: left;}/* data */
section.principal .content.dinamico h2 span{text-transform:uppercase; display:block; font-size:.5em; font-weight:400;}
section.principal .content.dinamico h3, section.principal .article.dinamico h4 {margin-bottom:.8em;}

section.principal .content.dinamico img{max-width:100%; display:block; margin:auto; border:solid 1px #85CEE4;}
section.principal .content.dinamico img.vertical{max-width:48.1%; float:right; margin:0 0 3.8% 3.8%;}
section.principal .content.dinamico iframe{display:block; width:100%; margin:5% auto; overflow:hidden;}

section.principal .content.dinamico p:not(.text-center) a{text-decoration:none; font-weight:700; color:#85CEE4;}
section.principal .content.dinamico a.share{font-weight:normal; color:#FFFFFF;}

section.principal .content .column-2.contato .bg-blue-b.circle{display: inline-block; vertical-align: top; margin-right: 7px;}
section.principal .content .column-2.contato .bg-blue-b.circle + span{display: inline-block; vertical-align: top;}
section.principal .content .column-2.contato .bg-blue-b.circle + span .gray-l{display: block; font-size: .7em; line-height: 1em;}
section.principal .content .column-2.contato #contato + .text-right{position: absolute; right: 30px; bottom: 30px;}

section.principal .content .article iframe{aspect-ratio: 16 / 9; width: 100%; height: 100%;}

section.principal .content ul:not(.reset) li, section.principal .content ol li{font-size:18px; line-height:1.4em; padding:.25em 0 0 0;}
section.principal .content ul:not(.reset) li + li, section.principal .content ol li + li{margin-top: 1em;}

section.secundaria.bg-blue-b{padding: 0 3.8%;}
section.secundaria.bg-blue-b .button{border: solid 1px #FFFFFF;}
section.secundaria .son{padding: 0 3.8%; position: relative;}
section.secundaria .son .content{padding: 160px 0; text-align: left;}
section.secundaria .son:nth-child(2n) .content .column-2{float: right; margin-right: 0;}
section.secundaria .son::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background-size: cover; background-position: center; background-color: #B6C0C6;}
section.secundaria .son:nth-child(2n)::before{right: 50%; left: 0;}

section.secundaria .content, section.secundaria.bg-blue-b .content {padding: 40px 0;}
section.secundaria .content ul:not(.reset) li, section.secundaria .content ol li{font-size:18px; line-height:1.4em; padding:.25em 0 0 0;}
section.secundaria .content ul:not(.reset) li + li, section.secundaria .content ol li + li{margin-top: 1em;}

section.secundaria.bg-blue-b .content.text-center.white .chamada strong{font-size: 1.4em;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}
#contato input[type=text], #contato input[type=password] {font-size:18px; font-weight:300; font-family: 'Open Sans', sans-serif; display:block; width:100%; background:none; border:solid 1px #60605E; padding:0 5px; margin:0; height:50px; line-height:48px;}
#contato input[type=password]{margin: 1em 0;}
#contato input[type=text]:not(:first-child) + input[type=text]{margin:25px auto 0 auto;}
#contato textarea {font-size:18px; font-weight:300; font-family: 'Open Sans', sans-serif;  display:block; width:100%; background:none; border:solid 1px #60605E; padding:10px; margin:0 auto 25px auto; line-height:20px; min-height:200px;}
#contato input[type=submit] {font-size:12px; font-weight:300; font-family: 'Open Sans', sans-serif; width:100%; padding:0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; height:50px;}

#form.categorias{display:block; margin:0; padding:0; position:relative; width:30.8%; float:left; z-index:10; border: solid 1px #FFFFFF;}
#form.categorias::before{content:""; display:block; width:60px; height:60px; background-repeat:no-repeat; background-size:1100% auto; background-position:60% 100%; position:absolute; right:0; top:0; z-index:-1;background-image:url(../images/svg/pictogramas-2025.svg);}
#form.categorias select {font-size:18px; font-weight:400; font-family: 'Open Sans', sans-serif; display:block; width:100%; position:relative; padding:0 60px 0 20px; margin:0; height:60px; line-height:60px; border:none; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; border:none; background:none; z-index:10;}
#form.categorias + p{margin:0;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #85CEE4;}
.termsfeed-com---nb .cc-nb-title {color: #282F6B; font-family: 'Open Sans', sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #2A363B;}
.cc-nb-main-container{background-color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#304B9A!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color: firebrick; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#85CEE4!important; color:#FFFFFF!important;}

/*estruturais*/
.padrao{position:relative; padding:0 3.8%; min-width:360px;}
.padrao .content{padding:80px 0;}
.content {margin:auto; width:100%; max-width:1600px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#2A363B;}
.gray-l{color:#B6C0C6;}
.gray-ll{color:#DAE0E3;}
.gray-lll{color:#F4F5F6;}
.blue{color:#304B9A;}
.blue-b{color:#85CEE4;}
.blue-d{color:#282F6B;}
.blue-dd{color:#00203E;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#2A363B;}
.bg-gray-l{background-color:#B6C0C6;}
.bg-gray-ll{background-color:#DAE0E3;}
.bg-gray-lll{background-color:#F4F5F6;}
.bg-blue{background-color:#304B9A;}
.bg-blue-b{background-color:#85CEE4;}
.bg-blue-d{background-color:#282F6B;}
.bg-blue-dd{background-color:#00203E;}

.bg-multiply-blue-d::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#282F6B; z-index:0; opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70);}
.bg-multiply-blue-dd::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#00203E; z-index:0; opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70);}
.bg-multiply-blue-b::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#85CEE4; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-multiply-gray::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#2A363B; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}

.bg-stela{min-height: 450px; display: flex; align-items: center;}
.bg-stela::before{content: ""; position: absolute; top: 0; bottom: 0; width: 34.6%; background-repeat: no-repeat; background-position: center bottom; background-size:contain;}
.bg-stela.right::before{right: 0;}

.no-webp .bg-stela.stela-7::before, .no-js .bg-stela.stela-7::before{background-image:url(../images/stela/stela_07.png);}
.webp .bg-stela.stela-7::before{background-image:url(../images/stela/stela_07.webp);}

.no-webp .bg-stela.stela-38::before, .no-js .bg-stela.stela-38::before{background-image:url(../images/stela/stela_38.png);}
.webp .bg-stela.stela-38::before{background-image:url(../images/stela/stela_38.webp);}

.no-webp .bg-stela.stela-45::before, .no-js .bg-stela.stela-45::before{background-image:url(../images/stela/stela_45.png);}
.webp .bg-stela.stela-45::before{background-image:url(../images/stela/stela_45.webp);}

.no-webp .bg-stela.stela-68::before, .no-js .bg-stela.stela-68::before{background-image:url(../images/stela/stela_68.png);}
.webp .bg-stela.stela-68::before{background-image:url(../images/stela/stela_68.webp);}
  
.bg-stela .article{margin: 0 0 0 auto;}
.bg-stela.right .article{margin: 0 auto 0 0;}

/*transições*/
.alpha{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{-khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.circle{display:inline-block; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; vertical-align:middle; border-radius:50%;}
.two-column{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap: 30px;}

.gallery {display:block; font-size:0; margin-bottom:40px}
.gallery a{display:inline-block; width:22.15%; margin:20px 3.8% 20px 0; vertical-align:text-top; cursor:zoom-in; border:solid 1px #85CEE4; padding:10px;}
.gallery a:nth-child(4n), .gallery a:last-child{margin:20px 0 20px 0;}
.gallery a span{display:block; width:100%; padding-bottom:100%;}

.button{display:inline-block; vertical-align:middle; position:relative; line-height:1em;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button .label{display:inline-block; vertical-align:middle; text-align:center;}
.button.large .label{font-size:1.2em; min-height:80px; line-height:30px; padding:25px 1.5em;}
.button.medium .label{font-size:1.1em; min-height:60px; line-height:20px; padding:20px 1.5em;}
.button.small .label{font-size:1em; min-height:40px; line-height:20px; padding:10px 1.5em;}
.button.tiny .label{font-size:.9em; min-height:30px; line-height:16px; padding:7px 1.5em;}
.button .pict + .label{padding-right:1.5em; padding-left:.5em;}

.pict{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../images/svg/pictogramas-2025.svg);}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}
.pict.circle{position:relative;}

.pict.large{width:80px; height:80px; line-height:80px;}
.pict.medium{width:60px; height:60px; line-height:60px;}
.pict.small{width:40px; height:40px; line-height:40px;}
.pict.tiny{width:30px; height:30px; line-height:30px;}

.pict.blue-d.whats{background-position:0% 0%;}
.pict.blue-d.fone{background-position:10% 0%;}
.pict.blue-d.mail{background-position:20% 0%;}
.pict.blue-d.local{background-position:30% 0%;}
.pict.blue-d.home{background-position:40% 0%;}
.pict.blue-d.stelservice{background-position:50% 0%;}
.pict.blue-d.seguranca{background-position:60% 0%;}
.pict.blue-d.institucional{background-position:70% 0%;}
.pict.blue-d.rh{background-position:80% 0%;}
.pict.blue-d.orcamento{background-position:90% 0%;}
.pict.blue-d.dwc{background-position:100% 0%;}
.pict.blue-d.instagram{background-position:0% 10%;}
.pict.blue-d.youtube{background-position:10% 10%;}
.pict.blue-d.linkedin{background-position:20% 10%;}
.pict.blue-d.facebook{background-position:30% 10%;}
.pict.blue-d.twitter{background-position:40% 10%;}
.pict.blue-d.download{background-position:50% 10%;}
.pict.blue-d.upload{background-position:60% 10%;}
.pict.blue-d.link{background-position:70% 10%;}
.pict.blue-d.denuncias{background-position:80% 10%;}
.pict.blue-d.contato{background-position:90% 10%;}
.pict.blue-d.etica{background-position:100% 10%;}
.pict.blue-d.documentos{background-position:0% 20%;}
.pict.blue-d.anticorrupcao{background-position:10% 20%;}
.pict.blue-d.brindes{background-position:20% 20%;}
.pict.blue-d.interesses{background-position:30% 20%;}
.pict.blue-d.patrocinios{background-position:40% 20%;}
.pict.blue-d.publico{background-position:50% 20%;}
.pict.blue-d.terceiros{background-position:60% 20%;}
.pict.blue-d.informacao{background-position:70% 20%;}
.pict.blue-d.resumo{background-position:80% 20%;}
.pict.blue-d.mais{background-position:0% 30%;}
.pict.blue-d.menos{background-position:10% 30%;}
.pict.blue-d.fechar{background-position:20% 30%;}
.pict.blue-d.seguinte{background-position:30% 30%;}
.pict.blue-d.anterior{background-position:40% 30%;}
.pict.blue-d.topo{background-position:50% 30%;}
.pict.blue-d.base{background-position:60% 30%;}

.pict.white.whats{background-position:0% 40%;}
.pict.white.fone{background-position:10% 40%;}
.pict.white.mail{background-position:20% 40%;}
.pict.white.local{background-position:30% 40%;}
.pict.white.home{background-position:40% 40%;}
.pict.white.stelservice{background-position:50% 40%;}
.pict.white.seguranca{background-position:60% 40%;}
.pict.white.institucional{background-position:70% 40%;}
.pict.white.rh{background-position:80% 40%;}
.pict.white.orcamento{background-position:90% 40%;}
.pict.white.dwc{background-position:100% 40%;}
.pict.white.instagram{background-position:0% 50%;}
.pict.white.youtube{background-position:10% 50%;}
.pict.white.linkedin{background-position:20% 50%;}
.pict.white.facebook{background-position:30% 50%;}
.pict.white.twitter{background-position:40% 50%;}
.pict.white.download{background-position:50% 50%;}
.pict.white.upload{background-position:60% 50%;}
.pict.white.link{background-position:70% 50%;}
.pict.white.denuncias{background-position:80% 50%;}
.pict.white.contato{background-position:90% 50%;}
.pict.white.etica{background-position:100% 50%;}
.pict.white.documentos{background-position:0% 60%;}
.pict.white.anticorrupcao{background-position:10% 60%;}
.pict.white.brindes{background-position:20% 60%;}
.pict.white.interesses{background-position:30% 60%;}
.pict.white.patrocinios{background-position:40% 60%;}
.pict.white.publico{background-position:50% 60%;}
.pict.white.terceiros{background-position:60% 60%;}
.pict.white.informacao{background-position:70% 60%;}
.pict.white.resumo{background-position:80% 60%;}
.pict.white.mais{background-position:0% 70%;}
.pict.white.menos{background-position:10% 70%;}
.pict.white.fechar{background-position:20% 70%;}
.pict.white.seguinte{background-position:30% 70%;}
.pict.white.anterior{background-position:40% 70%;}
.pict.white.topo{background-position:50% 70%;}
.pict.white.base{background-position:60% 70%;}

.pict-solucao{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:500% auto; background-image:url(../images/svg/solucoes.svg);}
.pict-solucao.large{width:100px; height:100px; line-height:100px;}
.pict-solucao.medium{width:50px; height:50px; line-height:50px;}
.pict-solucao.small{width:25px; height:25px; line-height:25px;}

.pict-solucao.pabx{background-position:0% 0%;}
.pict-solucao.cftv{background-position:25% 0%;}
.pict-solucao.rede{background-position:50% 0%;}
.pict-solucao.video{background-position:75% 0%;}
.pict-solucao.controle{background-position:100% 0%;}
.pict-solucao.alarme{background-position:0% 100%;}
.pict-solucao.infra{background-position:25% 100%;}
.pict-solucao.auditoria{background-position:50% 100%;}
.pict-solucao.seguranca{background-position:75% 100%;}
.pict-solucao.data{background-position:100% 100%;}

.pict-servicos{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:500% auto; background-image:url(../images/svg/servicos.svg);}
.pict-servicos.large{width:100px; height:100px; line-height:100px;}
.pict-servicos.medium{width:50px; height:50px; line-height:50px;}
.pict-servicos.small{width:25px; height:25px; line-height:25px;}

.pict-servicos.outsourcing{background-position:0% 0%;}
.pict-servicos.ativos{background-position:25% 0%;}
.pict-servicos.help{background-position:50% 0%;}
.pict-servicos.snoc{background-position:75% 0%;}
.pict-servicos.risco{background-position:100% 0%;}
.pict-servicos.redes{background-position:0% 50%;}
.pict-servicos.manutencao{background-position:25% 50%;}
.pict-servicos.ti{background-position:50% 50%;}
.pict-servicos.consultoria{background-position:75% 50%;}
.pict-servicos.certificacao{background-position:100% 50%;}
.pict-servicos.tarifacao{background-position:0% 100%;}
.pict-servicos.analise{background-position:25% 100%;}

/*específicas*/
.box{display: block; padding: 30px;}

.grifado{position: relative; padding-left: .5em;;}
.grifado::before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: .15em; background-color: #85CEE4;}
.grifado span{display: block; font-size: .5em; font-weight: 300; line-height: 1em;}

.titulo span{display: block; font-size: .5em; font-weight: 300; line-height: 1em;}

.news-list li{font-size: 24px; display:inline-block; width:30.8%; margin:0 3.8% 40px 0; padding-bottom: 60px; position:relative; vertical-align:text-top; border:solid 1px #B6C0C6; overflow: hidden;}
.news-list li:nth-child(3n), .news-list li:last-child{margin:0 0 40px 0;}
.news-list li .bg-image{position:relative; display:block; padding-bottom: 60%;}
.news-list li .bg-image.bg-gray-ll{background-size: 60%; background-image: url("../images/svg/stelmat-servicos-e-solucoes.svg");}
.news-list li .button{font-size: 14px; position:absolute; bottom:20px; left:20px; z-index:10;}
.news-list li a{display:block;}
.news-list li .gray.text-left{display: block; padding:20px; position:relative; z-index:10; font-weight: 700;}
.news-list li .gray.text-left .blue-b{font-size:.6em; display:block; font-weight:400;}

.compliance-list li{font-size: 22px; display:inline-block; position:relative; width: 30.8%; height: 280px; margin: 50px 3.8% 0 0; vertical-align: top; font-weight: 700; text-align: left; padding: 1em; border: solid 1px #DAE0E3; background: linear-gradient(to bottom,  #282f6b 0%,#00203e 100%);}
.compliance-list li:nth-child(3n){margin-right: 0;}
.compliance-list li .pict{display: block;}
.compliance-list li .pict.large{margin-bottom: 1em;}
.compliance-list li .pict.small{position: absolute; bottom: 1em; right: 1em;}

.politica{list-style: none; padding-left: 0;}
.politica li{position: relative; margin-top: .5em; padding-left: 2.6em!important;}
.politica li span{display: block; position: absolute; left: 0; width: 2.3em; line-height: 2.3em; top: -.1em; font-size: .9em;}
.politica ul{list-style: none; padding-left: 0;}

@media screen and (max-width:1400px) {
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

#container {padding: 95px 0 380px 0;}

#alerta div{width: 600px;}

#dwc{right:40px; bottom:40px;}
#dwc .pict{width: 80px; height: 80px;}
#dwc .pict + .white{padding:10px 0; -khtml-border-radius:40px 0 0 40px; -moz-border-radius:40px 0 0 40px; -webkit-border-radius:40px 0 0 40px; border-radius:40px 0 0 40px;}
#dwc .pict:hover + .white{width: 170px;}
#dwc .pict + .white span{padding: 0 20px 0 0; font-size: 18px; width: 170px;}

header {height: 95px;}
header .logo{margin:18px 0 12px 0; width: 219px; height: 60px;}
header .links{margin: 19px 0;}
header .links .circle + span{font-size: 20px;}
header .links .alpha + .alpha{margin-left: 15px;}

header .button{margin: 7px 0 0 0; font-size: 16px; position: absolute; right: 4%; margin-right: 60px; z-index: 100;}
header .button + .button{margin-left: 0; margin-right: 0;}
header .button .label{width: 0; padding: 10px 0!important; overflow: hidden; white-space: nowrap; -webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; transition:width 1s;}
header .button:hover .label{width: 200px;}
header .button + .button:hover .label{width: 130px;}

nav{top: 88px;}
nav ul li ul {height:0; position:absolute; left:0; right: 0; font-size: 0; display:block; overflow:hidden; padding:0 3.8%; margin: 2px 0 0 0; list-style-type:none; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index:20; text-align: left;}
nav ul li ul::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:#00203E; z-index:0; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); mix-blend-mode: multiply;}

nav ul li ul li a{font-size: 14px; line-height: 16px; padding: 18px 0 7px 0;}

#banner{height:550px;}
.no-webp #banner li.institucional, .no-js #banner li.institucional{background-image:url(../images/medium/banner-institucional-bg.jpg);}
.webp #banner li.institucional{background-image:url(../images/medium/banner-institucional-bg.webp);}

.no-webp #banner li.servicos, .no-js #banner li.servicos{background-image:url(../images/medium/banner-servicos-bg.jpg);}
.webp #banner li.servicos{background-image:url(../images/medium/banner-servicos-bg.webp);}

.no-webp #banner li.solucoes, .no-js #banner li.solucoes{background-image:url(../images/medium/banner-solucoes-bg.jpg);}
.webp #banner li.solucoes{background-image:url(../images/medium/banner-solucoes-bg.webp);}

.no-webp section.solucoes, .no-js section.solucoes{background-image:url(../images/medium/section-solucoes-bg.jpg);}
.webp section.solucoes{background-image:url(../images/medium/section-solucoes-bg.webp);}
section.solucoes li{margin: 40px 3.8% 0 0; font-size: 20px; padding: 20px 15px 60px 15px;}
section.solucoes .solucoes li:nth-child(3), section.solucoes .solucoes li:nth-child(8), section.solucoes .solucoes li:last-child{margin:40px 0 0 0;}
section.solucoes .servicos li{height: 350px;}
section.solucoes .servicos li:nth-child(4n), section.solucoes .servicos li:last-child{margin:40px 0 0 0;}
section.solucoes .pict:not(.circle){left: 15px;}

.no-webp section.seguranca, .no-js section.seguranca{background-image:url(../images/medium/section-seguranca-bg.jpg);}
.webp section.seguranca{background-image:url(../images/medium/section-seguranca-bg.webp);}
section.seguranca .content{padding: 100px 0;}

.no-webp section.servicos, .no-js section.servicos{background-image:url(../images/medium/section-servicos-bg.jpg);}
.webp section.servicos{background-image:url(../images/medium/section-servicos-bg.webp);}
section.servicos .content p.text-center{bottom: 60px;}

section.verticais h2 {height:500px;}
section.verticais li {padding-bottom:500px;}

.no-webp section.verticais li#agronegocio, .no-js section.verticais li#agronegocio{background-image:url(../images/medium/verticais-agronegocio.jpg);}
.webp section.verticais li#agronegocio{background-image:url(../images/medium/verticais-agronegocio.webp);}

.no-webp section.verticais li#educacional, .no-js section.verticais li#educacional{background-image:url(../images/medium/verticais-educacao.jpg);}
.webp section.verticais li#educacional{background-image:url(../images/medium/verticais-educacao.webp);}

.no-webp section.verticais li#governo, .no-js section.verticais li#governo{background-image:url(../images/medium/verticais-governo.jpg);}
.webp section.verticais li#governo{background-image:url(../images/medium/verticais-governo.webp);}

.no-webp section.verticais li#hoteis, .no-js section.verticais li#hoteis{background-image:url(../images/medium/verticais-hoteis.jpg);}
.webp section.verticais li#hoteis{background-image:url(../images/medium/verticais-hoteis.webp);}

section.verticais li .white span:not(.pict){display:block; width:500px; white-space:normal;}

section.parceiros li{width: 25%;}

footer{height: 380px;}
footer .content{padding-top: 60px;}
footer .logo{width: 219px; height: 60px;}
footer .text-right .bg-gray-ll.circle + .bg-gray-ll.circle{margin-left: 5px;}
footer p + p{margin-top: 25px;}

section.titulo{height: 210px;}

.no-webp section.titulo.cases::before, .no-js section.titulo.cases::before{background-image:url(../images/medium/titulo-cases.jpg);}
.webp section.titulo.cases::before{background-image:url(../images/medium/titulo-cases.webp);}

.no-webp section.titulo.noticias::before, .no-js section.titulo.noticias::before{background-image:url(../images/medium/titulo-noticias.jpg);}
.webp section.titulo.noticias::before{background-image:url(../images/medium/titulo-noticias.webp);}

.no-webp section.titulo.contato::before, .no-js section.titulo.contato::before{background-image:url(../images/medium/titulo-contato.jpg);}
.webp section.titulo.contato::before{background-image:url(../images/medium/titulo-contato.webp);}

section.principal .content .column-2.contato #contato + .text-right{right: 25px; bottom: 25px;}

section.secundaria .son .content{padding: 120px 0;}

section.secundaria .content, section.secundaria.bg-blue-b .content {padding: 30px 0;}
section.secundaria .content ul:not(.reset) li, section.secundaria .content ol li{font-size:16px;}
section.secundaria .content.text-center.white h3, section.secundaria .content.text-center.white p{padding: 30px 0;}

/*formulários*/
#contato input[type=text], #contato input[type=password] {font-size:16px;}
#contato textarea {font-size:16px;}

#form.categorias select {font-size:16px;}

/*estruturais*/
.padrao .content{padding:60px 0;}
.content {max-width:1200px;}

/*backgrounds*/
.bg-stela{min-height: 420px;}

.no-webp .bg-stela.stela-7::before, .no-js .bg-stela.stela-7::before{background-image:url(../images/stela/stela_07.png);}
.webp .bg-stela.stela-7::before{background-image:url(../images/stela/stela_07.webp);}

.no-webp .bg-stela.stela-38::before, .no-js .bg-stela.stela-38::before{background-image:url(../images/stela/stela_38.png);}
.webp .bg-stela.stela-38::before{background-image:url(../images/stela/stela_38.webp);}

.no-webp .bg-stela.stela-45::before, .no-js .bg-stela.stela-45::before{background-image:url(../images/stela/stela_45.png);}
.webp .bg-stela.stela-45::before{background-image:url(../images/stela/stela_45.webp);}

.no-webp .bg-stela.stela-68::before, .no-js .bg-stela.stela-68::before{background-image:url(../images/stela/stela_68.png);}
.webp .bg-stela.stela-68::before{background-image:url(../images/stela/stela_68.webp);}

/*específicas*/
.box{padding: 25px;}

.news-list li{font-size: 22px}

.compliance-list li{font-size: 20px; height: 250px; margin: 40px 3.8% 0 0;}

}
@media screen and (max-width:1000px) {

h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size:14px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}

#body.hidden-overflow{overflow-y: hidden;}

#container {padding: 95px 0 450px 0;}
#container.hidden-overflow{overflow-y: hidden;}

#alerta div{width: 400px;}

#dwc{right:30px; bottom:30px;}
#dwc .pict{width: 60px; height: 60px;}
#dwc .pict + .white{padding:6px 0; -khtml-border-radius:30px 0 0 30px; -moz-border-radius:30px 0 0 30px; -webkit-border-radius:30px 0 0 30px; border-radius:30px 0 0 30px;}
#dwc .pict:hover + .white{width: 140px;}
#dwc .pict + .white span{padding: 0 10px 0 0; font-size: 14px; line-height: 16px; width: 140px;}

header {padding:0 20px;}
header::before{opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70);}

header .links{margin: 25px 0;}
header .links .circle + span{display: none; font-size: 0;}
header .links .alpha + .alpha{margin-left: 15px;}

header .button{font-size: 14px; right: auto; left: 20px; margin-right: 0; margin-top: 10px;}
header .button + .button{margin-left: 190px;}
header .button .label{width: auto; padding: 7px 0 7px 1.5em!important; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
header .button:hover .label{width: auto;padding: 7px 0 7px 1.5em;}
header .button + .button:hover .label{width: auto;}
    
header .panel-button{display:inline-block; vertical-align:middle; position:relative; width: 30px; height: 50px; overflow:hidden; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; cursor:pointer; z-index:400; z-index: 300;}
    
header .panel-button span{display:block; position:absolute; height:4px; width:30px; left: 0; background-color:#FFFFFF;}
header .panel-button .um{top: 13px; z-index: 10;}
header .panel-button .dois{top: 23px; z-index: 0;}
header .panel-button .tres{top: 33px; z-index: 10;}
    
header.panel-button-active .panel-button .um{transform:rotate(-45deg); top:23px;}
header.panel-button-active .panel-button .dois{background-color: transparent;}
header.panel-button-active .panel-button .tres{transform:rotate(45deg); top:23px;}
header.panel-button-active nav {right:0;}

nav {position:fixed; top:146px; right:-350px;  bottom:0; left: auto;  border-top: none; border-bottom: none; padding: 0; margin:0; width:300px; z-index:0; text-align:left; }
nav::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:#00203E; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90);}
    
nav ul{padding:0; display: block; float: none;}
nav ul:first-child{overflow:scroll; position:absolute; top:20px; right:20px; bottom:20px; left:20px;}

nav ul li{display:block; position:relative; width:100%; margin-bottom:20px; margin-right: 0; border:solid 1px #FFFFFF;}
nav ul li:first-child .pict + span{display:inline-block; line-height:40px; padding-left:10px;}
nav ul li:first-child .pict + span.hover{color:#3E3E3C;}
nav ul li:last-child{margin-bottom:0;}

nav ul li:not(:first-child) a.white, nav ul li:first-child a.white{line-height:40px; font-size:16px; padding:0 10px; font-weight:400; color:#FFFFFF; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}

nav ul li a.white::after, nav ul li:hover a.white::after, nav ul li a.white.hover::after{content:""; display:none; width:0; height: 0;}
nav ul li a.white.hover{background-color:#85CEE4; color:#FFFFFF;}

nav ul li ul{height:auto; position:relative; left:auto; right: auto; top: auto; margin:0; padding: 0; -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; }    
nav ul li ul::before{content: ""; display: none; background-color:transparent; border: none;}

nav ul li ul li{display:block; position:relative; width:100%; margin:0; border-top:dotted 1px #FFFFFF; border-bottom:none; border-left:none; border-right:none;}
nav ul li ul li::before{content:""; display: none; border-bottom: none;}

nav ul li:nth-child(3) ul li{width:100%;}
nav ul li:nth-child(3) ul li:nth-child(5n){margin-right: 0;}
nav ul li:nth-child(6) ul li, nav ul li:nth-child(8) ul li{width:100%;}

nav ul li ul li a{display: flex; align-items: center; font-size:16px; padding:0; font-weight:400; color:#FFFFFF; position: relative; min-height: 50px;}

nav ul li ul li a.hover{background-color:#85CEE4; color:#FFFFFF;}
nav ul li ul li a .medium.circle.bg-blue-b{position: absolute; top: 50%; margin-top: -20px; left: 5px; margin-bottom: 0;}
nav ul li ul li a .medium.circle.bg-blue-b + span{display: block; position: relative; padding: 5px 10px 5px 50px; line-height: 1.2em;}

#banner{height:500px;}
.no-webp #banner li.institucional, .no-js #banner li.institucional{background-repeat: right center; background-image:url(../images/small/banner-institucional-bg.jpg);}
.webp #banner li.institucional{background-repeat: right center; background-image:url(../images/small/banner-institucional-bg.webp);}

.no-webp #banner li.servicos, .no-js #banner li.servicos{color: #FFFFFF; background-repeat: right center;  background-image:url(../images/small/banner-servicos-bg.jpg);}
.webp #banner li.servicos{color: #FFFFFF; background-repeat: right center;  background-image:url(../images/small/banner-servicos-bg.webp);}

.no-webp #banner li.solucoes, .no-js #banner li.solucoes{background-position: center; background-image:url(../images/small/banner-solucoes-bg.jpg);}
.webp #banner li.solucoes{background-position: center; background-image:url(../images/small/banner-solucoes-bg.webp);}

#banner li .position{position: absolute; right: 0; bottom: 0; left: 0; padding: 30px;}
#banner li .position::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #00203E; mix-blend-mode: multiply; z-index: 0; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90);}
#banner li .grifado{margin-bottom: 0;}
#banner li .grifado + p span:not(.label){display: none;}

#banner li .button.bg-blue-d{background-color:#85CEE4;}

.no-webp section.solucoes, .no-js section.solucoes{background-image:url(../images/small/section-solucoes-bg.jpg);}
.webp section.solucoes{background-image:url(../images/small/section-solucoes-bg.webp);}

section.solucoes li{position:relative; width: 48.1%; height: 200px; margin: 30px 3.8% 0 0; font-size: 18px; padding: 15px 15px 50px 15px;}
section.solucoes li + span{display: none;}
section.solucoes li:nth-child(2n){margin:30px 0 0 0;}
section.solucoes .solucoes li:nth-child(3), section.solucoes .solucoes li:nth-child(6), section.solucoes .solucoes li:nth-child(8){margin: 30px 3.8% 0 0; }
section.solucoes .solucoes li:nth-child(5), section.solucoes .solucoes li:nth-child(7){margin: 30px 0 0 0;}
section.solucoes .solucoes li:last-child{margin:30px 0 0 0;}
section.solucoes .servicos li{height: 240px;}
section.solucoes .servicos li:nth-child(4n), section.solucoes .servicos li:last-child{margin:30px 0 0 0;}

section.seguranca {position: relative; padding: 0 30px;}
.no-webp section.seguranca, .no-js section.seguranca{background-image:url(../images/small/section-seguranca-bg.jpg);}
.webp section.seguranca{background-image:url(../images/small/section-seguranca-bg.webp);}
section.seguranca .content{padding: 80px 0;}

.no-webp section.servicos, .no-js section.servicos{background-image:url(../images/small/section-servicos-bg.jpg);}
.webp section.servicos{background-image:url(../images/small/section-servicos-bg.webp);}
section.servicos .content p.text-center{bottom: 40px;}

section.verticais h2 {width: 50px;}
section.verticais h2 .white{bottom: 100px; left: -50px;}
section.verticais h2 + .reset{padding-left: 50px;}

.no-webp section.verticais li#agronegocio, .no-js section.verticais li#agronegocio{background-image:url(../images/small/verticais-agronegocio.jpg);}
.webp section.verticais li#agronegocio{background-image:url(../images/small/verticais-agronegocio.webp);}

.no-webp section.verticais li#educacional, .no-js section.verticais li#educacional{background-image:url(../images/small/verticais-educacao.jpg);}
.webp section.verticais li#educacional{background-image:url(../images/small/verticais-educacao.webp);}

.no-webp section.verticais li#governo, .no-js section.verticais li#governo{background-image:url(../images/small/verticais-governo.jpg);}
.webp section.verticais li#governo{background-image:url(../images/small/verticais-governo.webp);}

.no-webp section.verticais li#hoteis, .no-js section.verticais li#hoteis{background-image:url(../images/small/verticais-hoteis.jpg);}
.webp section.verticais li#hoteis{background-image:url(../images/small/verticais-hoteis.webp);}

section.verticais li .white span:not(.pict){width:350px;}

section.noticias .news-list li:nth-child(4){display: inline-block; visibility: visible;}

section.parceiros li{width: 33%;}

section.certificados li{width: 16%;}
section.certificados li:nth-child(7n){margin: 0 5% 0 0;}
section.certificados li:nth-child(5n), section.certificados li:last-child{margin: 0;}

footer{height: 450px; padding:0 30px;}
footer .content{padding-top: 40px;}
footer .column-3:first-child{display: block; width: 100%; margin: 0 0 40px 0;}
footer .column-3:not(:first-child) {width: 48.1%;}
footer .logo{margin: auto;}
footer .white.alpha .bg-gray-ll.circle{padding: 5px; margin-right: 5px;}
footer .white.alpha .bg-gray-ll.circle + span{display: inline-block; vertical-align: middle;}
footer .white.alpha .bg-gray-ll.circle + span span:first-child{display: block; font-size: .6em; line-height: 1em;}
footer .white.alpha .bg-gray-ll.circle + span span:not(:first-child){font-size: .8em; line-height: 1em;}
footer .text-right{position: relative; bottom: auto;}
footer .text-right .bg-gray-ll.circle{padding: 5px;}
footer .text-right .bg-gray-ll.circle + .bg-gray-ll.circle{margin-left: 15px;}

footer .legenda{position: relative; bottom: auto; left: auto; text-align: center; margin: 0;}
footer .legenda a{display: inline-block; vertical-align: top; margin-top: 25px;}
footer .legenda br{display: none;}
footer .legenda br + a{margin-left: 20px;}

section.titulo{height: 300px; padding:50px 30px 0 30px; background: linear-gradient(to right,  #00203E 0%,#85CEE4 75%,#85CEE4 100%);}
section.titulo::before{left: 75%;}

.no-webp section.titulo.cases::before, .no-js section.titulo.cases::before{background-image:url(../images/small/titulo-cases.jpg);}
.webp section.titulo.cases::before{background-image:url(../images/small/titulo-cases.webp);}

.no-webp section.titulo.noticias::before, .no-js section.titulo.noticias::before{background-image:url(../images/small/titulo-noticias.jpg);}
.webp section.titulo.noticias::before{background-image:url(../images/small/titulo-noticias.webp);}

.no-webp section.titulo.contato::before, .no-js section.titulo.contato::before{background-image:url(../images/small/titulo-contato.jpg);}
.webp section.titulo.contato::before{background-image:url(../images/small/titulo-contato.webp);}

section.titulo h1{padding-right: 35%;}
section.titulo .large.circle.bg-blue-b{right: 25%; margin: -15px -40px 0 0;}
section.titulo .pict{width: 80px; height: 80px;}

section.principal .content .column-2.contato{max-width: 400px;}
section.principal .content .column-2.contato + .column-2.contato{margin-top: 40px}
section.principal .content .column-2.contato #contato + .text-right{position: relative; right: auto; bottom: auto;}

section.secundaria.bg-blue-b{padding: 0 30px;}
section.secundaria .son{padding: 0 30px;}
section.secundaria .son .content{padding: 30px 0 60px 0;}
section.secundaria .son:nth-child(2n) .content .column-2{float: none;}
section.secundaria .son::before{content: ""; position: relative; top: auto; right: auto; bottom: auto; left: auto; aspect-ratio: 16 / 9; width: 100%; height: 100%; display: block; max-width: 750px; margin: auto;}
section.secundaria .son:nth-child(2n)::before{right: auto; left: auto;}

section.secundaria .content, section.secundaria.bg-blue-b .content, section.secundaria.bg-blue-b .content h2 {padding: 20px 0;}
    
section.secundaria .content ul:not(.reset) li, section.secundaria .content ol li{font-size:14px;}
section.secundaria .content.text-center.white{padding: 0 20px;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}

#contato input[type=text], #contato input[type=password] {font-size:14px; height:40px; line-height:38px;}
#contato input[type=text]:not(:first-child) + input[type=text]{margin:15px auto 0 auto;}
#contato textarea {font-size:14px; margin:15px auto; line-height:18px; min-height:200px;}
#contato input[type=submit] {font-size:10px; height:40px;}

#form.categorias{width:100%; display: block;}
#form.categorias::before{width:40px; height:40px;}
#form.categorias select {font-size:14px; padding:0 40px 0 15px; height:40px; line-height:40px;}
#form.categorias + p{margin:60px 0 0 0; text-align: center; display: block;}

/*estruturais*/
.padrao{padding:0 30px;}
.padrao .content{padding:40px 0;}
.content {max-width:800px;}
.article, .column-2 {margin:auto; display:block; width: 100%;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:auto;}

/*backgrounds*/
.bg-stela{min-height: auto; display: block;}
.bg-stela::before{display: none;}
.bg-stela.stela-7::before{background-image:none;}
.bg-stela.stela-38::before{background-image:none;}
.bg-stela.stela-45::before{background-image:none;}
.bg-stela.stela-68::before{background-image:none;}
.bg-stela .article{margin: 0;}
.bg-stela.right .article{margin: 0;}

/*transições*/
.alpha{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
.alpha:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

/*constantes*/
.gallery {margin-bottom:30px}
.gallery a{margin:15px 3.8% 15px 0; padding:7px;}
.gallery a:nth-child(4n), .gallery a:last-child{margin:15px 0 15px 0;}

.button.large .label{font-size:1.1em; min-height:60px; line-height:20px; padding:20px 1.5em;}
.button.medium .label{font-size:1em; min-height:40px; line-height:20px; padding:10px 1.5em;}
.button.small .label{font-size:.9em; min-height:30px; line-height:16px; padding:7px 1.5em;}
.button.tiny .label{font-size:.8em; min-height:20px; line-height:14px; padding:3px 1.5em;}

.pict.large{width:60px; height:60px; line-height:60px;}
.pict.medium{width:40px; height:40px; line-height:40px;}
.pict.small{width:30px; height:30px; line-height:30px;}
.pict.tiny{width:20px; height:20px; line-height:20px;}

.pict-solucao.large{width:80px; height:80px; line-height:80px;}
.pict-solucao.medium{width:40px; height:40px; line-height:40px;}
.pict-solucao.small{width:20px; height:20px; line-height:20px;}

.pict-servicos.large{width:80px; height:80px; line-height:80px;}
.pict-servicos.medium{width:40px; height:40px; line-height:40px;}
.pict-servicos.small{width:20px; height:20px; line-height:20px;}

/*específicas*/
.box{display: block; padding: 20px;}

.news-list li{font-size: 20px; width:48.1%; margin:0 3.8% 30px 0; padding-bottom: 50px;}
.news-list li:nth-child(3n){margin:0 3.8% 30px 0;}
.news-list li:nth-child(2n), .news-list li:last-child{margin:0 0 30px 0;}
.news-list li .button{font-size: 12px; bottom:15px; left:15px;}
.news-list li .gray.text-left{padding:15px;}

.compliance-list li{font-size: 18px; width: 48.1%; height: 220px; margin: 30px 3.8% 0 0;}
.compliance-list li:nth-child(3n){margin: 30px 3.8% 0 0;}
.compliance-list li:nth-child(2n){margin-right: 0;}

}
@media screen and (max-width:600px) {
h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
.chamada{font-size:16px;}

#container {padding: 65px 0 840px 0;}

#dwc{right:15px; bottom:15px;}
#dwc .pict{width: 50px; height: 50px;}
#dwc .pict + .white{padding:4px 0; -khtml-border-radius:25px 0 0 25px; -moz-border-radius:25px 0 0 25px; -webkit-border-radius:25px 0 0 25px; border-radius:25px 0 0 25px;}
#dwc .pict:hover + .white{width: 110px;}
#dwc .pict + .white span{font-size: 12px; line-height: 14px; width: 110px;}

header {height: 65px;}
header .logo{width: 120px; height: 35px; margin:13px 0 7px 0;}

header .links{margin: 15px 0;}
header .links .circle{padding: 0;}
header .links .circle + span{display: none; font-size: 0;}
header .links .alpha + .alpha{margin-left: 2px;}

header .button{font-size: 12px;}
header .button + .button{margin-left: 170px;}

nav {top:116px; right:-110%; width:100%;}

.no-webp #banner li.institucional, .no-js #banner li.institucional{background-repeat: right center; background-image:url(../images/tiny/banner-institucional-bg.jpg);}
.webp #banner li.institucional{background-repeat: right center; background-image:url(../images/tiny/banner-institucional-bg.webp);}

.no-webp #banner li.servicos, .no-js #banner li.servicos{color: #FFFFFF; background-repeat: right center;  background-image:url(../images/tiny/banner-servicos-bg.jpg);}
.webp #banner li.servicos{color: #FFFFFF; background-repeat: right center;  background-image:url(../images/tiny/banner-servicos-bg.webp);}

.no-webp #banner li.solucoes, .no-js #banner li.solucoes{background-position: center; background-image:url(../images/tiny/banner-solucoes-bg.jpg);}
.webp #banner li.solucoes{background-position: center; background-image:url(../images/tiny/banner-solucoes-bg.webp);}

#banner li .button{position: relative; top: auto; right: auto; margin-top: 0;}
#banner .grifado br{display: none;}

.no-webp section.solucoes, .no-js section.solucoes, .webp section.solucoes{background-image:none;}
section.solucoes li{width: 100%; margin: 30px 0 0 0;}
section.solucoes .solucoes li:nth-child(3), section.solucoes .solucoes li:nth-child(6), section.solucoes .solucoes li:nth-child(8){margin: 30px 0 0 0;}

.no-webp section.seguranca, .no-js section.seguranca{background-image:url(../images/tiny/section-seguranca-bg.jpg);}
.webp section.seguranca{background-image:url(../images/tiny/section-seguranca-bg.webp);}

.no-webp section.servicos, .no-js section.servicos{background-image:url(../images/tiny/section-servicos-bg.jpg);}
.webp section.servicos{background-image:url(../images/tiny/section-servicos-bg.webp);}

section.verticais h2 {height:700px; width: 40px;}
section.verticais h2 .white{bottom: 80px; left: -45px;}
section.verticais h2 + .reset{padding-left: 40px;}
section.verticais li {padding-bottom:690px;}
.no-webp section.verticais li#agronegocio, .no-js section.verticais li#agronegocio{background-image:url(../images/tiny/verticais-agronegocio.jpg);}
.webp section.verticais li#agronegocio{background-image:url(../images/tiny/verticais-agronegocio.webp);}

.no-webp section.verticais li#educacional, .no-js section.verticais li#educacional{background-image:url(../images/tiny/verticais-educacao.jpg);}
.webp section.verticais li#educacional{background-image:url(../images/tiny/verticais-educacao.webp);}

.no-webp section.verticais li#governo, .no-js section.verticais li#governo{background-image:url(../images/tiny/verticais-governo.jpg);}
.webp section.verticais li#governo{background-image:url(../images/tiny/verticais-governo.webp);}

.no-webp section.verticais li#hoteis, .no-js section.verticais li#hoteis{background-image:url(../images/tiny/verticais-hoteis.jpg);}
.webp section.verticais li#hoteis{background-image:url(../images/tiny/verticais-hoteis.webp);}

section.verticais li .white span:not(.pict){width:200px;}

section.parceiros li{width: 50%;}

section.certificados li{width: 30%;}
section.certificados li:nth-child(5n){margin: 0 5% 0 0;}
section.certificados li:nth-child(3n), section.certificados li:last-child{margin: 0;}

footer{height: 840px; padding:0 20px;}
footer .column-3:not(:first-child) {width: 100%; margin: 0; text-align: center;}
footer .column-3:not(:first-child) + .column-3{margin-top: 40px;}
footer .logo{width: 146px; height: 40px;}
footer .white.alpha .bg-gray-ll.circle{padding: 0; margin:0 auto 5px auto; display: block; width: 30px;}
footer .text-right{text-align: center;}
footer .text-right .bg-gray-ll.circle{padding:0;}
footer .text-right .bg-gray-ll.circle + .bg-gray-ll.circle{margin-left: 10px;}

footer .legenda a{display: inline-block; vertical-align: top; margin-top: 15px;}
footer .legenda br + a{margin-left: 20px;}

.no-webp section.titulo.cases::before, .no-js section.titulo.cases::before{background-image:url(../images/tiny/titulo-cases.jpg);}
.webp section.titulo.cases::before{background-image:url(../images/tiny/titulo-cases.webp);}

.no-webp section.titulo.noticias::before, .no-js section.titulo.noticias::before{background-image:url(../images/tiny/titulo-noticias.jpg);}
.webp section.titulo.noticias::before{background-image:url(../images/tiny/titulo-noticias.webp);}

.no-webp section.titulo.contato::before, .no-js section.titulo.contato::before{background-image:url(../images/tiny/titulo-contato.jpg);}
.webp section.titulo.contato::before{background-image:url(../images/tiny/titulo-contato.webp);}

section.principal .content ul:not(.reset){padding-left: 20px;}

section.secundaria .son::before{max-width: 400px;}

section.secundaria .content ul:not(.reset), section.secundaria .content ol{padding-left: 20px;}

section.secundaria.bg-blue-b .button{display: block; margin: 0 auto;}
section.secundaria.bg-blue-b .button, section.secundaria.bg-blue-b .button.float-left, section.secundaria.bg-blue-b .button.float-right{float: none; max-width: 160px;}
section.secundaria.bg-blue-b .button + .button{margin-top: 20px;}

/*estruturais*/
.content {max-width:400px;}

/*específicas*/
.news-list li{font-size: 18px; width:100%; margin:0 0 30px 0;}
.news-list li:nth-child(3n){margin:0 0 30px 0;}

.compliance-list li{font-size: 16px; width: 100%; height: 190px; margin: 30px 0 0 0;}
.compliance-list li:nth-child(3n){margin: 30px 0 0 0;}
}