*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body{
  overflow-x: hidden;
}

.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}


/* Modal  */




/* Barra de navegación */
.navbar{
  margin-bottom: 0;
  background-color: #12549a !important;
}

.navbar-brand, .navbar li a{
  color: #fff !important;
}

.navbar ul li a:hover{
  background-color: #0f3d6c !important;
  color: #fff !important;
  border-radius: 10px 10px 10px 10px;
}

.navbar button{
  background-color: #0f3d6c !important;
  color: #fff !important;
  width: 25%;
  border-color: transparent !important;
  text-transform: uppercase;
}

.dropdown-menu{
  background: #12549a !important;
}

.dropdown-item:hover{
  color: rgba(255, 255, 255) !important;
  background-color: #12549a !important;
  border-radius: 10px 10px 10px 10px;
}

header .jumbotron{
  background-image: url("../images/jumbotron/imagen3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
}

header .jumbotron .contenedor{
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 15px 15px 15px 15px;
  margin-top: 50px;
  margin-bottom: 40px;
}

header .jumbotron .contenedor h1{
  padding-top: 15px;
}

header .jumbotron .contenedor .row{
  padding-bottom: 15px;
}

hr{
  border-top: 2.5px solid #000;
}

#slider, #informacion-principal, #contact{
  padding-bottom: 50px;
}

#costos-y-requisitos, #tramite{
  padding-top: 50px;
  padding-bottom: 50px;
}

footer{
  background-color: #12549a;
  color: #fff;
}

footer a{
  color: #fff !important;
}

footer a:hover{
  color: #c8cbc9 !important;
}

footer li{
  list-style: none;
}

footer .seccion-1 .container{
  padding-top: 50px;
  padding-bottom: 50px;
}

footer .redes-sociales .im{
  padding: 20px;
  font-size: 30px;
  width: 75px;
  text-align: center;
  text-decoration: none;
  border-radius: 15px 15px 15px 15px;
}

footer .redes-sociales .im:hover{
  opacity: 0.85;
}

footer .redes-sociales .im-mobile{
  background-color: #000000 !important;
  color: #fff !important;
}

footer .redes-sociales .im-whatsapp{
  background-color: #25D366 !important;
  color: #fff !important;
}

footer .seccion-2{
  background-color: #0f3d6c !important;
  color: #fff !important;
}




@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px)
{
 .imagenmodal{
     
 }
}
