@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{font-size:36px; font-weight:400;}
h2{font-size:32px; font-weight:400;}
h3{font-size:24px; font-weight:400;}
h4{font-size:18px; font-weight:400;}
h5{font-size:17px; font-weight:400;}
h6{font-size:16px; font-weight:400;}
* 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;}
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:12px;}
a{text-decoration:none;}
a img{border:none;max-width:100%;}
strong{font-weight:700;}

/* id's */
#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: 'Nunito Sans', sans-serif; font-weight:300;}
#container {margin:0; padding:0 0 180px 0; height:100%; min-height:100%; height:auto !important; width:100%; position:relative; background-color:#FFFFFF; -webkit-transition:padding 1s; -moz-transition:padding 1s; -ms-transition:padding 1s; transition:padding 1s;}

#preloader {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; z-index:999; background-image: url(../images/matelfone.png); background-position:center; background-repeat:no-repeat; background-size:392px auto;}
#preloader .inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loading > span {display:inline-block; width:30px; height:30px; margin:150px 15px 0 15px; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:animarBola; animation-timing-function:linear; animation-iteration-count:infinite;}
.loading > span:nth-child(1) {animation-duration:0.75s ; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.75s ;animation-delay:0.12s;}
.loading > span:nth-child(3) {animation-duration:0.75s  ;animation-delay:0.24s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 16% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 33% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}}

#header {padding:0 3.8%; z-index:10; position:relative; border-bottom: solid 1px #004085;}
#header::before{content:""; position:absolute; top:0; right:40%; bottom:0; left:0; z-index:0; background-image:url(../images/header-bg.png); background-size:cover; background-position:center left;}
#header .content{background-image:url(../images/direct-webcall.png); background-position:center left; background-repeat:no-repeat; background-size:246px auto; height:200px;}
#header .logo{position:absolute; display:flex; justify-content:flex-end; align-items:center; align-content:flex-end; top:0; right:0; bottom:0; left:45%;
background: #FFFFFF;
background: url(../images/header-diagonal.png) left no-repeat, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 149px, rgba(255,255,255,1) 149px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 149px, rgba(255,255,255,1) 149px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 149px, rgba(255,255,255,1) 149px, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
background-size:contain; z-index:10;}
#header .logo a{display:block; background-image:url(../images/matelfone.png); width:392px; padding-bottom:90px; background-size:contain; background-position:center; background-repeat:no-repeat;}

#section{position:relative; padding:0 3.8%;}
#section.setor .content{padding:15px 0;}

#section.principal .content{padding:60px 0;}

#section .article ul{margin:0; padding:0; list-style:none; font-size:0;}
#section .article ul li{display:inline-block; position:relative; width:30%; padding-bottom:20%; margin:0 3% 0 0; font-size:16px; text-align:center;}
#section .article ul li:nth-child(3n), #section .content ul li:last-child{margin-right:0;}
/*#section .article ul li:nth-child(n+5):nth-child(-n+7){margin-bottom:0;}*/
#section .article ul li a{display:block; position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center;}
#section .article ul li a{background-image: url("../images/bg-cards.png");}
#section .article ul li a::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#004085; opacity:0.90; -moz-opacity:0.90; filter:alpha(opacity=90); z-index:0; mix-blend-mode:multiply;}
#section .article ul li a *{position:relative; z-index:1;}

#section .column-5{margin-left:3.8%;}
#section .column-5 .horario{background-image:url(../images/bg-horario.png); background-repeat:no-repeat; background-position:center; padding:80px 20px; position: relative;}
#section .column-5 .horario::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#6597ED; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); z-index:0;}
#section .column-5 .horario h3{font-weight:700; line-height:1.3em; margin-bottom:30px; position: relative; z-index: 10;}
#section .column-5 .horario p{position: relative; z-index: 10;}
#section .column-5 .horario p span{display:block; padding-left:15px; position:relative; line-height:1.2em;}
#section .column-5 .horario p span::after{content:"•"; position:absolute; top:0; left:0;}

#section .column-5 .servicos{background-image:url(../images/bg-servicos.png); background-repeat:no-repeat; background-position:center; padding:40px 20px; position: relative; margin-top: 40px;}
#section .column-5 .servicos::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#6597ED; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); z-index:0;}
#section .column-5 .servicos h3{font-weight:700; line-height:1.3em; position: relative; z-index: 10;}
#section .column-5 .servicos p{position: relative; z-index: 10;}
#section .column-5 .servicos p .button{display: block;}

#footer{position:absolute; right:0; left:0; bottom:0; z-index:10; padding:0 3.8%;}
#footer .content{padding:40px 0; text-align: center;}
#footer .column-2{text-align: left; vertical-align: middle;}
#footer .column-2:first-child::before{content: ""; position: absolute; top: 0; bottom: 0; right: -4%; border-right: solid 1px #FFFFFF;}
#footer .column-2 p{margin-bottom: 0;}
#footer .column-2 p + p{margin-top: 0;}

/*estruturais*/
.content {margin:auto; width:100%; max-width:1300px; position:relative; font-size:0;}
.article {width:76.2%; margin:auto; position:relative; display:inline-block; vertical-align:text-top;}
.column-2 {width:48.1%; position:relative; display:inline-block; vertical-align:text-top; margin: 0 3.8% 0 0;}
.column-2:nth-child(2n), .column-2:last-child{margin-right: 0;}
.column-5 {width:20%; position:relative; display:inline-block; vertical-align:text-top;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#0B1423;}
.blue{color:#004085;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#0B1423;}
.bg-gray-l{background-color:#EAEAEA;}
.bg-blue{background-color:#004085;}
.bg-blue-l{background-color:#0D5B98;}
.bg-blue-ll{background-color:#0084AE;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}

/*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);}

/*gerais*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.round{border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.circle{border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative;}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/pict.png); background-repeat:no-repeat; background-size:300% auto; position:relative; width:50px; height:50px;}

.pict.fone{background-position:0 0;}
.pict.email{background-position:50% 0;}
.pict.local{background-position:100% 0;}

.pict + span {display: inline-block; vertical-align: middle;}

.button{display:inline-block; vertical-align:middle; position:relative; overflow:hidden; padding:.2em 1em;}
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}
.button .label{display:inline-block; vertical-align:middle; padding:.6em 1.2em; text-align:center;}
.button img{display:inline-block; vertical-align:middle; width:30px; margin-left:1.2em;}

@media screen and (max-width:1400px) {
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:20px;}
h4{font-size:19px;}
h5{font-size:18px;}
h6{font-size:17px;}
p{font-size:16px;}
.chamada{font-size:20px;}

#container {padding:0 0 160px 0;}
#header .content{background-size:185px auto; height:150px;}
#header .logo{
background: #FFFFFF;
background: url(../images/header-diagonal.png) left no-repeat, url(../images/header-bg-simbolo.png) right no-repeat, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 111px, rgba(255,255,255,1) 111px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, url(../images/header-bg-simbolo.png) right no-repeat, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 111px, rgba(255,255,255,1) 111px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, url(../images/header-bg-simbolo.png) right no-repeat, linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 111px, rgba(255,255,255,1) 111px, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
background-size:contain; z-index:10;}
#header .logo a{width:280px; padding-bottom:75px;}

#section.principal .content{padding:50px 0;}

#footer .content{padding:30px 0;  text-align:center;}
#footer .simbolo{margin:0 auto 10px auto; display:block; width:40px; padding-bottom:40px;}
#footer .float-right{margin:10px auto 0 auto; float:none; display:block; text-align:center;}
#footer .float-right .contato.blue{margin-right:0;}
#footer .float-right .bg-gray{padding:3px 10px; display:block; margin:15px auto 0 auto; max-width:160px}

}
@media screen and (max-width:1000px) {
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:14px;}
p{font-size:14px;}
.chamada{font-size:18px;}

#header .content{background-size:150px auto; height:120px;}
#header .logo{left:40%;
background: #FFFFFF;
background: url(../images/header-diagonal.png) left no-repeat, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90px, rgba(255,255,255,1) 90px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90px, rgba(255,255,255,1) 90px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90px, rgba(255,255,255,1) 90px, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
background-size:contain;}
#header .logo a{width:225px; padding-bottom:60px;}

#section.principal .content{padding:40px 0;}

#section .column-5{margin-left:0; margin-top:40px; padding:25px;}
#section .column-5 h3{margin-bottom:10px;}
#section .column-5 h3 br{display:none;}

#footer .content{max-width:100%;}
#footer p{font-size:12px;}
/*estruturais*/
.content {max-width:650px;}
.article, .column-5{width:100%; display:block;}
}
@media screen and (max-width:600px) {
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:14px;}
h6{font-size:13px;}
p{font-size:12px;}
.chamada{font-size:16px;}

#container {padding:0 0 200px 0;}
#header {padding:0 20px; min-width:360px;}
#header .content{background-size:25% auto; height:100px;}
#header .logo{left:25%;
background: #FFFFFF;
background: url(../images/header-diagonal.png) left no-repeat, -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70px, rgba(255,255,255,1) 70px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70px, rgba(255,255,255,1) 70px, rgba(255,255,255,1) 100%);
background: url(../images/header-diagonal.png) left no-repeat, linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70px, rgba(255,255,255,1) 70px, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
background-size:contain;}
#header .logo a{width:75%; padding-bottom:60px;}

#section{padding:0 20px; min-width:360px;}
#section.cards{padding:0;}

#section.principal .content{padding:30px 0;}

#section .article ul li{width:100%; padding-bottom:30%; margin:0 0 6% 0; min-height:110px; font-size:14px;}
#section .article ul li:nth-child(3n){margin-right:6%;}
#section .article ul li:nth-child(2n){margin-right:0;}

#section .column-5{margin-top:0; padding:20px;}

#footer{padding:0 20px; min-width:360px;}
#footer .column-2{width: 100%; margin: 0;}
#footer .column-2:first-child::before{content: ""; display: none;}

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