body,
html {height: 100%;}

body {overflow-x: hidden; font-family: 'Raleway', sans-serif; }


@font-face {
    font-family: 'comfortaabold';
    src: url('../fonts/comfortaa-bold.woff2') format('woff2'),
         url('../fonts/comfortaa-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_hv_btheavy';
    src: url('../fonts/futura-heavy-bt-webfont.woff2') format('woff2'),
         url('../fonts/futura-heavy-bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6 {font-family: 'futura_hv_btheavy';}

/* HOME */
/* #home {height: 67px;} */

.sec-slg {text-align: center; background: #e3e3e3; font-size: 13px; padding: 5px 0;}
.sec-slg p {margin: 0;}


.header {background: #fff; position: relative; padding: 0; color: #091957; border-top: 4px solid #fff; }


.logo {margin: 20px 0 0;   height: 20px; position: relative; z-index: 200;}
.bg-logo {background: url(../img/bg-logo.png) no-repeat right top;width: 280px;height: 116px; position: absolute; left: 0; top: -5px; z-index: 0;}
.bg-fix {background: #fff; height: 100%; left: -950px; width: 1000px; position: absolute; top: 0;}

.txt-tel {/*text-align: right;*/ margin: 10px 0 0; color: #fff; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
/*.tel1 {color: #565655;}
.tel1 strong {/*font-size: 30px;}*/

.ico-rede {display: inline-block; height: 20px; width: 20px; border-radius: 50%; text-align: center; line-height: 20px; margin: 0 2px; }
.ico-rede svg {width: 20px; height: 20px; vertical-align: middle; margin: 0; fill: #fff; position: relative; }

.sec-util {background: #f15922;     padding: 5px 0; height: 50px;}

.header .redes {position: absolute; right: 20px; top: 10px;}


.header .container {position: relative; z-index: 1000;}

.header .navbar-brand {padding: 0; margin: 0; position: relative; z-index: 1000; height: auto;}

.sec-nav {background: #006991; height: 50px; margin: 1px 0 8px;}
.sec-nav .navbar {margin: 0; border-radius: 0; z-index: 2000;}

.sec-nav .navbar-default {border: 0; background-color: transparent;}
.nav-fixed.navbar-default {background: #006991;}

@media screen and (min-width: 1000px) {
  .nav-fixed {text-align: center;}
  .nav-fixed .navbar-right, .nav-fixed .navbar-nav {
      float: none !important;
      display: inline-block;
  }
}

.sec-nav .navbar-nav { padding: 0; position: relative;}
.main .sec-nav .navbar-nav {margin-top: 0;}
.sec-nav  .navbar-nav>li>a { line-height: 50px;  font-weight: 500; font-size: 16px;     padding: 0 10px; color: #fff;   }
.sec-nav .sep {width: 0; border-right: 1px solid #0385b6; border-left: 1px solid #004059; height: 15px; margin: 17px 0 0; }
.sec-nav .bullet {line-height: 60px; color: #dc0303; font-size: 30px;}
.bullet {color: #2575de; font-size: 30px; position: relative; top: 0px;}
.sec-nav .navbar-nav>li>a:hover,
.sec-nav .navbar-nav>li.active,
.sec-nav .navbar-nav>li>a:focus {background: #014a66; color: #fff;}

.sec-nav .dropdown-menu {background: #006991;}
.sec-nav .dropdown-menu a {color: #fff; padding: 5px 10px; font-weight: 500; }
.sec-nav .dropdown-menu a:hover {background: #014a66; color: #fff;}

.sec-painel {margin-bottom: 20px; position: relative;}
.painel {padding: 0; list-style: none;}
.painel img {display: block; width: 100%;}
.painel .slick-prev {left: 20px;}
.painel .slick-next {right: 20px;}
.painel .slick-dots {bottom: 30px;}

.sec-orcamento {position: absolute; right: 0px; top: 40px; width: 100%; height: 0px;}
.box-orcamento {background: #006991; padding: 10px 20px; color: #fff;}
.box-orcamento h2 {font-size: 20px;}

.slide-exp-tec {padding: 0; list-style: none;}
.slide-exp-tec img {max-width: 100%;}
.sec-exp-tec .container-fluid {padding: 0; overflow: hidden;}
.slide-exp-tec .slick-prev {left: 20px;}
.slide-exp-tec .slick-next {right: 20px;}
.slide-exp-tec .slick-prev:before,
.slide-exp-tec .slick-next:before {color: #f15922; font-size: 30px;}
.slide-exp-tec p {padding: 10px; text-align: center;}
.fig1 {position: relative;}
.fig1 figcaption {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #006991; color: #fff; text-align: center; font-family: 'futura_hv_btheavy'; font-size: 20px; padding: 10px;}
.fig1:hover figcaption {background: #f15922;}
.fig1 figcaption a {color: #fff; text-decoration: none;}
.fig1 img {width: 100%;}



.btn {border: 0; color: #fff; font-family: 'futura_hv_btheavy'; border-radius: 0px; transition: all .5s;}
.btn:hover {color: #fff;}
.b1 {background: #006991; color: #fff; border: 1px solid #006991;}
.b1:hover {background: #005474; color: #fff;}
.b2 {background: #f15922; color: #fff;}
.b2:hover {background: #fff; color: #4a5b54;}

.t1 {color: #f15922; text-transform: uppercase; padding-bottom: 8px; font-weight: bold;}
.dotted1 {background: url(../img/dotted1.png) repeat-x left bottom;}
.qs-home {color: #006991; font-size: 22px;}
.t_exp_tec {text-align: center; background: url(../img/dotted1.png) repeat-x 0 50%;}
.t_exp_tec span {background: #fff; padding: 0 20px;}

.btn-serv {text-align: center; background: url(../img/dotted1.png) repeat-x 0 50%;}
.btn-serv .dt1 {padding: 0 20px; background: #fff;}

.sec-sis {background: #eee url(../img/bg-sistema.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; margin: 40px 0 30px; padding: 30px 0;}
.slide-fotos-sistema {padding: 0; margin-bottom: 0;}

.list-cli {padding: 0; list-style: none; margin-bottom: 10px;}
.item-cli img {display: inline; max-width: 100%; max-height: 80px;}
.item-cli {text-align: center; line-height: 140px; padding: 0 10px;}

.pratica {margin: 10px 0 0;}

.footer {background: #006e94; background: linear-gradient(to right, #02516f, #006e94, #006e94, #02516f); position: relative; margin: 40px 0 0; color: #fff; padding:  30px 0 0px;}
.footer a {color: #fff;}
.sec-copy {background: #f16136; padding: 15px 0 0;}
#index .footer {margin-top: 0;}
.footer .redes {text-align: right;}


.sec-help .col-md-3 img {-webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;}
.sec-help .col-md-3:hover img {
-webkit-transform: rotateY( 180deg );
 -moz-transform: rotateY( 180deg );
   -o-transform: rotateY( 180deg );
      transform: rotateY( 180deg );
}


/* Internas */

.sec-tt { margin: 0 0 30px; }
.sec-tt h1 {background: url(../img/borda_tt.png) repeat-x 0 bottom; color: #f15922; text-transform: uppercase; font-size: 40px; overflow: hidden;}
.sec-tt h1:before {content: url(../img/arrow1.png); vertical-align: middle; margin: 0 10px 0 0;}
.bg-tt2 {background: #fff; padding-right: 20px; max-width: 340px;}
.bg-tt3 {background: #495952; max-width: 320px; border-radius: 20px; padding: 10px 25px;}

/* Quem Somos */
.bnr {height: 323px; background: #eee; padding: 20px 0 0;}
.bnr-qs {background: url(../img/topo-qs.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.t2 {font-size: 20px; color: #006991;}

/* Nossa Estrutura */
.bnr-est {background: url(../img/topo-estrutura.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}

/* Serviços */
.bnr-serv {background: url(../img/topo-serv.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.arrow3 {list-style-image: url(../img/arrow3.png);}
.arrow3 li {border-bottom: 1px dotted #f15922; font-weight: bold; padding: 5px 0;}
.btn-wps{background: #006e94;}
.btn-wps:hover{background: #F16136;}
.modal{top: 60px;}
/* Produtos */
.bnr-prod {background: url(../img/topo-prod.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.fig2 {border: 1px solid #aaa; text-align: center; height: 200px; line-height: 200px; padding: 10px;}
.fig2 img {max-width: 200px; width: 100%; max-height: 170px;}

/* Atuação */
.bnr-atua {background: url(../img/topo-atuacao.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}

/* Notícias */
.bnr-not {background: url(../img/topo-not.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.list-not {list-style: none; padding: 0;}
.list-not li {border-bottom: 1px dotted #f15922; padding: 10px 0; margin: 0 0 20px;}
.list-not li:last-child {border: 0;}
.data {width: 12%; float: left; height: 80px; border-right: 1px solid #a0a0a0; text-align: center;     font-family: 'futura_hv_btheavy'; font-size: 30px; color: #f15922;}
.mes {color: #333; font-family: 'Raleway', sans-serif; }
.not {float: right; width: 86%;}
.not h2 {margin-top: 5px;}
.not h2 a {color: #006991;}
.not p a {color: #333;}
.ico-data {display: none;}

.t3 {color: #006991;}

.pg-not img {max-width: 100%;}

/* Clientes */
.bnr-cli {background: url(../img/topo-cli.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.brand {height: 140px; width: 100%; margin: 0 0 20px; text-align: center; line-height: 140px; border: 1px solid #69a7be; padding: 10px;}
.brand img { max-width: 100%; max-height: 100px; display: inline-block;}


/* Fotos */
.bnr-fotos {background: url(../img/topo-fotos.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}

.fig3 {margin: 0 0 35px;}
.fig3 figcaption {margin: 10px 0 0;}
.fig3 figcaption span {color: #ff7e1e;}

._thumbnail {position: relative; overflow: hidden;}
.overlay1 {position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.5); opacity: 0; transition: all .5s;  }
.arrow1 {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/lupa.png) no-repeat 50% 50%; opacity: 0; transform: scale(2); transition: all .5s;}

.fig3:hover .overlay1 {opacity: 1;}
.fig3:hover .arrow1 {opacity: 1; transform: scale(1);}


/* Localização */
.bnr-loc {background: url(../img/topo-loc.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.map {padding: 3px; border: 1px solid #ccc;}
.map iframe {width: 100%; height: 390px;}

/* Fale Conosco */
.bnr-contato {background: url(../img/topo-contato.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover;}
.form label {font-size: 16px; color: #006389; font-weight: bold;}
.form .form-control { border-radius: 0;  }

.contato {padding: 0; list-style: none;}
.item2 {padding-left: 10px; border-left: 2px solid #a0a1a6; padding-top: 6px;}
.contato li {margin-bottom: 8px; border-bottom: 1px dotted #999; padding-bottom: 5px;}
.contato span {color: #112A90; font-size: 18px;}

.media-contato span {color: #f15922;}

.mt0 {margin-top: 0;}

.btns-mobile {display: none;}



@media screen and (min-width: 1000px) {
  .nav-fixed {position: fixed; left: 0; top: -100%; width: 100%; }
.show-nav {transition-property: top; transition-duration:  .5s; transition-timing-function:  ease-in-out; top: 0%;}
}

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

.sec-nav  .navbar-nav>li>a {  font-weight: 500; font-size: 14px; padding: 0 13px; color: #fff; /*text-transform: uppercase;*/ }
.logo {left: -30px;}
.bg-logo {width: 200px;}
.sec-nav .navbar-nav>li>a {padding: 0 10px;}


}

@media screen and (min-width: 1001px) {
  .dropdown:hover .dropdown-menu {display: block;}
  .img-tra {width: 100%;}
}

@media screen and (max-width: 1000px) {
.header {padding: 60px 0 10px; /*background: #fff;*/ border-top: 3px solid #eee; color: #aaa;}
.sec-nav {background: #006991; position: fixed; top: -1px; left: 0; width: 100%; z-index: 2000; height: 50px;}

.logo {background: none; left: 0; position: relative; width: auto; height: auto; padding: 15px;}


.header .navbar-brand {margin-left: 10px;}

.sec-nav {overflow: visible;}

.navbar-header {float: none; position: relative;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {z-index: 2000;border-top: 1px solid transparent;background: #5d528a;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;margin-top: 7.5px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.collapse.in{display:block !important;}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: #f15922; border: 1px solid #f15922;}
.navbar-default .navbar-toggle .icon-bar {background: #fff;}

.sec-nav .navbar-nav>li>a {line-height: 40px; border: 0; border-bottom: 1px dotted #000; height: auto;}
.sec-nav .navbar-nav>li>a:hover {background: #006991; border: 0;}
.sec-nav .bullet {display: none;}
.sec-nav .navbar-nav,
.navbar-default .navbar-collapse  {border-radius: 0;border: 0; border-color: none; background: #014a66; margin: 0;}

.menu {position: absolute;left: -45px; font-size: 13px; color: #fff; } 

.navbar-default .navbar-nav .open .dropdown-menu>li>a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #fff;border-bottom: 1px solid #A02020;}

.sec-nav .sep {display: none;}  
.bnr { height: 190px;}
}

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

/* Internas */
.logo {display: block; text-align: center; padding-top: 0;}
/*.sec-sobrenos {background: url(../img/bg-sobrenos-2.jpg) no-repeat; -webkit-background-size: cover; background-size: cover;}*/
.btns-mobile {display: block; position: absolute; left: 15px; top: 8px;}
.bg-logo {display: none;}
.sec-util {background: #fff; height: auto;}

.sec-orcamento {position: relative; margin: 0 0 20px; top: 0; height: auto;}

 .sec-sis {    background: #eee;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e3e2e7 60%, #e3e2e7 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e3e2e7 60%,#e3e2e7 100%);
    background: radial-gradient(ellipse at 18% 20%, #ffffff 0%,#e3e2e7 60%,#e3e2e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e2e7',GradientType=1 );}

}

@media screen and (max-width: 768px) {
  .hr1 {position: relative; width: auto; height: 1px; right: 0;}
  .sec-sobrenos {padding: 20px 0;}
  .footer {text-align: center;}
  .footer .redes {text-align: center;}
  .item1 {border: 0;}

  .data,
  .not {float: none; width: auto;}

  .data {height: auto; text-align: left; font-size: 16px; border: 0;}
  .data br {display: none;}
  .ico-data {display: inline-block;}


} 



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

/*.logo img {width: 270px;}*/
.bnr { height: 100px;}
.servs {margin-bottom: 30px;}
.eq {margin-bottom: 30px;}
.not h2 {font-size: 20px;}

.sec-tt h1 {font-size: 22px; padding-bottom: 10px;}
.sec-tt h1:before {content: none;}

}