/*#########
Global styles
###########
HEX: #0e5780 color logo
RGB: rgba(14,87,128,255)
cccccc
ffffff
*/

p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: .7rem;
    text-align: justify;
  }
.logo{
    width: 50px;
}
.logotext{
    width: 100px;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
/*#########
*/

/*#########
Header
#######*/
header.masthead{
    padding-top: 10.5rem;
  padding-bottom: 6rem;
  text-align: center;
  color: #fff;
  background-image: url("../assets/img/header_bg.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}
header.masthead .masthead-heading {
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    margin-bottom: 2rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
/*##########
Section
############*/
.page-section {
    padding: 6rem 0;
    text-align: center;
  }
.page-section h2.section-heading, .page-section .section-heading.h2 {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 1rem;
}
.page-section h3.section-subheading, .page-section .section-subheading.h3 {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-bottom: 4rem;
}
.container-colorgris{
  background-color: #ccc;
  padding: 8%;
  text-align: justify;
}
.container-azul{
  background-color: #0e5780;
  padding: 8%;
  text-align: justify;
}
/*##########
Socios  
###########*/
.team-item{
    /*background-color: #1a3e7a;*/
    max-width: 350px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    width: 100%;
    height: auto;
    position: relative;
    /*border-style: inset;
    align-items: center;
    justify-content: center;*/
}
.team-img{
  width: 100%;
  height: auto;
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}
.team-middle{
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.team-item:hover .team-img{
  opacity: 0.3;
}
.team-item:hover .team-middle{
  opacity: 1;
}
.team-text{
  background-color: #1a3e7a;
  color: #fff;
  font-size: 16px;
  padding: 16px 32px;
}
/*##########
Services
###########*/
.col-service-1{
  background-color: #0e5780;
  color: #fff;
  padding:1rem;
}
.col-service-2{
  background-color: #ccc;
  color: #fff;
  padding:1rem;
}
.col-service-3{
  background-color: #1a3e7a;
  color: #fff;
  padding:1rem;
}
.container-service{
  position: relative;
  width: 100%;
}
.icon-service{
  /*image*/
  display: block;
  width: 100%;
  height: auto;
  max-width: 200px;
}
.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #3774a9;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.container-service:hover .overlay {
  bottom: 0;
  height: 100%;
}
.text-service{
  width: 100%;
  height: auto;
  text-align: justify;
  /*white-space: nowrap;*/ 
  color: white;
  font-size: 16px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/*##########
Portfolio
###########*/

/*##########
Footer  
########### 
#1b3e7b
#8194b3*/
.pie-pag{
    text-align: left;
    background-color: #232729;
    color: #fff;
}
.logof{
    /*position: static;
    margin-left: 0px;
    width: 200px !important;*/
    width: 100%;
    height: auto;
    max-width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}