
body{font-family: 'Lato', sans-serif;}
body{background-color: #fff; color:#04274E}


a{ text-decoration: none; color: inherit}
a:hover{color: #fff}

a.btn-padrao{ display: inline-block; color: #FFF; background-color: #174A8B; padding: 4px 8px}

.ttk{display: none}

.img-thumbnail{ margin-bottom: 15px}

.section { padding-top: 30px; padding-bottom: 30px}


.pagination{}
.pagination .page-link{color: #fff; background-color: #174A8B; border: 1px solid #174A8B}
.page-item.active .page-link {background-color: #000; color: #fff; border: 1px solid #174A8B}

.titulo{text-align: center; font-size: 24px; margin-bottom: 30px;}



.section-topo{background-color: #151426ab; padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 1}
.section-topo .col-logo{z-index: 1; text-align: center}

@media (max-width: 767px){
     
     .section-topo .col-logo img{ width: 100%}
     .section-topo {background-color: #151426}
}


.section-topo .social{ margin-bottom: 5px}
.section-topo .social a{color: #fff; background-color: #174A8B; display: inline-block; margin-left: 10px; padding: 7px; border-radius: 50%; font-size: 10px}
.section-topo .social a:hover{color: #000}



.section-banners{position: relative; margin-top: -154px; padding: 0px;}

.section-banners .estampa{ position: absolute; bottom: 0px}
.section-banners .estampa img{}

.section-banners .estampa1{ left: 0px;}
.section-banners .estampa2{ right: 0px;}

@media (max-width: 767px){

    .section-banners{ margin-top: 0px; overflow: hidden}
    .section-banners .estampa{}
    
    .section-banners .estampa1, 
    .section-banners .estampa2{ width: 15%}
    
    .section-banners .estampa1 img, 
    .section-banners .estampa2 img{ max-width: 100%}
   
}

.section-sobre-home{padding-top: 30px; padding-bottom: 30px;}
.section-sobre-home h1{font-size: 2.0rem}
.section-sobre-home .texto{font-size: 20px}
.section-sobre-home .btn{border: 1px solid #04274E; border-radius: 30px; padding-left: 30px; padding-right: 30px}
.section-sobre-home .btn:hover{background-color: #04274E; color: #FFF}

.section-faixa{background-color:#151426; padding: 0px;}
.section-faixa .faixa1{}
.section-faixa .faixa2{display: none}

@media (max-width: 767px){
    .section-faixa .faixa1{display: none}
    .section-faixa .faixa2{display: block}
}



.section-servicos{}
.section-servicos h2{ text-align: center; margin-bottom: 30px;}
.section-servicos .col-item{text-align: center}



  .form-wrapper{}
  .form-wrapper input, 
  .form-wrapper select,
  .form-wrapper textarea{ background-color: #fff; border: 1px solid #ccc; color: #000}
  .form-wrapper textarea{ min-height: 100px}
  
  .form-wrapper input::placeholder, 
  .form-wrapper select::placeholder,
  .form-wrapper textarea::placeholder{color: #000; opacity: 0.4}
  
  .form-wrapper .input-group{margin-bottom: 10px !important;}
  .form-wrapper .input-group-text{ background: #072753; color: #fff; border: 1px solid #072753;}
  
  .form-wrapper .btn-primary{background: #072753; color: #fff; border:1px solid #174A8B;}
  .form-wrapper .btn-primary:hover{}




.section-rodape{color: #fff; border-bottom: 0px solid #151426; background:#151426;}
.section-rodape .rtitulo{color: #fff; font-size: 22px}

.section-rodape .col-social{}
.section-rodape .col-social a{ width: 42px;height: 42px; display: inline-block; text-align: center; color: #fff; background-color:#174A8B; margin-right: 5px; margin-left: 5px; border-radius: 50%}
.section-rodape .col-social a:hover{color: #fff}
.section-rodape .col-social a i{ margin-top: 5px;}


