.alerta .alert {
  position: fixed;
  z-index: 9999;
  width: 100%;
  bottom: 0;
  border-radius: 0!important;
  text-align: center;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-bottom: 0;
}
.alerta .alert ul {
  margin: 0!important;
  padding: 0!important;
}
.alerta .alert ul li {
  list-style: none;
}
p{
  font-family: 'Open Sans', sans-serif;
  font-weight: 300!important;
}
.superior{
  padding-top: 10px;
  background: #f1f1f1;
}
.superior p{
  font-size: 14px;
  color: #911f1f;
}
.superior .oferta{
  text-align: right;
}
.superior .oferta b{
  font-weight: 700;
}
.superior .direccion p{
  font-weight: 700!important;
  font-style: italic;
}
.superior .numero a{
  text-decoration: none;
  color: #911f1f;
}
.superior .numero a b{
  font-weight: 700!important;
  color: #911f1f;
}
.navegador .navbar-brand{
  width: 280px;
}
.navegador .navbar-brand img{
  width: 100%;
}
.navegador .active{
  color: #fff!important;
  background: #07a4b4;
  border-radius: 30px!important;
  opacity: 1!important;
}
.navegador a{
  font-family: 'Open Sans', sans-serif;
  color: #fff!important;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 14px;
  border-radius: 0;
  padding: 15px 35px;
  opacity: 1!important;
}
.navegador{
  position: absolute!important;
  background-color: rgba(0, 102, 102, 0.9);
  z-index: 3;
  width: 100%;
}
.navegador button{
  background: #213448;
  border-radius: 0;
  padding: 20px;
}
.navegador .carro{
  border: 1px solid #99cccc;
}
.navegador .carro i,
.navegador .carro b{
  color: #df7784!important;
}
.navegador .carro span{
  font-weight: 300;
  color: #fff;
}
.slide{
  z-index: 0;
  position: relative;
  border-bottom: 4px solid rgba(0, 102, 102, 0.9);;
}
.slide .carousel-item {
  height: 770px;
  background: no-repeat center right scroll ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.slide .info{
  z-index: 3;
  top: 300px;
  position: absolute;
  width: 100%;
  left: 0;
}
.slide .container{
  bottom: 0;
}
.slide .info h2{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 50px;
  line-height: 50px;
}
.slide .info a{
  border: 1px solid #02756e;
  padding: 10px 20px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  text-decoration: none;
  font-size: 14px;
}
.slide .info h4{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 16px;
}
.slide .info h2 span{
  font-weight: 800!important;
}
.slide .info h6{
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 46px;
}
.slide .info p{
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 16px;
}
.slide .info button{
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 14px;
  background-color: #07a4b4;
  border-radius: 8px;
  padding: 15px 35px;
  border:  none;
}
.slide .opacidad{
  background-color: rgba(79, 73, 70, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
}
.nosotros{
  background: #2c2c2c!important;
}
.slide .botones{
  position: absolute;
  z-index: 3;
  width: 100%;
  bottom: 0;
}
.slide .botones .link_di{
  position: relative;
  border:  1px solid #ffcc00;
  padding: 40px !important;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 30px;
  letter-spacing: 2px;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.slide .info .link,
.slide .info .phone{
  text-align: center;
  padding: 10px;
}
.slide .info .phone{
  background: #df7784;
  border: 1px solid #df7784;
}
.slide .info .link a{
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-size: 14px;
  font-style: italic;
  background: #339933;
  padding: 10px 40px;
}
.banner .carousel-control-next,
.banner .carousel-control-prev{
  top: 60%!important;
  width: 50px;
  height: 50px;
}
.banner .carousel-control-next,
.banner .carousel-control-prev{
  font-size: 18px!important;
}
.banner .carousel-control-prev{
  border: 2px solid #fff;
  position: absolute!important;
}
.banner .carousel-control-next{
  border: 2px solid #fff;
}
.banner .carousel-control-prev{
  left: 30px!important;
}
.banner .carousel-control-next{
  border: 2px solid #fff;
  right: 30px!important;
}
.banner .carousel-control-next img,
.banner .carousel-control-prev img{
  width: 30px;
}
.agrus h1,
.nosotros h1{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #fff;
}
.agrus  .titulo .linea,
.nosotros .titulo .linea{
  width: 80px;
  height: 4px;
  background: #006666;
}
.nosotros a{
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  background: #006666;
  border-radius: 20px 0 20px 0;
  padding: 10px 30px;
}
.servicios h2{
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
.servicios .linea{
  width: 80px;
  height: 4px;
  background: #006666!important;
  margin: auto;
}
.servicios p{
  color: #9c9c9c;
  font-size: 14px;
}
.servicios h5{
  text-align: center;
  color: #330000;
}
.servicios .imagen{
  border-radius: 10px;
  overflow: hidden;
}
.nosotros img,
.servicios img{
  width: 100%;
}
.servicios .vermas{
  text-align: right;
}
.servicios h4{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 18px;
}
.servicios h6{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #339999;
}
.servicios .vermas a{
  color: #911f1f;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-decoration: none;
  border-left: 4px solid #cccccc;
  padding-left: 15px;
}
.servicios span{
  font-weight: 700!important;
}

.marcas .titulo .linea{
  background: #fff!important;
  width: 80px;
  height: 4px;
  margin: auto;
}
.marcas .titulo p,
.marcas .titulo h2{
  color: #fff!important;
}
.marcas .carousel-item{
  height: auto!important;
  padding-bottom: 120px;
}
.marcas .carousel-item img{
  width: 100%;
}
.marcas .carousel-item .imagenproyecto{
  z-index: 1!important;
}
.marcas .carousel-item .blanco{
  background: #fff;
  margin-top: -30px;
  position: absolute;
  left: 0;
  border-radius: 5px;
}
.marcas .carousel-control-prev{
  border: 1px solid #fff!important;
  left: 30px!important;
}
.marcas .carousel-control-next{
  border: 1px solid #fff!important;
  right: 30px!important;
}
.marcas .carousel-control-next,
.marcas .carousel-control-prev{
  top: 40%;
  width: 50px;
  height: 50px;
}
.marcas h5{
  text-align: center;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  font-weight: 700;
}
.marcas p{
  font-size: 14px;
}
.marcas{
  border: 0!important;
}

.pie img{
  width:  100%;
}
.pie a,
.pie p{
  color: #949494;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: 14px!important;
}
.pie a i{
  color: #339999;
  font-size: 22px;
}

.pie  ul{
  padding: 0;
  list-style: none;
}
.pie .links li{
  text-align: center;
  display: inline-block;
}
.pie input,
.pie textarea{
  color: #949494;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-decoration: none;
  font-size: 14px!important;
  border: none;
  min-height: 60px;
  margin-bottom: 15px;
}
.pie h4 b,
.pie h3 b{
  font-weight: 700;
}
.pie h4,
.pie h3{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.pie h3{
  font-size: 35px;
}
.pie .linea{
  width: 80px;
  height: 4px;
  background: #006666!important;
}
.pie button{
  background: #006666!important;
  color: #fff!important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  border: none;
}
.pie .sp a{
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #006666!important;
  text-decoration: none;
}
.servicios .icono{
  margin-top: -40px;
  text-align: right;
  padding-right: 30px;

}
.servicios .icono img{
  background: #006666;
  width: 70px!important;
  padding: 12px;
  border-radius: 50%;
  border: 5px solid #fff;
}
@media only screen and (max-width: 1320px) {
.slide .info h2{
    font-size: 22px!important;
  }
}

@media only screen and (max-width: 980px) {
  .agrus{
    background: #2c2c2c!important;
  }
  .servicios .icono{
    text-align: center;
    padding: 0!important;
  }
  .servicios{
    text-align: center;
  }
  .slide .info{
    z-index: 3;
    top: 100px!important;
  }
  .nosotros,
  .nosotros a{
    text-align: center!important;
  }
  .pie{
    text-align: center;
  }
  .gh{
    margin: auto!important;
  }
  .marca2 .carousel-control-next,
  .marca2 .carousel-control-prev{
    top: 80%!important;
  }
  .marcas .logito{
    margin-bottom: 0!important;
  }
  .marcas .proyecto{
    margin-bottom: 80px;
  }
  .marcas .carousel-control-next,
  .marcas .carousel-control-prev{
    top: 90%!important;
  }
  .banner .carousel-control-next,
  .banner .carousel-control-prev{
    top: 80%!important;
  }
  
  .pie .numero,
  .pie .oferta p{
    text-align: center;
    border: none;
    padding: 0;
  }
  .pie .links li{
    display: block;
  }
  .numeros .linea,
  .linea{
    margin-left: 0!important;
    margin-right: 0!important;
    margin: auto!important;
  }
  .vermas,
  .titulo{
    text-align: center!important;
  }
  .slide .info{
    top: 80px!important;
  }
  .slide .info h2{
    font-size: 16px;
  }
  .slide .info h6,
  .slide .info p,
  .slide .info h2{
    text-align: center;
  }
  .superior .oferta{
    text-align: center;
  }
  .position-relative{
    padding: 0!important;
  }
  .slide .carousel-control-prev{
    left: 30%!important;
  }
  .slide .carousel-control-next{
    border: 2px solid #fff;
    right: 30%!important;
  }
  .superior{
    text-align: center;
  }
  .navegador .carro{
    border: 1px solid #99cccc;
    width: 100%;
    background: #213448;
  }
  .navegador .navbar-brand{
    margin-top: 0;
    width: 200px!important;
    padding: 0;
    margin-bottom: 10px;
  }
  .navegador{
    text-align: center;
    padding: 15px;
  }
  .navegador li{
    border-top: 1px solid #f1f1f1;
  }
  .navegador{
    position: relative!important;
    background: #006666;
  }
  .navegador .navbar-brand{
    margin-top: 0;
    width: 150px;
  }
  .slide .info .formulario,
  .slide .info .texto{
    padding: 15px!important;
  }
  .slide .carousel-control-next, .carousel-control-prev {
    top: 20%;
  }
  .slide .info{
    text-align: center;
  }
  .slide .info h2{
    font-size: 30px;
  }
}