/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

* { 
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
}

html { height: 100%; }
body {
  padding-bottom: 40px;
  color: #5a5a5a;
  font-family: 'Open Sans';
  height: 100%;
}


#bounce { overflow: hidden; position: relative; background: none; height: 60px; border: none; padding: 0 30px;  }
#bounce .glyphicon-chevron-down { position: absolute; left: 50%; top: 50%; display: inline-block; width: 24px; margin-left: -12px; font-size: 40px; line-height: 24px; z-index: 999; -webkit-animation: bounce 3000ms infinite; animation: bounce 3000ms infinite; }



.parallax {
  background: #000;
  position: relative; 
  background-size: cover;
  text-shadow: 0 2px 5px rgba(0,0,0, 0.7);
}
.relative { position: relative;  }
.text-center .img-responsive { margin: 0 auto 0; }
.georgia { font-family: 'Georgia'; }
.jumbotron { background: none; }


/* DESIGN 
-------------------------------------------------- */

#ligamos { position: fixed !important; top: -15px; width: 100%; z-index: 999; }
#ligamos:hover { top: -10px; }
#ligamos a { position: absolute; left: 50%; transform: translate(-50%, 0); }



/* */
#home { color: #FFF; height: 100%; overflow: hidden; background: url(public/img/fachada.jpg) center center no-repeat; background-size: cover;  }

#elementos { position: relative; min-height: 100%;  }
  #logo { position: absolute; left: 50%; transform: translate(-50%, 0); margin-top: 7%; z-index: 900;  }
  #slogan { margin-top: 100px; }


/* */
#apresentacao { z-index: 100  }
#apresentacao hr { border-color: rgba(255,255,255, 0.3) }

#caracteristicas {  }
#caracteristicas .item { display: inline-block; padding: 5px 10px; margin-bottom: 15px; border-left: 8px solid #2ECC71; color: #333; }

#diferenciais {  }
#diferenciais img { max-width: 95%; }



#fotos { overflow: hidden; }
#fotos img { width: 100%; }
#fotos .foto-box { position: absolute; z-index: 899; left: 0; bottom: 20%; padding: 2% 5%; max-width: 30%; border-left: 20px solid #36A993; font: italic 1.6em 'Georgia'; color: #FFF; text-align: left; }
#fotos .foto-box2 { position: absolute; z-index: 899; right: 0; bottom: 20%; padding: 2% 5%; max-width: 30%; border-right: 20px solid #36A993; font: italic 1.6em 'Georgia'; color: #FFF; text-align: right }

.foto-item { overflow: hidden; margin-bottom: 20px; }
#fotos .foto-item { max-height: 200px;  }


/* */
.fotao { position: relative; text-align: center; color: #FFF; text-shadow: 0 2px 5px rgba(0,0,0, 0.7); }
.fotao img {  z-index: 1;  }
.fotao .dados { position: absolute; top: 20%; z-index: 100; width: 100%; }
.fotao .item { margin-bottom: 5%; }
.fotao .item h3 { font-size: 4em; margin: 0; font-weight: bold; text-transform: uppercase; letter-spacing: -0.05em; text-shadow: 0 5px 8px rgba(0,0,0, 0.8); }
.fotao .item h4 { font-size: 1.5em; font-weight: bold;  }
.fotao .item h4 span { padding: 0 20px; }


/* */
.foto-texto h2 { }


/* */
#mapa { background-image: url(public/img/mapa.jpg); min-height: 700px; }


/* CONTATO */
#contato { }
#contato input { background: rgba(255,255,255, 0.2); border-color: rgba(255,255,255, 0.3); border-radius: 0; color: #FFF;  }


::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: rgba(255,255,255, 0.7) }


@media (max-width: 728px) {
  #home .slogan, .fotao .item h3 { font-size: 2em; }
}

@media (max-width: 640px) {
  #ligamos img { max-width: 150px; }
}
/* */