@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;700&display=swap');
*{
  font-family: 'Noto Sans', sans-serif;
}
.navbar-nav .nav-link{
  color: #08225e;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
  color: #f15a24;
}
.titulo_slide {
  z-index: 9999;
  position: relative;
  color: #fff;
  font-weight: 700;
  margin-top: 250px;
  font-size: 45px;
  text-align: left;
  line-height: 60px;
}
.titulo_slide span {
  font-weight: 400;
  display: block;
  font-size: 35px;
  line-height: 30px;
}
.swiper-slide::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgb(8, 34, 94,0.3);
}
.intro{
  padding-top:150px;
  position: relative;
  padding-bottom:150px;
  background-color: #08225e;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.intro::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,.6);
}
.intro .container{
  position: relative;
  z-index: 99;
}
.intro *{
  color: #ffffff;
}
.titulo_linea{
  font-family: 'Dosis', sans-serif;
  font-weight: 300;
  font-size: 50px;
  text-align: center;
  text-transform: uppercase;
}
.servicios{
  padding: 100px 0px;
}
.box-color{
  text-align: center;
  padding-top: 0px;
}
.box-color h5{
  font-size: 24px;
  font-weight: 300;
  font-family: 'Dosis', sans-serif;
  padding: 1rem 0rem;
  color: #000000;
}
.box-color a {
  text-decoration: none;
}
.box-color .imagen{
  width: 100%;
  height: 250px;
  position: relative;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border:2px solid #5c5857;
}
.box-color:hover .imagen{
  border:2px solid #08225e;
}
.bg-success{
  background-color: #f15a24 !important;
}
.menu_footer {
  color: #ffffff;
  list-style: none;
  margin: 30px 0px 0px;
  padding: 0px 0px;
}

.menu_footer li a {
  color: #ffffff;
}

.menu_footer li .fa {
  margin-right: 10px;
}

.menu_footer li {
  margin: 3px 0px;
}
.divcopyright {
  border-top: 1px solid #b4b4b4;
  padding-top: 30px;
  z-index: 10;
  position: relative;
}
.copyright {
  text-align: center;
  color: #ffffff;
}
.datos .icono {
  font-size: 20px;
  margin-right: 10px;
}

.datos {
  padding: 5px 0px;

}
.bg-title {
  height: 120px;
  background-color: #000000;
  background-size: cover;
  background-position: top center;
  position: relative;
  border-bottom:5px solid #f15a24;
}
.bg-title:after{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  z-index: 1;
  content: " ";
  background-color: rgb(8, 34, 94,0.7);
}
.bg-title h1 {
  color: #ffffff;
  text-align: center;
  margin-top: 40px;
  font-weight: 300;
  font-size: 40px;
  line-height: 40px;
  z-index: 10;
  position: relative;
  filter: blur(0px);
}
.info-nos {
  padding: 100px;
}
#footer{
  background-color: #000000;
  background-size: cover;
  background-position: top center;
  position: relative;
}
#footer:after{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  z-index: 1;
  content: " ";
  background-color: #f15a24;
}
#footer .container {
  z-index: 10;
  position: relative;
}
.btn-primary{
  background-color: #08225e;
  border-color: #08225e;
}
.box-nos {
  text-align: center;
  padding: 40px 30px;
}

.box-nos .icono {
  font-size: 80px;
  color: #08225e;
}
.misionvision {
  background-color: #dedede;
}
.info_contacto .datos .icono {
  display: block;
  font-size: 30px;
  margin-bottom: 10px;
}

.info_contacto .datos {
  padding: 15px 0px;
  text-align: center;
}
.bg-gris{
  background-color: #ebebeb !important;
  
}

@media (max-width:767px) {
  #footer{
    text-align: center;
  }
  .info-nos {
    padding: 30px;
  }
}
.navbar.fijo{
  -webkit-box-shadow: 1px 5px 15px -2px rgba(140,140,140,0.35);
  -moz-box-shadow: 1px 5px 15px -2px rgba(140,140,140,0.35);
  box-shadow: 1px 5px 15px -2px rgba(140,140,140,0.35);
}