.nav-background {
    background-color: rgb(10, 38, 64);
}

#top {
    padding-top: 107px;
}

.border-images {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.footer-algore {
    background-color: #0b2640 !important;
    color: #dddddd;
}

.number-etapa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 15px;
}

.number-etapa-blue {
    background-color: #0b2640;
    color: white;
}

.number-etapa-white {
    background-color: white ;
    color: #0b2640;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
    color: #67b0ff !important;
}


.whatsapp-button {
    position:fixed;
    bottom:100px;
    right:30px;
    transition: transform 0.3s ease-in-out;
}

.whatsapp-button:hover {
    transform: scale(1.2);
}


/* **************************************************** */
/* Pre-Loader*/
/* **************************************************** */

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #0b2640;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.95;
}


/* SPINNER */
.spinner {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    animation: rotate 1s linear infinite;
    border: 3px solid #f3f3f3;
    border-top-color: #3498db;
    border-radius: 100%;
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* EMAIL */
.loader {
    position: relative;
    border-style: solid;
    box-sizing: border-box;
    border-width: 40px 60px 30px 60px;
    border-color: #3760C9 #96DDFC #96DDFC #36BBF7;
    animation: envFloating 1s ease-in infinite alternate;
  }
  
  .loader:after{
    content:"";
    position: absolute;
    right: 62px;
    top: -40px;
    height: 70px;
    width: 50px;
    background-image:
              linear-gradient(#fff 45px, transparent 0),
              linear-gradient(#fff 45px, transparent 0),
              linear-gradient(#fff 45px, transparent 0);
    background-repeat: no-repeat;
    background-size: 30px 4px;
    background-position: 0px 11px , 8px 35px, 0px 60px;
    animation: envDropping 0.75s linear infinite;
  }
  
  @keyframes envFloating {
    0% { transform: translate(-2px, -5px)}
    100% { transform: translate(0, 5px)}
  }
  
  @keyframes envDropping {
    0% {background-position: 100px 11px , 115px 35px, 105px 60px; opacity: 1;}
    50% {background-position: 0px 11px , 20px 35px, 5px 60px; }
    60% {background-position: -30px 11px , 0px 35px, -10px 60px; }
    75%, 100% {background-position: -30px 11px , -30px 35px, -30px 60px; opacity: 0;}
  }
        
/* ------------------------------------------------------ */