* {
  font-size: 16px;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
   
.logo {
  width: 300px;
}

.color-white {
  color: #ffffff;
}

.color-orange {
  color: #F57A00 !important;
}

.bg-orange {
  background: #F57A00 !important;
}

.border-orange {
  border-color: #F57A00 !important;
}

.color-blue {
  color: #223168 !important;
}

.bg-blue {
  background: #223168 !important;
}

.border-blue {
  border-color: #223168 !important;
}

.seccion-nosotros{
  height: 50px;
}

img {
  width: 100%;
  height: auto;
}

.icon-img {
  width: 100px;
  height: auto;
}

.carousel {
  padding-top: 100px;
}

header {
  z-index: 999999 !important;
  width: 100%;
  overflow: hidden;
  z-index: 999;
  background-color: #fff;
  height: 100px;
}

header .list-menu .list li .item-menu {
  display: inline-block;
  position: relative;
  color: #333633;
}

header .list-menu .list li .item-menu:after {
  content: '';
  position: absolute;
  width: 100%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #F57A00;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

header .list-menu .list li .item-menu:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}

header .menu-bar-movil {
  width: 100%;
  position: fixed;
  z-index: 99999 !important;
  top: 0;
  padding: 0 1.5rem;
  display: none;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 5.875rem;
}

header .menu-bar-movil .logo-menu-movil {
  width: 12rem;
}

header .menu-bar-movil .burger-menu {
  cursor: pointer;
  font-size: 2.1875rem;
}

header .menu-bar-movil .slideMenu {
  position: fixed;
  height: 100%;
  top: 0;
  left: -80%;
  background: #fff;
  text-align: left;
  width: 80%;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

header .menu-bar-movil .slideMenu.active {
  left: 0;
}

header .menu-bar-movil .slideMenu .top-redes {
  margin-bottom: 0.625rem;
}

header .menu-bar-movil .slideMenu .top-redes a {
  padding: 0 0.5625rem;
}

header .menu-bar-movil .slideMenu .menu-principal a {
  display: block;
  padding: 0.625rem 1rem;
  color: #223168;
}

header .menu-bar-movil .slideMenu .menu-principal a:hover {
  color: #fff;
  background: rgba(255,139,0,1);

}

.bar {

  width: 100%;
  height: 200px !important;
  background: #000065;

}

.fs-2{
text-align: justify;
  font-size: 1.8rem !important;

}

.carousel-indicators [data-bs-target]{

  background-color:#223168 !important;

}

@media (max-width: 1000px) {
  .bar {
    display: none;
  }
  .text-sm-center {
    text-align: center;
  }
  .icon-sm-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .bg-banner-2 {
    background-size: cover !important;
  }
  .navbar {
    display: none !important;
  }
  .bar-menu {
    display: none !important;
  }
  .menu-bar-movil {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background: #223168;
  }
  .bg-silueta {
    height: 600px !important;
  }
}

#rangeValue {
  position: relative;
  display: block;
  text-align: center;
  font-size: 3em;
  color: #F57A00;
  font-weight: 400;
}

.range {
  width: 100%;
  height: 15px;
  -webkit-appearance: none;
  background: #c4c4c4;
  outline: none;
  border-radius: 15px;
  overflow: hidden;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  background: #F57A00 !important;
  cursor: pointer;
  border: 4px solid #efefef;
  -webkit-box-shadow: -410px 0 0 400px #F57A00 !important;
          box-shadow: -410px 0 0 400px #F57A00 !important;
}

.list-equip li {
  font-size: 1.5rem;
}

.list-equip li p {
  font-size: 1.2rem;
}

@-webkit-keyframes aparecer {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes aparecer {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.ocultar {
  opacity: 0;
}

.animar {
  -webkit-animation: aparecer 1.3s;
          animation: aparecer 1.3s;
}
/*# sourceMappingURL=styles.css.map */


.option-card{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card-body{
  display: flex;
  align-items: center;
}

.btnComoFunciona i{
  font-size: 4rem;
  color: #223168;
}

#calculador{
  /*background: #F57A00;*/
}

.swal2-popup{

  background: #F57A00 !important;


}

.swal2-icon.swal2-success .swal2-success-ring{
  border:0.25em solid rgba(255, 255, 255, 1) !important;
}

.swal2-styled.swal2-confirm {

  background-color: #fff !important;
  color: #F57A00 !important; 


}

.swal2-icon.swal2-success [class^='swal2-success-line'] {

  background-color: #fff !important;

}

/*=============================================
FECHA ARRIBA
=============================================*/

#scrollUp {

    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url(../img/chevron-up-solid.svg);
    background-repeat: no-repeat;
}

#result img{
  width: 10%;
} 

.iconos-contacto li a{
 list-style: none;
 text-decoration: none;
 color: #000; 
}


/*=========================================
PANTALLA GRANDE 1920px en adelante)
===========================================*/

@media(min-width: 1600px){

  .comoFunciona{
  width: 70%;
}


}

/*=========================================
PANTALLA ESCRITORIO 1366px en adelante)
===========================================*/
@media(max-width: 1599px) and (min-width: 1200px){

    .comoFunciona{
  width: 70%;
}

  .slogan{
   margin-left: 20px;
  }

}

/*=========================================
TABLET HORIZONTAL LG 1024px en adelante)
===========================================*/
@media(max-width: 1199px) and (min-width: 992px){

  .comoFunciona{
    width: 85%;
  }

 header{

  width: 0%;
}

  .slide h1{
  
   font-size: 35px;
   text-align: center;
   
  }

  .slide h2{

    font-size: 25px !important;
    margin-right: -50px;

  }
  .slogan span{
    font-size: 30px;
  }




}

@media(max-width: 991px) and (min-width: 768px){
  .comoFunciona{
    width: 70%;
  }


   header{
    width: 0%;
  }

  .slide h1{

    font-size: 20px;
    text-align: center;

  }

  .slide h2{

    font-size: 25px !important;
    margin-right: -50px;

  }
  .slogan span{
    font-size: 25px;
  }
  .carousel-control-prev,
  .carousel-control-next {
    padding-top: 100px;
}


  .btnComoFunciona i{
    padding:15px;
  }

  .comoFunciona{
    width: 100%;
  }

  .calculaPrestamo{

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;

  }

  .imgEmpe{
    display: block;
    margin: 0 auto;


  }


  .cardBeneficios{
    width: 100%;
  }


  .card-body, .beneficiosImagen{
    margin:0 auto;
  }






}

@media(max-width: 767px) and (min-width: 320px){

    #carouselExampleCaptions{

    padding-top: 90px;

  }

  .carousel-control-prev,
  .carousel-control-next {
    padding-top: 100px;
}

    header{
      width: 0%;
    }


   .slide h1{
  /*
    font-size: 12px !important;
    text-align: left !important;*/

    margin-left: -35% !important;
    position: 25px !important;

  }

  .slide h2{

    font-size: 15px !important;
    margin-right: -25px;

  }
  .slogan span{
    font-size: 15px;
  }



  .btnComoFunciona i{
    padding:15px;
  }

  .comoFunciona{
    width: 100%;
  }


  .calculaPrestamo{

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;

  }
  .display-6{
    font-size: 15px !important;
  }

  .imgEmpe{
    display: block;
    margin: 0 auto;
  }


  .cardBeneficios{
    width: 100%;
  }


  .card-body, .beneficiosImagen{
    margin:0 auto;
  }


@media

}

#flexiselDemo3 img{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

/* SLIDE */

.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;background: transparent;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background: transparent;

}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 50%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  display: none;
/*    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);   
    background: rgba(0,0,0,0.5);
    color: #fff;  */   
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}