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: #ed1c23;
	border: none;
}

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

.img-responsive{
	display: block;
    height: auto;
    max-width: 100%;
	max-height: 100%;
    height: auto;
	margin-left: auto;
	margin-right: auto;
}

.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;
}


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

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

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

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

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:50px;
  top:265px;
}

#carousel-slider .carousel-control.right i {
  right: 50px;
  top:265px;
}

#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: #ed1c23;}
.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: #ed1c23; }

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 ****************/

/*.aplicativo img{ margin-left: 120px; margin-top: 50px; margin-bottom: 50px;}
.texto-2{ color: black; margin-top: 120px; width: 100%; height:auto; text-align: justify; margin-left: -120px;}
.aplicativo{ background: #F2F2F6 }
.aplicativo h2 { margin-top: 30px; margin-bottom: 20px; text-align: center }
.texto-3{ color: #000; margin-top: 130px; width: 100%; height:auto; text-align: justify; margin-left: 100px; }
.aplicativo2 img{ margin-left: 90px; margin-top: 50px; margin-bottom: 50px;}

.aplicativo3 img{ margin-left: 120px; margin-top: 50px; margin-bottom: 50px;}
.texto-7{ color: #fff; margin-top: 120px; width: 100%; height:auto; text-align: justify; margin-left: -120px;}*/
.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; font-size: 20px; margin-right: auto; margin-left: auto;}

/********** 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: #ed1c23; }
.bloco2 h2{ color: #ed1c23; }
.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;}


}

.swiper-container {
    height: 100%;
} 

.swiper-slide {
  background-color: #eee;
}