/*
 * Globals
 */

 @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,900,900i&display=swap');
 
 @import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
}

body {
  /*text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);*/
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
}

.cor-txt-cinza{color:#606060 !important;}
.cor-txt-preta{color:#000000 !important;}
.cor-txt-azul{color:#024e7f !important;}
.cor-txt-branco{color:#ffffff !important;}
.bkg-azul-claro{background-color: #024e7f !important;}

h3{font-family: 'Montserrat',sans-serif; font-size:3.25rem;font-weight: 900 !important;}
#servicos h3{font-family: 'Montserrat',sans-serif; font-size:2.125rem;font-weight: 900 !important;}

/***Carousel***/
.carousel{
  position:relative;
  display: block;
  width:100%;
  height: auto;  
  top:0px !important;
  left:0px !important;
  z-index: 1 !important;
  margin:0 !important;
  padding: 0px !important;
}

.carousel-item .img-fluid {
  width:100% !important;
  height:auto;
}

/*
 * Header
 */
.masthead {
  position: fixed;
  /*left:50%;*/
  width:100%;
  padding-top: 1.700rem !important;
  /*margin-left:-600px;*/
  min-height:125px;
  background-color:rgba(2,78,127,0.85) !important;
  z-index: 2 !important;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  margin: 1rem 1rem 1rem 1rem !important;
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  background-color: transparent;
  padding:0px !important;
}

.nav-masthead span {
  margin: 1rem 0rem !important;
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
}

.nav-masthead div.espaco-logo {
  margin: 1rem 0rem 1rem 0rem !important;
  width:250px;
  background-color:transparent !important;
  display: block;
}

#logo-topo{
  max-width: 210px;
  position: absolute;
  left:50%;
  margin-top:-0.9375rem !important;
  margin-left: -105px;
  z-index: 5 !important;  
}

.nav-masthead .active {
  color: #fff;
}

.bg-dark{background-color:rgba(2,78,127,0.85) !important;}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

section#slogan{
	background-color:#024e7f;
	padding-top:4rem;
	padding-bottom:4rem;
}

section#slogan p{
	text-align:center;
	font-family:'Open Sans',sans-serif;
	color:#ffffff;
	font-size:2.18rem;
}

section#slogan p span{
	font-family:'Bebas Neue',cursive;
	font-size:4.1875rem;
	font-weight:700;
	color:#ffffff;
}

section#obras{
	background:url('../images/bkg_section_obras.png') center center no-repeat;
}

.divisor{border-right:solid 1px #ffffff;}

section#area-cinza{
  background-color: #ffffff;
  padding-bottom: 2.5rem;
}

section#area-cinza p{ font-size: 1.5rem; padding: 1.875rem 0rem !important; line-height:2rem !important;}

section#missao{
  background: url(../images/bkg_section_missao.png) center center no-repeat;
  padding-top: 9.5rem;
  padding-bottom: 9.5rem;
}

section#missao h2{
	font-family:'Open Sans',sans-serif;
	font-size:2.25rem;
	color:#ffffff;
	font-style:italic;
	font-weight:500;
}

section#missao p{
	font-family:'Open Sans',sans-serif;
	font-size:1.5rem;
	color:#ffffff;
	font-weight:400;
}


.clearfix {
    float: none;
    clear: both;
}

.swiper-container {
      width: 100%;
      height: 100%;
}

.swiper-slide {
}

.obra{
  max-height: 246px;
  height: 246px;
}

.obra img{
  position:absolute;
  z-index:7;
  width: 100%;
  max-height: 315px;
}

.obra:hover img{
  filter: brightness(0.2);
}

.obra p{
  position:absolute;
  z-index:8;
  text-align: center;
  top:50%;
  width: 100%;
  color:#ffffff;
  font-family: 'Open Sans',sans-serif;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  visibility: hidden;
}

.obra:hover p{ visibility: visible;}

ul.clientes li img{max-height: 70px !important;}

section#area-obras{		
  background:transparent url(../images/bkg_obras.png) top center repeat !important;
  background-size:cover !important;
  padding-top: 7.5rem;	
  padding-bottom: 2.5rem;
}

section#area-obras h3,section#area-obras-interna h3{font-size:1.5625rem;}

section#area-obras div image{ width:100%;}

@media only screen and (max-width: 2000px) and (min-width: 1281px) {
  #boxes{display: flex; flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:stretch;}

  #boxes .shadow{
    position: relative;
    margin:  -6.25rem 0.9375rem 0.9375rem 0.9375rem !important;  
    height: 20.63rem;
    width: 18.75rem !important;  
    z-index:3;
  }
  #boxes div.shadow:hover {background: #5880ac !important;}
  #boxes div.shadow span{
    visibility: hidden;position: absolute; top:6%;color: #ffffff; font-size: 0.875rem;text-align: justify;padding: 1.25rem 1.25rem 1.25rem 1.25rem !important;
  }

  #box-missao{
     background: #ffffff url('../images/ico-missao-azul.png') center center no-repeat !important;
  }
  #box-missao:hover span{
    visibility: visible !important;
  }
  #box-visao{
    background: #ffffff url('../images/ico-visao-azul.png') center center no-repeat !important;
  }
  #box-visao:hover span{
    visibility: visible !important;
  }
  #box-valores{
    background: #ffffff url('../images/ico-valores-azul.png') center center no-repeat !important;
  }
  #box-valores:hover span{
    visibility: visible !important;
  }
}

@media only screen and (max-width: 1280px) and (min-width: 768px) {  
	section#missao p,section#area-cinza p{
		font-size:1rem!important;
	}

	h3{font-family: 'Montserrat',sans-serif; font-size:2.25rem;font-weight: 900 !important;}
	#servicos h3{font-family: 'Montserrat',sans-serif; font-size:1.125rem;font-weight: 900 !important;}	
	#servicos span.cor-txt-cinza{font-size:0.9rem !important;}

	.divisor{border-right:solid 1px #ffffff;}
	
	section#area-obras{
		padding-top:0rem !important;
	}
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
	section#missao p,section#area-cinza p{
		font-size:0.9rem !important;
		line-height:1.2rem !important;
	}
  
	h3{font-family: 'Montserrat',sans-serif; font-size:2.25rem;font-weight: 900 !important;}
	#servicos h3{font-family: 'Montserrat',sans-serif; font-size:1.125rem;font-weight: 900 !important;}
	#servicos span.cor-txt-cinza{font-size:0.9rem !important;}
	
	section#missao{
		background-repeat:repeat!important;
		padding-top:1.5rem!important;
		padding-bottom:1.5rem!important;
	}
	
	section#missao h2{
		font-size:1.50rem!important;
	}
	
	section#slogan p{
		text-align:center;
		font-family:'Open Sans',sans-serif;
		color:#ffffff;
		font-size:1.7rem;
	}

	section#slogan p span{
		font-family:'Bebas Neue',cursive;
		font-size:2.2rem;
		font-weight:700;
		color:#ffffff;
	}

	.divisor{border-right:none;}
	
	section#area-obras{
		padding-top:0rem !important;
	}
}

@media (min-width: 48em) {
  .masthead-brand {
    /*float: left;*/
  }
  .nav-masthead {
    /*float: right;*/
  }
}



/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}