:root{
  --azul: #086eb6;
  --azul-oscuro: #0a4b7c;
  --gris: #ededed;
  --negro: #141414;
}
body{
  font-family: 'Roboto', sans-serif;
  /*font-family: 'Roboto Condensed', sans-serif;*/
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
p, li{
  font-weight: 300;
}
.alerta .alert {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-radius: 0;
  margin: 0;
  padding: 25px 15px;
  border: none;
  z-index: 9999;
  text-align: center;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
#mainNav{
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, 50%, #000 100%);
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all .3s ease-in-out;
}
#mainNav.navbar-shrink{
  background: #fff;
  box-shadow: 0 0 10px rgba(0 0 0 / 30%);
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all .3s ease-in-out;
}
#mainNav .navbar-brand img{
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all .3s ease-in-out;
}
#mainNav.navbar-shrink .navbar-brand img{
  width: 150px;
  -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all .3s ease-in-out;
}
#mainNav .nav-item .nav-link{
  color: #c5c5c5;
}
#mainNav.navbar-shrink .nav-item .nav-link{
  color: #666;
}
#mainNav .nav-item.active .nav-link,
#mainNav .nav-item:hover .nav-link{
  border-bottom:2px solid var(--azul);
  color: #fff;
  font-weight: 500;
}
#mainNav.navbar-shrink .nav-item.active .nav-link,
#mainNav.navbar-shrink .nav-item:hover .nav-link{
  border-bottom:2px solid var(--azul);
  color: #666;
  font-weight: 500;
}
.suscribir{
  background-color: #7c7c7c;
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply;
}
footer{
  background-color: #000;
}
footer .info p{
  font-size: 14px;
}
footer .rrss a{
  border-radius: 50%;
  background-color: var(--azul);
  height: 30px;
  width: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
footer .rrss a:hover{
  background-color: var(--azul-oscuro);
  color: #fff;
}
.whatsapp {
  position: fixed;
  z-index: 9999!important;
  border-radius: 50% 50% 50% 0%;
  width: 65px;
  height: 65px;
  bottom: 15px;
  left: 15px;
  background-color: #00e576;
  padding: 7px 12px;
  animation: 1s infinite alternate shimmy;
}
.whatsapp i {
  position: absolute;
  font-size: 50px;
  color: #fff;
}
@keyframes shimmy{
  0%{
      transform:translate(0,0)
  }
  100%{
      transform:translate(5px, -5px)
  }
}
.wsp{
  font-size: 11px;
  font-weight: 400;
  font-family: sans-serif !important;
  letter-spacing: 0!important;
  line-height: 1px;
  padding: 3px 7px;
  text-transform: none;
}
.form-control{
  border-radius: 20px;
}

.btn{
  border-radius: 20px;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 1px;
}
.btn-azul{
  background-color: var(--azul);
  color: #fff;
}
.btn-azul:hover{
  background-color: var(--azul-oscuro);
  color: #fff;
}
.bg-azul{
  background-color: var(--azul);
}
.bg-azul-oscuro{
  background-color: var(--azul-oscuro);
}
.titulo{
  font-size: 36px;
}
.text-small{
  font-size: 14px;
}
.text-azul{
  color: var(--azul);
}
.carousel-item{
  height: 95vh;
  min-height: 400px;
  max-height: 800px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #b3b3b3;
}
.carousel-caption{
  top: 20px;
  left: 0;
  right: 0;
}
.carousel-caption .titulo-slide{
  font-size: 50px;
}
.carousel-indicators{
  right: inherit;
}
.carousel-indicators li{
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin: 0 3px;
}
.linea-azul{
  height: 1px;
  background-color: var(--azul);
  width: 300px;
}
.servicio{
  background-color: #202020;
  transition: all .3s ease-in-out;
}
.servicio:hover{
  background-color: var(--azul);
  transition: all .3s ease-in-out;
}
.servicio img{
  height: 450px;
  width: 100%;
  object-fit: cover;
  mix-blend-mode: soft-light;
}
.servicio .cont-titulo{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.servicio .linea-azul{
  width: 120px;
}
.img-inicio{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
}
.linea-top{
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 50%;
  background-color: #000;
}
.linea-bottom{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 25px;
  background-color: var(--azul);
}
.link-inicio{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gradiente-blanco{
  background: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, 60%, #fff 100%);
}
.gradiente-negro{
  background: linear-gradient(to left, rgba(0, 0, 0, .5) 0%, 50%, #000 100%);
}
.link-inicio a{
  transition: all .3s ease-in-out;
}
.link-inicio .gradiente-blanco a:hover{
  padding-right: 1.3rem;
  transition: all .3s ease-in-out;
}
.link-inicio .gradiente-negro a:hover{
  padding-left: 1.3rem;
  transition: all .3s ease-in-out;
}

.banner-seccion img{
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.borde-azul-l{
  border-left: 5px solid var(--azul);
}
.pagination{
  justify-content: center;
}
.pagination .page-item.active .page-link{
  background-color: var(--azul);
  border-color: var(--azul);
}
.mapa iframe{
  width: 100%;
}