body { font-family: 'Ubuntu', sans-serif;}

.whatsapp {
  position: fixed;
  top: 72%;
  right: 1%;
  padding: 10px;
  z-index: 10000000;
}

.img-logo {
  height: 68px;
  width: 237px;
  display: block; /*span é in-line e precisamos de um bloco*/
  background: url('../interface/logo.png') no-repeat;
  background-size: contain; /*esta imagem de fundo vai ter o mesmo tamanho que decidimos acima*/
}

.row { width: 101%; }

/*------------ menu --------------------*/
.nav { border: none }

nav.navbar-transparente {
  padding: 20.5px 0px;
  background: #056467;
  border: none;
}

.navbar-brand {
  padding: 0px 0px; /*logo*/
}

.navbar-inverse .navbar-nav > li > a,
footer .nav a {
  padding: 5px 30px;
  font-size: 15px;
  font-weight: 500;
  color: #FFF;
  margin-top: 10px;
}

.navbar-inverse .navbar-nav > li > a:hover,
footer .nav a:hover {
  color: #FFF;
  background: none;
  border: 1px solid white;
  border-radius: 50px;
}

/********************slide*******************************/

.slider {
  margin-top: 69px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel-inner img {
  width: 100%;
  height: auto; /* Mantém a proporção da imagem */
}

#carousel-slider .carousel-indicators {
  bottom: 0px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #056467;
  border-radius: 50%;
  font-size: 30px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color: #056467;
}

#carousel-slider a i:hover {
  background: #056467;
  color: #fff;
  border: 1px solid #056467;
}

#carousel-slider .carousel-control {
  width: 5%;
}

#carousel-slider .carousel-control.left i {
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}

#carousel-slider .carousel-control.right i {
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}

#carousel-slider .carousel-control.left,
#carousel-slider .carousel-control.right {
  background: none;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 150px;
  font-size: 40px;
  left: 15%;
  z-index: 10;
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
}

.carousel-caption h2 {
  font-size: 60px;
  color: #0BA9F9;
}

.carousel-caption h2 span {
  font-size: 60px;
  color: #fff;
}

.carousel-caption p {
  font-size: 30px;
  margin-top: 30px;
  color: #fff;
}

/***************************************************/
.bloco1 { width: 100%; height: auto; background: #056467; }
.texto { color: white; margin-top: 60px; width: 100%; height: auto; }

.bloco2 { width: 100%; height: auto; }

.bloco3 { width: 100%; height: auto; background: #F9F9F9; }
.evolucao { margin-top: 50px; }

.linha1 { width: 20%; height: 3px; background: white; float: left; }
.sobe { margin-top: -19.5px; margin-left: 3px; }
.linha2 { width: 80%; height: 3px; background: white; float: left; margin-top: -20px; margin-left: 45px; }
.sobe1 { margin-top: -19.5px; margin-left: -14px; }
.linha3 { width: 110%; height: 3px; background: white; margin-top: -20px; margin-left: -3px; }

.concerta { width: 100%; height: 80px; background: #F9F9F9; }

.bloco4 { width: 100%; height: 450px; }
.opacidade { width: 100%; height: 450px; position: absolute; background-color: #000; opacity: 0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); }
.paralax { width: 100%; height: 450px; background: url('../interface/foto1.png') center center no-repeat; background-attachment: fixed; }

.bloco5 { width: 100%; height: auto; }
.text-justify { margin-top: 20px; }

.bloco6 { width: 100%; height: auto; background: #F9F9F9; }
.autor { margin-top: 10px; color: #999; }
.ajusta1 { margin-left: -70px; }
.envolve { margin-top: -60px; }
.bloco6 button { margin-bottom: 80px; }

/************* rodape **************/

.mapa { width: 100%; height: 300px; }

#rodape { width: 100%; height: auto; background: #056467; }

footer .img-logo { margin-top: 30px; }

#rodape ul { margin-top: 20px; }

.nav-footer li { list-style: none; font-size: 14px; }
.nav-footer li a { text-decoration: none; color: white; }
.nav-footer li a:hover { color: #ccc; }
#rodape .text-center { margin-top: 28px; }
.img-redes { width: 25px; height: auto; }
#rodape .col-md-4 { margin-top: 10px; }

/*********** pagina aplicativos ****************/

.texto-2 { margin-top: 20%; }
.aplicativo .text-center { color: #000; }
.aplicativo3 { background: #26D07C; }
.aplicativo { background: #F2F2F6; }
.texto-3 { color: #000; margin-top: 20%; }
.texto-7 { margin-top: 20%; }
.aplicativo .aplicativo2 .aplicativo7 img { margin-top: 10px; margin-bottom: 20px; }

/************ desktop **********************/
.desktop1 { text-align: center; }
.desktop1 .text-center { color: #000; }

.icones { background: #FFF; width: 100%; height: auto; text-align: center; }
.icones h2 { color: #26D07C; margin-top: 60px; margin-bottom: 60px; }
.icones .glyphicon { font-size: 4em; color: #26D07C; margin-top: 10px; }
.icones .fa { font-size: 4.4em; color: #26D07C; margin-top: 10px; }
.icones .ts { border: 1px solid #26D07C; border-radius: 10px; margin-bottom: 80px; }
.icones p { margin: 15px; }

/****************** formigas *******************/

.formigas h2 { color: #000; }
.img-formigas .col-md-4 { margin-bottom: 50px; }
.ajusta { width: 440px; height: auto; }
.centralizar { text-align: center; margin-top: 30px; margin-bottom: 20px; }

/********** clientes **********/
.clientes img { width: 165px; margin-left: 3px; margin-bottom: 20px; }
.clientes .ee { text-align: center; }
.clientes .ee img { border: 1px solid red; }

/**************** contato *****************/

.contato .text-center { color: #000; }

.meio { width: 100%; height: auto; background: #FFF; }
.centraliza2 { text-align: center; margin-top: 35px; margin-bottom: 25px; }
.borda { width: 90%; height: auto; margin-left: 5%; font-family: 'Roboto Condensed', sans-serif; text-align: justify; }

#compartilhamento2 { width: auto; height: 50px; float: right; margin-top: 4px; }
#compartilhamento2 .face2 { width: 34px; height: 34px; background-color: #305891; -webkit-transition-duration: 0.5s; background-image: url(../interface/faceb.png); background-position: center center; background-repeat: no-repeat; float: left; }
#compartilhamento2 .google2 { width: 34px; height: 34px; -webkit-transition-duration: 0.5s; background-color: #CE4D39; background-image: url(../interface/google.png); background-position: center center; background-repeat: no-repeat; float: left; }
#compartilhamento2 .zap2 { width: 34px; height: 34px; -webkit-transition-duration: 0.5s; background-color: #65BC54; background-image: url(../interface/zap.png); background-position: center center; background-repeat: no-repeat; float: left; }

#compartilhamento2 .face2:hover { height: 50px; }
#compartilhamento2 .google2:hover { height: 50px; }
#compartilhamento2 .zap2:hover { height: 50px; }

button { margin-top: 20px; margin-bottom: 10px; }
.arruma { width: 100%; height: 30px; }
.esquerdo { float: right; margin-bottom: 30px; }
.centraliza3 { text-align: right; float: left; color: #666; }

#links img { width: 25%; height: auto; float: left; margin-left: -1px; -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); }
#links img:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/***************** fonts *********************/

.text-center { margin-top: 40px; color: white; }
.bloco2 .texto { color: #056467; }
.bloco2 h2 { color: #056467; }
.bloco3 h5 { text-transform: uppercase; color: white; font-weight: 700; font-size: 12px; }
.bloco4 h2 { color: blue; }
.bloco5 h2 { color: #666; }
.bloco5 .text-center { color: #666; }
.bloco5 p { margin-left: 20px; margin-top: -20px; }
.bloco6 h1 { color: #000; font-weight: 900; font-size: 14px; }
.bloco6 span { color: #999; }
.bloco6 .sobe3 { margin-left: 70px; font-size: 12px; margin-bottom: 20px; }
.bloco3 h2 { color: #000; }

.texto1 { font-family: 'Roboto Condensed', sans-serif; color: #fff; font-size: 2em; text-align: center; }
.texto1 p { width: 80%; margin-left: 10%; position: absolute; margin-top: 150px; }

@media screen and (max-width: 800px) {
  .afasta { margin-top: 30px; margin-bottom: 10px; }
  .xxx { width: 100%; height: auto; }
  p { text-align: center; }
  .texto-2 { margin-top: 10%; }
  .aplicativo h4 { text-align: center; font-size: 18px; font-weight: 400; }
  .aplicativo2 h4 { text-align: center; font-size: 18px; font-weight: 400; }
  .aplicativo3 h4 { text-align: center; font-size: 18px; font-weight: 400; }
  .aplicativo2 p { text-align: center; }
  .centraliza3 { text-align: right; float: right; color: #666; }
  .texto1 { font-size: 1em; }
}