@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("../use.fontawesome.com/releases/v5.5.0/css/all.html");
/****************************************************
Colors
****************************************************/
/****************************************************
Global
****************************************************/
* {
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s; }

html {
  /* Adjust font size */
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

html, body {
  height: 100%; }

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  color: #2c4976; }

.main {
  position: relative;
  overflow: hidden;
  display: block;
  padding-top: 125px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

h1, h2 {
  font-size: 3rem;
  letter-spacing: -3px; }

h3 {
  font-size: 2rem;
  letter-spacing: -2px; }

h4 {
  font-size: 1.7rem;
  letter-spacing: -2px; }

h5, h6 {
  font-size: 1.4rem;
  letter-spacing: -1px; }

.header-home {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: skewY(-5deg);
  transform: skewY(-5deg);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  background: #2c4976; }

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transform: skewY(-3deg);
  transform: skewY(-3deg);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  background: #2c4976; }

/****************************************************
Base
****************************************************/
.dark {
  position: relative;
  color: #ffffff; }
  .dark h2 {
    color: #ecb730; }
  .dark h3 {
    color: #ffffff; }

.light h2 {
  color: #ecb730; }

.light h3 {
  color: #2c4976; }

.btn-primary {
  background-color: #2c4976; }
  .btn-primary:hover {
    background-color: #1e3251;
    color: #ffffff; }

.btn-secondary {
  background-color: #ecb730;
  color: #2c4976;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  padding: 10px; }
  .btn-secondary:hover {
    background-color: #d59f14;
    color: #2c4976; }

/****************************************************
Titles
****************************************************/
/**************************************************** 
Menu 
****************************************************/
.menu {
  background-color: #ffffff; }
  .menu menu ul li a.nav-link {
    color: #2c4976 !important;
    font-weight: 700;
    border-bottom: solid 3px #ffffff; }
    .menu menu ul li a.nav-link:hover {
      border-bottom: solid 3px #ecb730; }

/**************************************************** 
Slide
****************************************************/
.slide {
  position: relative;
  height: 550px;
  color: #ffffff;
  letter-spacing: -2px; }
  .slide h1 {
    font-size: 3rem; }
  .slide h2 {
    font-size: 2rem;
    color: #ecb730; }
  .slide h3 {
    font-size: 3rem;
    font-weight: 700;
    text-align: right; }
  .slide p {
    font-size: 2rem;
    text-align: right; }
  .slide .container {
    position: relative; }
  .slide .carousel-item {
    min-height: 550px;
    background: no-repeat center center scroll; }
  .slide .slide01 {
    background-image: url(../images/slide/slide01-m.jpg) !important; }
  .slide .slide02 {
    background-image: url(../images/slide/slide02-m.jpg) !important; }
  .slide .slide03 {
    background-image: url(../images/slide/slide03-m.jpg) !important; }
  .slide .slide04 {
    background-image: url(../images/slide/slide04-m.jpg) !important; }
  .slide .slide05 {
    background-image: url(../images/slide/slide05-m.jpg) !important; }
  .slide .slide06 {
    background-image: url(../images/slide/slide06-m.jpg) !important; }

@media (min-width: 576px) {
  .slide .slide01 {
    background-image: url(../images/slide/slide01.jpg) !important; }
  .slide .slide02 {
    background-image: url(../images/slide/slide02.jpg) !important; }
  .slide .slide03 {
    background-image: url(../images/slide/slide03.jpg) !important; }
  .slide .slide04 {
    background-image: url(../images/slide/slide04.jpg) !important; }
  .slide .slide05 {
    background-image: url(../images/slide/slide05.jpg) !important; }
  .slide .slide06 {
    background-image: url(../images/slide/slide06.jpg) !important; } }

/**************************************************** 
Circles
****************************************************/
.circles {
  position: relative;
  margin-bottom: -135px !important;
  margin-top: -50px !important;
  z-index: 99; }

/**************************************************** 
Quem Somos
****************************************************/
#quemsomos {
  padding-top: 120px !important; }

.quem-somos {
  z-index: 1; }
  .quem-somos .bg {
    height: 95%; }
  .quem-somos .missao span {
    display: block;
    background-color: #1e3251; }
    .quem-somos .missao span h4 {
      color: #ecb730;
      letter-spacing: 0; }

/**************************************************** 
Politica de gestao e ...
****************************************************/
.politica {
  margin-bottom: -140px !important; }
  .politica h2, .politica h3 {
    letter-spacing: -1px; }
  .politica .box {
    position: relative;
    background: #2c4976;
    background-image: none; }
    .politica .box p {
      color: #ffffff; }

@media (min-width: 768px) {
  .box {
    background-image: url(../images/politica.png) !important; }
    .box p {
      color: #2c4976 !important; } }

/**************************************************** 
Servicos
****************************************************/
#servicos {
  padding-top: 140px !important; }

.servicos .container {
  margin-bottom: -100px !important; }

/**************************************************** 
Faixa
****************************************************/
.faixa {
  margin-top: 140px !important; }
  .faixa h2 {
    text-transform: uppercase;
    color: #ffffff;
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    margin-bottom: 35px; }
  .faixa img {
    position: absolute;
    bottom: -50%;
    left: 50%;
    margin-left: -80px; }

/**************************************************** 
Obras
****************************************************/
.obras .slide {
  height: auto !important;
  margin-bottom: 30px; }
  .obras .slide .carousel-caption {
    position: relative;
    top: 0;
    padding: 0;
    left: 0;
    right: 0; }
  .obras .slide .carousel-item {
    min-height: 430px; }
  .obras .slide .carousel-indicators {
    bottom: -20px; }
    .obras .slide .carousel-indicators li {
      background-color: #2c4976;
      width: 15px;
      height: 15px;
      border-radius: 10px; }
    .obras .slide .carousel-indicators .active {
      background-color: #ecb730; }
  .obras .slide h4 {
    color: #2c4976;
    text-align: left; }
  .obras .slide p {
    text-align: left;
    color: #2c4976;
    font-size: 1rem;
    letter-spacing: 0rem; }

/**************************************************** 
Obras Internas
****************************************************/
.obras-internas .container {
  height: 250px; }

.obras-lista .btn-link {
  font-size: 1rem !important;
  color: #2c4976;
  font-weight: 700; }
  .obras-lista .btn-link:hover {
    text-decoration: none !important; }
  .obras-lista .btn-link img {
    width: 50px;
    height: 50px; }

.obras-lista .card-header {
  padding: 0; }

@media (min-width: 768px) {
  .obras-lista .btn-link {
    font-size: 1.8rem !important; }
    .obras-lista .btn-link:hover {
      text-decoration: none !important; }
  .obras-lista .card-header {
    padding: 10px; } }

/**************************************************** 
Contato
****************************************************/
.contato .bg {
  height: 150%; }

.contato h4 {
  color: #8db1e9;
  font-size: 1.3rem; }

.contato a {
  color: #ffffff; }

/****************************************************
Google Maps Responsive (Flexible iFrame)
****************************************************/
.flexible-container {
  position: relative;
  padding-bottom: 22.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.flexible-container iframe,
.flexible-container object,
.flexible-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .video {
    width: 800px;
}
.video {
    margin: 0 auto;
    width: 800px;
}
	  
  }

.rodape_img_doc img{
    max-width: 30%;
}