/*Agregamos el atributo de html para tener el mismo efecto de smooth scroll*/
/*html {
  scroll-behavior: smooth;
}*/
/*estilos header*/
.header {
  background-color: white;

}

/*Estilos de el menu de navegación*/

p {
  font-family: 'Raleway', sans-serif;
  /*color: #A6A2B5;*/
}

h1,
h2,
h3,
h4 {
  font-family: 'Raleway', sans-serif;
  color: #A6A2B5;
}

.carousel-caption-1 {
  position: absolute;
  left: 10%;
  z-index: 10;
  color: #fff;
  align-items: center;
  margin: 0;
  top: 7.5%;
  transform: translate(-50%, -50%);
}

.carousel-caption-2 {
  position: absolute;
  right: 5%;
  z-index: 10;
  color: #fff;
  align-items: center;
  margin: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}

.llamanos {
  margin-left: 125px;
  margin-top: 15px;
}

/* Tamaños de las letras */
.fz-15 {
  font-size: 1.5rem;
}

.fz-9 {
  font-size: .9rem;
}


.frm-contacto {
  border: 0px;
  background: transparent;
  color: white !important;
  border-bottom: 1px solid white;
  border-radius: 0px;
}

.frm-contacto::-webkit-input-placeholder {
  color: white
}

.frm-contacto:focus {
  background-color: #ffffff2b;
}

.frm-contacto-alt {
  border: 0px;
  background: transparent;
  border-bottom: 1px solid #ced4da;
  border-radius: 0px !important;
}

.formulario-solicitud input,
.formulario-solicitud select,
.formulario-solicitud option,
.formulario-simulador input,
.formulario-simulador select,
.formulario-simulador option {
  border-radius: 25px;
  background-color: #F0F7FC;
  border: none;
  color: #1B8BD0 !important;
}

.formulario-solicitud label {
  color: #1B8BD0 !important;
  font-weight: bolder;
}

.formulario-solicitud input::placeholder,
.formulario-solicitud .form-control:focus {
  color: #1B8BD0;
  background-color: #F0F7FC;
}

.formulario-solicitud textarea {
  color: #1B8BD0;
  background-color: #F0F7FC;
  border: none;
}

.formulario-solicitud .disabled,
.formulario-solicitud .disabled::placeholder {
  background-color: #F9F9F9;
  color: #b8bbbf;
}


.proceso-division-simulador {
  border-bottom: 6px solid #F3F9FF;
}

.proceso-division-simulador.activo {
  border-bottom: 6px solid #DAE9F7;
}

.paso-simulador.activo {
  color: #1B88D0;
  font-weight: bolder;
}

.paso-simulador {
  color: #A6A2B5;
}

/*Clases para el parallax*/

.photo {
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  height: 450px;
  position: relative;
}

.photo p {
  color: white;

  font-size: 38px;
  padding: 10px;
  position: absolute;
  text-shadow: 0 2px 0 black, 0 0 10px black;
  text-align: center;
}

.parallax {
  max-width: 100%;
  height: 50vw;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;

}


.footer-list {
  list-style: none;
}

.footer-list li a,
.footer-list li {
  color: #B8BCDA;
}

.footer-list .active {
  color: #59BFFF !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 30px;
  height: 30px;
}

.btn-contacto {
  background-color: #2955F2;
  color: white;
}

.btn-contacto:hover,
.btn-contacto.active {
  background-color: #52D1AF;
  color: white;
}

.carousel-control-prev {
  left: 25px;
}

.carousel-control-next {
  right: 25px;
}


.navbar-nav {
  background-color: #59BFFF;
  border-radius: 25px;
  justify-content: center;
  font-weight: lighter;
}

.navbar-expand-md .navbar-nav .nav-link {
  font-size: 18px;
}

.breadcrumb,
.breadcrumb a {
  background: transparent;
  color: white;
  font-family: 'Jura', sans-serif;
  font-size: 20px;
}

.navbar-nav li a {
  padding: 0 8px;
  color: #efefef;
  font-size: 19px;
  /*transition: all 0.5s ease-out;*/
}

.navbar-nav li:hover a,
.navbar-nav li.active a {
  font-weight: bolder;
  color: white;
  padding: 0 8px;
  font-size: 19px;
}



a {
  color: #59BFFF;
}


#accordionComunes>.card {
  border: none;
  border-radius: none;
  text-decoration: none;
}

.card-body {
  border-bottom: 1px solid #1D8ED4;
}


.nav-pills.pills-preguntas-frecuentes .nav-link.active,
.nav-pills.pills-preguntas-frecuentes .show>.nav-link {
  background-color: transparent;
  color: #a19f9f;
  font-weight: bolder;
}

.nav-pills.pills-preguntas-frecuentes>a {
  color: #a19f9f;
}

#tipos-credito a {
  background-color: transparent;
  color: #B2B2B2;
  text-align: center;
}

#tipos-credito a.active {
  color: #1B8BD1;
  font-weight: bolder;
  text-align: center;
}

.fondo-inveteca-inicio {
  background-position: center;
}

#nav-tab-productos {
  border: none;
  font-size: 14px;
}

#nav-tab-productos .nav-link {
  padding: 5px;
  color: #B2D8EF;
  font-weight: bolder;
}

#nav-tab-productos .nav-link.active {
  border: none;
  border-bottom: 3px solid #DAE9F7;
  color: #1B92DF;
  background-color: transparent;
  border-radius: 0px;
}


#nav-tab-productos-alt .nav-link,
#nav-tab-productos-alt .item {
  border-bottom: 3px solid #7695E3;
  height: 60px;
  border-radius: 0px;
  background-color: transparent;
  font-size: 15px;
}

#nav-tab-productos-alt .nav-link.active,
#nav-tab-productos-alt .nav-link:hover {
  border-bottom: 3px solid #DAE9F7;
  vertical-align: bottom;
  color: white;
}

.box-us {
  background-color: #3B58E6;
  color: white;
  padding: 35px 50px;
  border-radius: 25px;
}


/* Home clases leo*/

.texticonhom {

  font-size: 16px;
}

.texticonhome {
  font-size: 20px;
}

.texticonhome2 {
  font-size: 20px;
}

.tamiconhom {
  width: 70px;
}

.tamiconhom2 {
  width: 70px;
}

/* secuencias de procedimientos */

.tisec {
  color: #1B8BD0;
  font-size: 24px;
  line-height: 22px;
}

.circnum {
  background-color: #D1E8F6;
  color: #1B8BD0;
  padding: 3px 10px;
  border-radius: 45px;
  font-size: 20px;
}

.sectex {
  color: #1B8BD0;
  font-weight: bolder;
  font-size: 16px;
}

/* por que elegir  */

.texpoe {
  font-size: 20px;
}

.palopoel {
  background-color: #59BFFF;
  border-radius: 45px;
  padding: 3px 6px;
}

.textdpaloma {
  padding: 10px;
}

.textivedp {
  font-size: 20px;
}

.textdpe {
  font-size: 16px;
}

/* credito liquidez */
.iconcl {
  width: 50px;
}

.wordbajoicono {
  font-size: 16px;
}

/* Footer */
.iconcontact {
  width: 25px;
}

.letcon {
  font-size: 12px;
}

.cintactindex::placeholder {
  font-size: 20px;
}

/* pagina prodcutos */
.encpliq {
  /*clase para el encabezado de las pestañas de liquidez*/
  font-size: 18px;
}

.texliqu {
  /*CLase para el texto bajo las pestañas de liquidez*/
  font-size: 15px;
}

/* pagina contactos */
.iccon {
  /*tamaño iconos de la pagina de contacto*/
  width: 75px;
}

.texicon {
  /*texto de bajo de los iconos en contacto*/
  font-size: 16px;
}

.prodwhyeelije {
  background: #9ddaf7;
  color: #1844a0;
  font-weight: 900;
  padding: 10px 18px;
  font-size: 20px;
  border-radius: 20px;
  position: relative;
  top: 9vh;
  left: 2vh;
  z-index: 1000;
}

.cuadroazul {
  background: #3b5ce7;
  border-radius: 20px;
  padding: 40px 20px;
  position: relative;
  right: 3vh;
}

.cuadroaultxt {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}

.letrasamaarillas {
  /* background-color: #ebc74a; */
  color: #1a3f92;
  display: inline;
  font-size: 18px;
  font-weight: 900;
}

@media(max-width:1200px) {
  .cuadroazul {
    background: #3b5ce7 !important;
    border-radius: 20px !important;
    padding: 40px 20px !important;
    position: relative !important;
    right: -3vh !important;
  }

  .cuadroaultxt {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  .prodwhyeelije {
    background: #9ddaf7 !important;
    color: #1844a0 !important;
    font-weight: 900 !important;
    padding: 10px 18px !important;
    font-size: 20px !important;
    border-radius: 20px !important;
    position: relative !important;
    top: 11vh !important;
    left: 10vh !important;
    z-index: 1000 !important;
  }
}


@media(min-width: 768px) {

  /* contacto */
  .iccon {
    /*tamaño iconos de la pagina de contacto*/
    width: 130px;
  }

  .texicon {
    /*texto de bajo de los iconos en contacto*/
    font-size: 20px;
  }


  .fondo-nosotros {
    background-repeat: no-repeat;
    height: 30vw;
  }

  .fondo-inveteca-inicio {
    background-position: center;
  }

  .box-us {
    height: 100%;
  }

  /* home clases leo */
  .texticonhom {
    /*clase para el texto bajo los icono sdel home*/

    font-size: 25px;
  }

  .texticonhome {
    /*clase para el encabezado arriba de los icono sdel home*/
    font-size: 40px;
  }

  .texticonhome2 {
    /*clase para el encabezado arriba de los icono sdel home*/
    font-size: 35px;
  }

  .tamiconhom {
    /*clase para el tamaño de los ionos del home del home*/
    width: 140px;
  }

  .tamiconhom2 {
    /*clase para el tamaño de los ionos del home del home*/
    width: 130px;
  }

  /* secuencia de procedimientos */
  .tisec {
    color: #1B8BD0;
    font-size: 34px;
    line-height: 32px;
  }

  .circnum {
    background-color: #D1E8F6;
    color: #1B8BD0;
    padding: 3px 15px;
    border-radius: 45px;
    font-size: 30px;
  }

  .sectex {
    color: #1B8BD0;
    font-weight: bolder;
    font-size: 20px;
  }

  /* Por que elegir */
  .texpoe {
    font-size: 40px;
  }

  .palopoel {
    background-color: #59BFFF;
    border-radius: 45px;
    padding: 3px 6px;
    font-size: 25px;
  }

  .textdpaloma {
    padding: 10px;
    font-size: 25px;
  }

  .textivedp {
    font-size: 45px !important;
  }

  .textdpe {
    font-size: 24px;
  }



  /* credito liquidez */
  .iconcl {
    width: 90px;
  }

  .wordbajoicono {
    font-size: 20px;
  }

  /* Footer */
  .iconcontact {
    width: 40px;
  }

  .letcon {
    font-size: 16px;
  }

  /* pagina prodcutos */
  .encpliq {
    /*clase para el encabezado de las pestañas de liquidez*/
    font-size: 24px;
  }

  .texliqu {
    /*CLase para el texto bajo las pestañas de liquidez*/
    font-size: 18px;
  }

  /* agregar en pro */
  .textokw {
    font-size: 20px;
    margin-right: 60px;
  }
}

@media(min-width: 1360px) {

  #nav-tab-productos-alt .nav-link,
  #nav-tab-productos-alt .item {
    height: 40px;
  }
}

.valores-lista {
  list-style: none;
  color: #59BFFF;
}

.valores-lista li::before {
  content: "\2022";
  color: #59BFFF;
  font-weight: bold;
  width: 1em;
  margin-left: -1em;
}

.lista-requisitos,
.lista-propuesta-valor {
  color: #7c7c7c;
  list-style: none;
}

.lista-requisitos li::before {
  content: "\27A2";
  color: #59BFFF;
  font-weight: bold;
  width: 2em;
  margin-left: -1em;
  position: relative;
  top: 24px;
}

/*.lista-requisitos span, .lista-propuesta-valor span{
  margin: 10px;
}*/

.lista-propuesta-valor li::before {
  content: "\2713";
  color: #59BFFF;
  font-weight: bold;
  width: 2em;
  margin-left: -1em;
  position: relative;
  top: 24px;
}

.link-principal,
.link-principal:hover {
  color: #59BFFF;
}

/*Estilos para los botones de flotantes y responsivos*/
#btncelulares {
  display: none;
}

@media (max-width: 768px) {
  #btncelulares {
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    padding: 5px;
  }

  .social {
    display: none;
  }

  .border-radius-1 {
    border-radius: 0px;
  }

  .border-radius-2 {
    border-radius: 0px;
  }

  .margin-top-1 {
    margin-top: 0px;
  }

  .boton-redes {
    display: none;
  }

}

@media(min-width: 769px) {
  .width-header {
    width: 300px;
  }

  .boton-redes {
    display: block;
  }
}

.social {
  position: fixed;
  /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  right: 4px;
  /* Establecemos la barra en la direccion */
  top: 20%;
  /* Bajamos la barra 300px de arriba a abajo */
  z-index: 1000;
  /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

.social ul {
  list-style: none;
}


.social ul li a i {
  font-size: 25px;

}

.social ul li a {
  padding-top: 12px !important;
  border-radius: 50% !important;
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
  text-align: center;
  color: white;
}

.btn-preguntas {
  font-weight: bolder;
  background-color: white;
  border-radius: 15px;
  margin: 10px;
  color: #1B8BD0;
  padding: 10px;
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.75);
}

.btn-preguntas.active,
.btn-preguntas:hover {
  color: #1B8BD0;
}


.breadcrumb {
  background-color: transparent !important;
}

input[type=text].frm-adicional,
input[type=email].frm-adicional {
  border: none;
  border-bottom: 2px solid #1B8BD0;
  border-radius: 0px;

}


.accordeon-preguntas>.card-body {
  border: none;
}


.lista-pasos-indicadores {
  float: left;
  justify-content: center;
  width: 20%;
}

@media(min-width: 340px) {
  .lista-pasos-indicadores {
    width: 40%;
  }
}

@media(min-width: 600px) {
  .lista-pasos-indicadores {
    width: 20%;
  }
}

.table th,
.table td {
  border: none;
}

.table tbody {
  border: none;
}

/*
glider arrows fix
*/
.glider-prev {
  left: 0 !important;
  right: auto !important;
}

.glider-next {
  right: 0 !important;
  left: auto !important;
}

.bottomRightShadow {
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1);
  border-bottom-right-radius: 30px;
}

.bordercolorazulprincpial {
  border: 1px solid rgb(0, 37, 255);
}