@font-face {
  font-family: "Verdana";
  src: url("fonts/Verdana.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "VerdanaItalic";
  src: url("fonts/Verdana-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "VerdanaBold";
  src: url("fonts/Verdana-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BebasNeue";
  src: url("fonts/BebasNeue-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UbuntuRegular";
  src: url("fonts/Ubuntu-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UbuntuLight";
  src: url("fonts/Ubuntu-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UbuntuMedium";
  src: url("fonts/Ubuntu-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "UbuntuBold";
  src: url("fonts/Ubuntu-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Estructura */
body {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
}
*:focus { 
  outline: none;
}
b {
  font-weight: 700;
}
.btn.focus, .btn:focus {
  box-shadow: none;
}
button:focus {
  outline:none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.form-control:focus {
  border-color: #ced4da;
  /*box-shadow: none;*/
}
.fondo-circulo {
  position: absolute;
  /* ff 3.6+ */
  background:-moz-linear-gradient(225deg, rgba(255, 50, 121, 1) 0%, rgba(32, 71, 224, 1) 51%, rgba(51, 0, 247, 1) 100%); 
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(225deg, rgba(255, 50, 121, 1) 0%, rgba(32, 71, 224, 1) 51%, rgba(51, 0, 247, 1) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(225deg, rgba(255, 50, 121, 1) 0%, rgba(32, 71, 224, 1) 51%, rgba(51, 0, 247, 1) 100%);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: blur(100px);
  right: 0;
  bottom: 145px;
  mix-blend-mode: hard-light;
  opacity: 0.5;
  width: 157px;
  height: 341px;
}
.fondo-circulo.fondo-banner {
  left: 0;
  right: 0;
  bottom: 0;
}
.fondo-indicadores {
  position: relative;
}
.fondo-indicadores::before {
  content: "";
  position: absolute;
  height: 10%;
  width: 100%;
  background:linear-gradient(35deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  filter: blur(20px);
  bottom: 20px;
}
.seccion-pagina-normal .contenedor {
  background: #FCFCFC;
  border: 1px solid #FEFEFE;
  -webkit-box-shadow: 3px 6px 43px 0px rgb(27 33 44 / 15%);
  -moz-box-shadow: 3px 6px 43px 0px rgba(27,33,44,0.15);
  box-shadow: 3px 6px 43px 0px rgb(27 33 44 / 15%);
}
.seccion-pagina-normal .contenedor {
  padding: 56px 65px 0 76px;
}
/* Steps */
.progressbar-wrapper {
  background: #fff;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
}
.progressbar li {
  list-style-type: none;
  width: 20%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  color: #7d7d7d;
}
.progressbar li:before {
  width: 30px;
  height: 30px;
  content: "";
  line-height: 24px;
  border: 2px solid #757475;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  background-color: #fff;
  font-family: 'Verdana', Geneva, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.progressbar li:after {
  width: 80%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #757475;
  top: 15px;
  left: -40%;
  z-index: 0;
}
.progressbar li:first-child:after {
   content: none;
}
.progressbar li.active {
  color: #FFFFFF;
}
.progressbar li.active:before {
  border-color: #7396BE;
  background: #081F5B;
}
/*.progressbar li.active + li:after {
  background-color: #757475;
}*/
.progressbar li.active:after {
  background-color: #7898BA;
}
.progressbar li span {
  font-size: 13px;
}
.progressbar li.active span {
  color: #1C2D58;
}
.progressbar {
  counter-reset: step;
  padding: 0;
}
.progressbar li:before {
  content: counter(step);
  counter-increment: step; 
}
/* Iconos */
.chevron:before {
  border-style: solid;
	border-width: 1px 1px 0 0;
	content: '';
	display: inline-block;
	height: 13px;
	left: 0;
	position: relative;
	top: 6px;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 11px;
}
.chevron-right:before {
	left: -4px;
	transform: rotate(45deg);
}
.chevron-left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}
.chevron-top:before {
	left: 0.15em;
  transform: rotate(-45deg);
}
.chevron-bottom:before {
	top: 0;
	transform: rotate(135deg);
}
.sprite {
  background: url(../images/icons/sprite.png) 0 0 no-repeat;
}
.sprite-codi {
  background: url(../images/codi/ASP_Sprite_images.png) 0 0 no-repeat;
}
.sprite-descarga-pdf {
  background: url(../images/icons/descarga_pdf.png) 0 0 no-repeat;
  width: 56px;
  height: 56px;
}
.icon-pin {
  background: url(../images/icons/asp_pinbuscador_white.png) 0 0 no-repeat;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.icon-pin-buscador {
  background: url(../images/icons/asp_pinbuscador.png) 0 0 no-repeat;
  display: inline-block;
  width: 20px;
  height: 21px;
}
.icon-banderas {
  background: url(../images/icons/asp_llaves.png) 0 0 no-repeat;
  display: inline-block;
  width: 22px;
  height: 23px;
}
.icon-telefono {
  background: url(../images/icons/asp_telefono.png) 0 0 no-repeat;
  display: inline-block;
  width: 22px;
  height: 19px;
}
.icon-correo {
  background: url(../images/icons/asp_mail.png) 0 0 no-repeat;
  display: inline-block;
  width: 21px;
  height: 14px;
}
.icon-chat {
  background-position: -80px -116px;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.icon-banderas-color {
  background-position: -80px -3698px;
  display: inline-block;
  width: 30px;
  height: 40px;
}
.icon-banderas-color-medio {
  background-position: -90px -6135px;
  display: inline-block;
  width: 20px;
  height: 23px;
}
.icon-bandera-blanca {
  background-position: -90px -4972px;
  display: inline-block;
  width: 26px;
  height: 34px;
}
.icon-casa {
  background-position: -82px -1043px;
  display: inline-block;
  width: 42px;
  height: 42px;
}
.icon-casa-tab {
  background-position: -83px -1161px;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.icon-cuenta-facil-tab {
  background-position: -82px -1678px;
  display: inline-block;
  width: 43px;
  height: 46px;
}
.icon-cerdito-tab {
  background-position: -81px -636px;
  display: inline-block;
  width: 42px;
  height: 45px;
}
.icon-asistencia-tab {
  background-position: -81px -984px;
  display: inline-block;
  width: 42px;
  height: 45px;
}
.icon-ahorro-tab {
  background-position: -81px -636px;
  display: inline-block;
  width: 42px;
  height: 45px;
}
.icon-grafica {
  background-position: -82px -1507px;
  display: inline-block;
  width: 41px;
  height: 41px;
}
.icon-corazon-tab {
  background-position: -82px -812px;
  display: inline-block;
  width: 41px;
  height: 36px;
}
.icon-credito-tab {
  background-position: -82px -1335px;
  display: inline-block;
  width: 41px;
  height: 41px;
}
.icon-planta {
  background-position: -82px -1739px;
  display: inline-block;
  width: 41px;
  height: 41px;
}
.icon-plnata-ahorro-tab {
  background-position: -82px -1335px;
  display: inline-block;
  width: 41px;
  height: 41px;
}
.icon-codi-tab {
  background-position: -80px -5751px;
  display: inline-block;
  width: 44px;
  height: 46px;
}
.icon-area-seguridad-tab {
  background-position: -82px -1335px;
  display: inline-block;
  width: 44px;
  height: 44px;
}
.icon-inversion-productiva {
  background-position: -83px -1392px;
  display: inline-block;
  width: 41px;
  height: 41px;
}
.icon-creditos {
  background-position: -85px -1218px;
  display: inline-block;
  width: 32px;
  height: 41px;
}
.icon-creditos-peque {
  background-position: -85px -2476px;
  display: inline-block;
  width: 22px;
  height: 36px;
}
.icon-casa-peque {
  background-position: -79px -2526px;
  display: inline-block;
  width: 34px;
  height: 36px;
}
.icon-paga-facil {
  background-position: -81px -461px;
  display: inline-block;
  width: 43px;
  height: 46px;
}
.icon-seguro {
  background-position: -75px -1069px;
  display: inline-block;
  width: 41px;
  height: 46px;
}
.icon-asistencia {
  background-position: -82px -868px;
  display: inline-block;
  width: 41px;
  height: 46px;
}
.icon-paga-facil-avanzada {
  background-position: -80px -4779px;
  display: inline-block;
  width: 43px;
  height: 46px;
}
.icon-ahorro {
  background-position: -79px -519px;
  display: inline-block;
  width: 46px;
  height: 46px;
}
.icon-codi {
  background-position: -80px -5693px;
  display: inline-block;
  width: 44px;
  height: 46px;
}
.icon-spei {
  background-position: -80px -2258px;
  display: inline-block;
  width: 44px;
  height: 46px;
}
.icon-pin-color {
  background-position: -80px -3651px;
  display: inline-block;
  width: 28px;
  height: 34px;
}
.icon-credito-casa {
  background-position: -75px -723px;
  display: inline-block;
  width: 42px;
  height: 42px;
}
.icon-facebook {
  background-position: -82px -162px;
  display: inline-block;
  width: 42px;
  height: 42px;
}
.icon-youtube {
  background-position: -82px -213px;
  display: inline-block;
  width: 42px;
  height: 42px;
}
.icon-instagram {
  background-position: -82px -263px;
  display: inline-block;
  width: 42px;
  height: 42px;
}

.icon-linkedin {
  background-position: -79px -6670px;
  display: inline-block;
  width: 42px;
  height: 42px;
}


.icon-casa-grande {
  background-position: -68px -3855px;
  display: inline-block;
  width: 60px;
  height: 60px;
}
.icon-credito-grande {
  background-position: -68px -3945px;
  display: inline-block;
  width: 60px;
  height: 60px;
}
.icon-codi-grande {
  background-position: -68px -5575px;
  display: inline-block;
  width: 60px;
  height: 64px;
}
.icon-spei-grande {
  background-position: -63px -5381px;
  display: inline-block;
  width: 68px;
  height: 68px;
}
.icon-planta-grande {
  background-position: -68px -5481px;
  display: inline-block;
  width: 60px;
  height: 60px;
}

.icon-inversion-productiva-card {
  background-position: -76px -2611px;
  display: inline-block;
  width: 48px;
  height: 46px;
}
.icon-creditos-card {
  background-position: -76px -3272px;
  display: inline-block;
  width: 48px;
  height: 46px;
}
.icon-seguro-card {
  background-position: -77px -2743px;
  display: inline-block;
  width: 48px;
  height: 46px;
}
.icon-asistencia-card {
  background-position: -77px -2675px;
  display: inline-block;
  width: 46px;
  height: 52px;
}
.icon-paga-facil-card {
  background-position: -77px -2806px;
  display: inline-block;
  width: 46px;
  height: 52px;
}
.icon-paga-avanzada-card {
  background-position: -76px -2871px;
  display: inline-block;
  width: 50px;
  height: 52px;
}
.icon-ahorro-card {
  background-position: -74px -2937px;
  display: inline-block;
  width: 52px;
  height: 54px;
}
.icon-casa-card {
  background-position: -77px -3006px;
  display: inline-block;
  width: 48px;
  height: 48px;
}
.icon-handheld-card {
  background-position: -78px -3400px;
  display: inline-block;
  width: 42px;
  height: 52px;
}
.icon-spei-card {
  background-position: -74px -3200px;
  display: inline-block;
  width: 52px;
  height: 56px;
}
.icon-plan-ahorro-card {
  background-position: -79px -3138px;
  display: inline-block;
  width: 44px;
  height: 48px;
}
.icon-servicios-card {
  background-position: -74px -3335px;
  display: inline-block;
  width: 52px;
  height: 52px;
}
.icon-codi-card {
  background-position: -82px -3070px;
  display: inline-block;
  width: 42px;
  height: 52px;
}
.icon-bandera-azul {
  background-position: -86px -3764px;
  display: inline-block;
  width: 18px;
  height: 21px;
}
.icon-ahorro-combo {
  background-position: -86px -5045px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-facil-combo {
  background-position: -86px -5079px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-inversion-combo {
  background-position: -86px -5112px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-proteccion-combo {
  background-position: -86px -5249px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-prevencion-combo{
  background-position: -86px -5212px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-casa-combo {
  background-position: -86px -5181px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-credito-combo {
  background-position: -86px -5181px;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.icon-descarga {
  background-position: -85px -6193px;
  display: inline-block;
  width: 24px;
  height: 26px;
}
.icon-pin-grande {
  background-position: -80px -6313px;
  display: inline-block;
  width: 34px;
  height: 40px;
}
.icon-xls {
  background-position: -74px -6374px;
  display: inline-block;
  width: 48px;
  height: 57px;
}
.icon-circulo {
  background-image: url("../images/codi/ciculo.svg");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.icon-linea-indicador {
  background-image: url("../images/codi/linea.svg");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.icon-linea-indicador-izq {
  background-image: url("../images/codi/linea-izquiera.svg");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.icon-youtube-2 {
  background-position: -80px -6010px;
  display: inline-block;
  width: 34px;
  height: 23px;
}
.icon-comercios {
  background-position: -75px -4050px;
  display: inline-block;
  width: 44px;
  height: 44px;
}
.icon-e-commerce {
  background-position: -75px -4109px;
  display: inline-block;
  width: 44px;
  height: 44px;
}
.icon-empresa {
  background-position: -75px -4168px;
  display: inline-block;
  width: 44px;
  height: 44px;
}
.icon-terminal {
  background-position: -75px -4225px;
  display: inline-block;
  width: 44px;
  height: 44px;
}
.icon-sector-publico {
  background-position: -75px -4343px;
  display: inline-block;
  width: 44px;
  height: 44px;
}
.icon-recibos {
  background-position: -75px -4282px;
  display: inline-block;
  width: 44px;
  height: 44px;
}
.icon-cobro-masivo {
  background-position: -80px -6466px;
  display: inline-block;
  width: 33px;
  height: 46px;
}
.icon-btn-prev{
  background-position: -83px -4536px;
  display: inline-block;
  width: 34px;
  height: 34px;
}
.icon-editar {
  background-position: -91px -6594px;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.icon-info {
  background-position: -83px -6540px;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.navbar-toggler-icon {
  background: url(../images/icons/hamburguesa.png) 0 0 no-repeat;
}

/* Mensaje de Cookies */
.cc-cookies {
  background-color:#1C2D58;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Verdana", Geneva, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 5%;
  position: fixed;
  height: 160px;
  width: 100%;
  z-index: 99999;
}
.cc-cookies a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline {
  background-color:#7396BE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Verdana", Geneva, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  width: 185px;
  height: 43px;
}
.cc-cookies a.cc-cookie-accept {
  background-color:#FFFFFF;
  color:#081F5B;
  margin-left: 32px;
}
.cc-cookies > p {
  margin-bottom: 0;
  margin-right: 45px;
}
.cc-cookies > p > .liga {
  color: #FFFFFF;
}
.cc-cookies .sprite.icon-bandera-blanca {
  margin-right: 63px;
}
/* Botones */
.btn-icon, 
.btn-icon:hover {
    background-color: #B3080C;
    color: #FFFFFF;
}
.chat-flotante {
  background-color: #FAFAFA;
  border: 1px solid #FFFFFF;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 5%;
  bottom: 5%;
  position: fixed;
  height: 56px;
  width: 56px;
  z-index: 31;
}

.btn-action,
.btn-action-rojo {
  background-color: #FFFFFF;
  border: 1px solid #EF3238;
  color: #ED3237;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
  height: 86px;
  width: 368px;
  -webkit-border-radius: 43px;
  -moz-border-radius: 43px;
  border-radius: 43px;
}
.btn-action {
  border: 3px solid #EF3238;
}
.btn-action:hover {
  color: #ED3237;
}
.btn-action-rojo {
  background-color: #ED3237;
  color: #FFFFFF;
}
.btn-action-rojo:hover {
  color: #FFFFFF;
}
.btn-action-rojo .icon-bandera-blanca {
  margin-right: 24px;
}
.btn-action .icon-banderas-color {
  background-position: -82px -3561px;
  margin-right: 16px;
  width: 25px;
  height: 32px;
}
.btn-imprimir,
.btn-imprimir-icon,
.btn-imprimir:hover {
  background-color: #3B547B;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 12px;
}
.btn-imprimir-icon,
.btn-imprimir-icon:hover {
  color: #FFFFFF;
  background-color: #2B3F5F;
}
.btn-imprimir-icon .chevron:before {
  width: 8px;
  height: 8px;
  top: 3px;
}
.btn-azul,
.btn-azul:hover {
  background-color: #3B547B;
  color: #FFFFFF;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.btn-azul-icon,
.btn-azul-icon:hover {
  background-color: #2B3F5F;
  color: #FFFFFF;
}
.link-prev,
.link-prev:hover {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-decoration: none;
}
/* Campos */
input.form-control:focus {
  border: 1px solid #081F5B;
  -webkit-box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.13);
  -moz-box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.13);
  box-shadow: 2px 3px 9px 0px rgba(0,0,0,0.13);
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
}
.rango-montos {
  color: #3B547B;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 18px;
}
.vcombo-form .option-active {
  border: 1px solid #081F5B;
}
.vcombo-disabled .vscreen {
  background-color: #B9BBBF;
  border: 1px solid #B9BBBF;
}
.form-check-input[type="checkbox"] {
  -webkit-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  -moz-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
}
.form-check-input[type="radio"] {
  border: 1px solid #757475;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(237,239,243,1);
  -moz-box-shadow: 0px 2px 4px 0px rgba(237,239,243,1);
  box-shadow: 0px 2px 4px 0px rgba(237,239,243,1);
}
.form-check-input[type="radio"]:focus {
  box-shadow: none;
}
.form-check-input[type="radio"]:checked {
  background-color: #081F5B;
}
.form-check-label {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.label-radio {
  color: #757475;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-size: 18px;
}
.form-check-input[type="radio"]:checked + .label-radio {
  color: #081F5B;
}
input.form-control-edit {
  border-color: #B9BBBF;
}
.combo-menu-movil {
  float: left;
  margin: 0 auto;
  width: 95%;
}
.form-control:not(:placeholder-shown){
  border: 1px solid #081F5B;
}
.form-control-blanco:not(:placeholder-shown){
  border: 1px solid #FFFFFF;
}
.form-control-edit:not(:placeholder-shown){
  border: 1px solid #B9BBBF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 24px;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 3px 8px;
}
input.form-control-edit:focus {
  border: 1px solid #B9BBBF;
  line-height: 24px;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 3px 8px;
}
.col-form-label-edit {
  color: #565656;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 16px;
}
input.form-control-blanco,
input.form-control-blanco:focus,
input.form-control-blanco:read-only {
  background-color: rgb(255, 255, 255, 0.20);
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}
.form-control[readonly] {
  background-color: #FFFFFF;
}
.input-file {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.label-input-file {
  -webkit-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  -moz-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  color: #B9BBBF;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  position: relative;
  height: 102px;
  width: 100%;
}
/* Errores Campos */
.combo-error .vscreen{
  border: 1px solid #ED3237 !important;
}
.form-floating > .form-control.error,
.form-check-input.error,
.form-control-edit.error {
  border: 1px solid #ED3237;
  color: #ED3237;
}

.form-floating > span.error,
.vcombo span.error,
span.error, .col-mensaje-error,
.error-captcha {
  color: #ED3237;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}
.form-check-input.error ~ .texto-liga,
.form-check-input.error ~ label[for="autorizoBuro"] {
  color: #ED3237;
}
.col-mensaje-error {
  display: none;
}
.file-error {
  border: 1px solid #ED3237;
}

/* DatePicker */
.datepicker {
  border: 1px solid #081F5B !important;
}
.datepicker th {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.datepicker td {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 12px;
}
.datepicker table tr td.active {
  background-color: #081F5B;
}

/* Lineas */
hr.linea-horizontal {
  background-color:#B9BBBF;
  margin: 24px 0;
  width: 100%;
  height: 2px;
  opacity: 0.5;
}
hr.linea-azul-icon {
  background-color: #081F5B;
  margin: 0 auto;
  opacity: 1;
  width: 109px;
  height: 2px;
}
/* Cards */
.card-hover {
  background:-moz-linear-gradient(200deg, rgba(8, 31, 91, 1) 0%, rgba(237, 50, 55, 1) 100%);
  background:-webkit-linear-gradient(200deg, rgba(8, 31, 91, 1) 0%, rgba(237, 50, 55, 1) 100%);
  background:linear-gradient(200deg, rgba(8, 31, 91, 1) 0%, rgba(237, 50, 55, 1) 100%);
  border-radius: 20px;
  width: 215px;
  height: 281px;
  border: 0;
}
.card-hover img {
  opacity: 0.46;
  border-radius: 20px;
}
.card-hover .card-img-overlay {
  border-radius: 20px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 15px 10px 15px 27px;
  width: 152px;
  bottom: 0;
}
.card-hover .card-img-overlay .card-title {
  color: #FFFFFF;
  font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 35px;
  margin: 0;
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  white-space: nowrap;
}
.card-hover .card-img-overlay .descripcion {
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  mix-blend-mode: color-dodge;
}
.card-hover .card-img-overlay .mas-informacion {
  color: #FFFFFF;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin: 10px 0 0 0;
  /*mix-blend-mode: color-dodge;*/
  z-index: 1;
}
.card-hover .card-img-overlay .mas-informacion {
  text-decoration: none;
}
.card-hover .card-img-overlay hr {
  background-color: #FFFFFF;
  margin: 0;
  width: 2px;
  height: 174px;
  opacity: 1;
}
.card-informacion {
  display: none;
}
.card-hover:hover .card-img-overlay > h5,
.card-hover:hover .card-img-overlay > a {
  display: none;
}
.card-hover:hover {
  background: rgba(28,45,88,0.63);
  -webkit-box-shadow: 3px 6px 20px 0px rgba(27,33,44,1);
  -moz-box-shadow: 3px 6px 20px 0px rgba(27,33,44,1);
  box-shadow: 3px 6px 20px 0px rgba(27,33,44,1);
  border: 0;
}
.card-hover:hover .card-img-overlay {
  justify-content: space-between;
  width: 200px;
}
.card-hover:hover .card-img-overlay .fondo{
  background: rgb(28, 45, 88, 1);
  justify-content: space-between;
  transition: width 0.5s;
  width: 200px;
  mix-blend-mode: multiply;
}
.card-hover:hover .card-img-overlay > .card-informacion {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  animation: fade-in 1s;
}
/* Animacion de la Informacion de la Card*/
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.card-hover:hover .card-img-overlay > .card-informacion h5 {
  font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 31px;
  mix-blend-mode: color-dodge;
}
.card-hover:hover .card-img-overlay > .card-informacion hr {
  width: 100%;
  height: 2px;
}
.card-hover .fondo {
  /*background: linear-gradient(270deg, rgba(8, 31, 91, 0.80) 0%, rgba(8, 31, 91, 0.80) 100%);*/
  background:linear-gradient(90deg, rgba(40, 33, 55, 0.9) 0%, rgba(58, 35, 55, 0.9) 50%, rgba(79, 34, 44, 0.9) 100%);
  width: 152px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  mix-blend-mode: multiply;
}

.card-productos {
  background: rgba(254, 254, 254, 0.60);
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0 auto 32px auto;
  padding: 0;
  position: relative;
  width: 296px;
  height: 222px;
}
.card-fondo {
  position: absolute;
  /* ff 3.6+ */
  background:-moz-linear-gradient(270deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%); 
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(270deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(270deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  -moz-border-radius: 30%;
  -webkit-border-radius: 30%;
  border-radius: 30%;
  filter: blur(70px);
  right: 0;
  bottom: 0;
  mix-blend-mode: hard-light;
  opacity: 0.5;
  width: 223px;
  height: 166px;
  z-index: -1;
}
.card-productos .card-body {
  padding-top: 39px;
  padding: 39px 12px 12px 12px;
}
.card-productos .card-body .card-title {
  color: #1C2D58;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  margin-top: 21px;
}
.card-productos .card-links {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 43px;
}
.card-productos .card-link {
  background-color: #FFFFFF;
  color: #EF3238;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  text-decoration: none;
  height: 100%;
  width: 50%;
}
.card-productos .card-links hr {
  background-color: #828A95;
  color: #828A95;
  margin: 0;
  height: 90%;
  width: 1px;
}
.card-productos .card-links .card-link.card-link-azul {
  color: #081F5B;
  font-weight: 700;
}
.card-productos .card-links .card-link:hover:nth-child(1) {
  background-color: #ED3237;
  color: #FFFFFF;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  transition: background-color .5s;
}
.card-productos .card-links .card-link.card-link-azul:hover {
  background-color: #081F5B;
  color: #FFFFFF;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  transition: background-color .5s;
}
.card-productos .card-links .card-link-azul .chevron-right {
  margin-left: 8px;
}
.card-productos .card-links .card-link-azul .chevron-right::before {
  width: 7px;
  height: 7px;
  top: 8px;
}
.card-producto-md {
  background: rgb(255, 255, 255, 0.8);
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 9px 20px 0px rgba(8,31,91,0.35);
  -moz-box-shadow: 0px 9px 20px 0px rgba(8,31,91,0.35);
  box-shadow: 0px 9px 20px 0px rgba(8,31,91,0.35);
  margin-right: 20px;
  min-height: 150px;
  width: 368px;
}
.card-producto-md .card-body .card-title {
  color: #081F5B;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin: 0 0 0 24px;
  text-align: left;
}
.card-producto-md .card-links {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 43px;
}
.card-producto-md .card-link {
  background-color: #FFFFFF;
  color: #EF3238;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  text-decoration: none;
  height: 100%;
  width: 50%;
}
.card-producto-md .card-link:hover:nth-child(1) {
  background-color:#ED3237;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  color: #FFFFFF;
  transition: background-color .5s;
}
.card-producto-md .card-links hr {
  background-color: #959598;
  margin: 0;
  height: 90%;
  width: 1px;
}
.card-producto-md .card-links .link-second {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
}
.card-producto-md .card-links .link-second:hover {
  background-color: #081F5B;
  color: #FFFFFF;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  transition: background-color .5s;
}
.card-producto-md .card-links .link-second .chevron-right {
  margin-left: 8px;
}
.card-producto-md .card-links .link-second .chevron-right:before {
  width: 7px;
  height: 7px;
  top: 8px;
}

.card-detalles {
  background-color: #FFFFFF;
  border: 0;
  /*padding: 30px 0 30px 68px;*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 32px;
}
.card-detalles .card-header {
  background-color: rgb(115, 150, 190, 0.2);
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 0;
  padding: 0;
}
.card-detalles .card-header h5 {
  background-color: #1C2D58;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
  color: #FFFFFF;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 24px;
  margin: 0;
  padding: 12px 12px 12px 30px;
  width: 70%;
}
.card-detalles .card-body {
  padding: 16px 15px 30px 15px;
}
.card-detalles .card-body .lista-chevron {
  line-height: 26px;
}
.card-detalles .card-body .lista-chevron .chevron-right:before {
  left: 0;
  top: 8px;
  margin-right: 16px;
  width: 10px;
  height: 10px;
}
.card-detalles .card-body .titulo-lista {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px;
  margin: 0;
}
.card-detalles .card-body .texto-detalle {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 33px;
  padding: 0 0 24px 16px;
  margin: 0;
}
.card-detalles .card-body .texto-liga {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.card-detalles .card-body hr {
  width: 97%;
  margin: 5px 0 12px auto;
}
.card-detalles .lista-chevron {
  padding-left: 14px;
}
.card-azul {
  background: rgb(115, 150, 190, 0.05);
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(115,150,190,1);
  -moz-box-shadow: 0px 2px 3px 0px rgba(115,150,190,1);
  box-shadow: 0px 2px 3px 0px rgba(115,150,190,1);
  margin-bottom: 36px;
}
.card-azul h5.card-title {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.card-azul .descripcion {
  color: #1C2D58;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}
.card-azul hr {
  background: #081F5B;
  height: 2px;
  width: 32px;
  margin: 0px auto 12px auto;
  opacity: 1;
}
.card-azul .list-group {
  width: 100%;
}
.card-azul .list-group .list-group-item {
  background: transparent;
  border: 0;
  width: 33.33%;
  padding: 8px 4px;
}
.card-azul .list-group .list-group-item::after {
  content: '';
  position: absolute;
  right: 0;
  top: 25%;
  height: 45px;
  border-right: 1px solid #757475;
}
.card-azul .list-group .list-group-item:last-child::after {
  border: 0;
}

.card-contacto {
  position: relative;
}
.card-contacto .card-fondo {
  z-index: 0;
  height: 260px;
}
.card.card-asesoria {
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px !important;
  -webkit-box-shadow: 9px 3px 10px 0px rgba(28,45,88,0.1);
  -moz-box-shadow: 9px 3px 10px 0px rgba(28,45,88,0.1);
  box-shadow: 9px 3px 10px 0px rgba(28,45,88,0.1);
  position: relative;
  width: 100%;
  text-align: center;
  min-height: 314px;
  z-index: 1;
}
.card-solicitar {
  position: relative;
  background: rgba(254, 254, 254, 0.60);
  border: 1px solid #FFFFFF;
  text-align: center;
}
.card-asesoria::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  padding: 1px;
  background:-webkit-linear-gradient(270deg, #F5A590,#4194DC, #081F5B);
  background: linear-gradient(270deg,#F5A590,#4194DC, #081F5B);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.card-asesoria .card-body,
.card-solicitar .card-body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.card-asesoria hr,
.card-solicitar hr {
  background: #081F5B;
  height: 2px;
  width: 109px;
  margin: 12px auto 22px auto;
  opacity: 1;
}
.card-solicitar hr {
  margin: 12px auto 21px auto;
}
.card.card-asesoria .card-body h3,
.card-solicitar .card-body h3 {
  color: #081F5B;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 12px;
}
.card-solicitar .card-body h3 {
  line-height: 27px;
  margin-bottom: 27px;
}
.card.card-asesoria .card-body .telefono {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 12px;
}
.card.card-asesoria .card-body .mensaje{
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 12px;
}
.card.card-asesoria .card-body a {
  z-index: 1;
}
.card-solicitar .card-fondo{
  height: 260px;
}
.card-solicitar .card-body .sprite.icon-seguro {
  background-position: -82px -697px;
  height: 36px;
}

.card-border {
  border: 1px solid rgb(115, 150, 190, 0.2);
  -webkit-box-shadow: 9px 3px 10px 0px rgba(28,45,88, 0.1);
  -moz-box-shadow: 9px 3px 10px 0px rgba(28,45,88, 0.1);
  box-shadow: 9px 3px 10px 0px rgba(28,45,88, 0.1);
  min-height: 314px;
  text-align: center;
}
.card-border hr {
  background-color: #081F5B;
  width: 109px;
  height: 2px;
  margin: 12px auto 22px auto;
  opacity: 1;
}
.card-border .card-title {
  color: #081F5B;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 27px;
}
.card-border .card-text{
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.card-border .texto-VerdanaBold {
  color: #081F5B;
  font-size: 18px;
}
.card-border .texto-liga-bold {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.card-button-bottom {
  border: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin: 0 auto;
  width: 296px;
  min-height: 457px;
  height: 100%;
}
.card-button-bottom .card-body {
  padding: 40px 20px 31px 20px;
  position: relative;
  text-align: center;
}
.card-button-bottom .card-body .separacion {
  color: #081F5B;
  background-color: #081F5B;
  height: 2px;
  margin: 16px auto 29px auto;
  opacity: 1;
  width: 135px;
}
.card-button-bottom .card-body .card-title {
  color: #081F5B;
  font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 36px;
}
.card-button-bottom .card-body .card-text {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px;
  text-align: left;
}
.card-button-bottom .card-body b {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.card-button-bottom .card-body .card-link {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  bottom: 24px;
  right: 20px;
}
.card-button-bottom .card-body .card-link .chevron::before {
  width: 10px;
  height: 10px;
  top: 6px;
  left: 0;
}
.card-button-bottom .card-footer {
  background-color: #081F5B;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;
}
.card-button-bottom .card-footer i {
  margin-right: 12px;
}
.card-button-bottom:hover .card-footer  {
  background-color: #ED3237;
  transition: background-color .3s;
}

.card-servicios {
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: 100%;
}
.card-servicios .card-header {
  background-color: #1C2D58;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #FFFFFF;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 24px;
  text-align: center;
}
.card-servicios .card-body {
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.card-servicios .card-body .lista-chevron .chevron-right:before {
  left: 0;
  top: 10px;
  margin-right: 16px;
  width: 10px;
  height: 10px;
}

.card-soluciones {
  position: relative;
  background-color: #FFFFFF;
  border: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  height: 100%;
}
.card-soluciones .card-body hr {
  background-color: #081F5B;
  height: 2px;
  margin: 16px auto 30px auto;
  width: 135px;
  opacity: 1;
}
.card-soluciones .card-body .card-title {
  color: #081F5B;
  font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 31px;
}
.card-soluciones .card-body .card-text {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  text-align: left;
}
.card-diagrama {
  background-color: rgba(254, 254, 254, 0.8);
  -webkit-border-radius: 6.8px;
  -moz-border-radius: 6.8px;
  border-radius: 6.8px;
  border: 1px solid rgba(255, 255, 255, 0.99);
  -webkit-box-shadow: 10px 2px 11px 0px rgb(124 166 194 / 50%);
  -moz-box-shadow: 10px 2px 11px 0px rgba(124,166,194,0.50);
  box-shadow: 10px 2px 11px 0px rgb(124 166 194 / 50%);
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  padding: 16px 16px;
}
/* Tabs */
.nav-tabs {
  background-color: #FFFFFF;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.nav-tabs .nav-link {
  background-color: rgb(185, 187, 191, 0.3);
  border-radius: 0;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
}
.nav-tabs .nav-link.active {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}

/* Tablas */
table.tabla-datos {
  border-collapse: separate;
  border-spacing: 3px 3px;
}
.tabla-datos thead tr {
  background: rgb(115, 150, 190, 0.2);
  text-align: center;
}
.tabla-datos thead tr th {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 8px 8px;
}

.tabla-datos tbody tr td {
  background: rgb(149, 149, 152, 0.2);
  color: rgb(117, 116, 117, 0.7);
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  padding: 0 8px;
  height: 32px;
}

.tabla-datos tbody tr td.fw-normal {
  background: rgb(149, 149, 152, 0.2);
  color: rgb(117, 116, 117, 0.7);
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  padding: 0 8px;
  height: 32px;
}

/* Tabla condiciones generales de crédito */


table.tabla-datos-condiciones {
  border-collapse: separate;
  border-spacing: 3px 3px;
  margin: 0px 0 36px 0;
}

.tabla-datos-condiciones thead tr {
  background: rgb(115, 150, 190, 0.2);
  text-align: center;
}

.tabla-datos-condiciones thead tr {
background: white;

}

.tabla-datos-condiciones thead tr th.condicion-azul{
  background: rgb(115, 150, 190, 0.2)!important;
  
  }
.tabla-datos-condiciones thead tr td.condicion-gris{
  background: rgb(117, 116, 117, 0.2)!important;
    
    }

.tabla-datos-condiciones  thead tr th {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 8px 8px;
}


.tabla-datos-condiciones thead tr th.celda-blanca {
  background: #FFFFFF;
  font-size: 24px;
}


.tabla-datos-condiciones tr td {
  color: rgb(117, 116, 117, 0.7)!important;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  padding: 0 8px;
  height: 32px;
}

.tabla-datos-condiciones tr td.fw-normal {
  color: rgb(117, 116, 117, 0.7)!important;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  padding: 0 8px;
  height: 32px;
}

/* Fin Tabla condiciones generales de crédito */



.tabla-datos tbody tr td {
  font-size: 18px;
}
.tabla-datos tbody tr td.fuente-16 {
  font-size: 16px;
}
table.tabla-datos-lateral {
  border-collapse: separate;
  border-spacing: 3px 3px;
  margin: 15px 0 36px 0;
}
.tabla-datos-lateral thead tr {
  background: rgb(115, 150, 190, 0.2);
  text-align: center;
}
.tabla-datos-lateral thead tr th {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 0 8px;
  height: 48px;
}
.tabla-datos-lateral tbody tr td {
  background: rgb(149, 149, 152, 0.2);
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  padding: 0 8px;
  height: 48px;
}
.tabla-datos thead tr th.celda-blanca {
  background: #FFFFFF;
  font-size: 24px;
}
.tabla-datos tr td.celda-azul,
.tabla-datos-lateral tr td.celda-azul {
  background: rgb(115, 150, 190, 0.2);
  color: #081F5B;
  font-size: 18px;
}

table.tabla-datos-medio {
  border-collapse: separate;
  border-spacing: 3px 3px;
  margin: 15px 0 0 0;
}
.tabla-datos-medio thead tr {
  background: rgb(115, 150, 190, 0.2);
  text-align: center;
}
.tabla-datos-medio thead tr th {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 0 8px;
  height: 48px;
}
.tabla-datos-medio tbody tr td {
  background: rgb(149, 149, 152, 0.2);
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  padding: 8px 14px;
  height: 48px;
}
.card-detalles .card-body .tabla-datos-medio tbody tr td hr {
  margin: 0 auto;
  opacity: 1;
  width: 50px;
  height: 2px;
}
.tabla-datos-medio tr td.celda-azul {
  background: rgb(115, 150, 190, 0.2);
  color: #081F5B;
  font-size: 14px;
}

/* Listas */
.lista-chevron {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 33px;
}
.lista-chevron li {
  display: flex;
}
.lista-titulos-descrip {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  padding-left: 20px;
}
.lista-titulos-descrip li {
  display: flex;
}
.lista-titulos-descrip .chevron-right:before{
  left: 0;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}
.lista-titulos-descrip .titulo {
  color: #081F5B;
  display: inline-block;
  line-height: 26px;
}
.lista-titulos-descrip .descripcion {
  color: #565656;
  display: block;
  line-height: 20px;
  margin: 16px 0;
}
.lista-circle {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  list-style: disc;
  list-style-type: disc;
  padding-left: 55px;
}
.lista-datos {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  list-style: none;
  line-height: 22px;
  padding: 0;
}
.lista-datos .target {
  color: #081F5B;
}
.lista-links li {
  padding: 8px 0;
}
.lista-links li a {
  color: #081F5B;
  display: flex;
  align-items: center;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}
.lista-links li a .icon-descarga {
  margin-right: 8px;
}
/*-------------- vanity combo --------------*/
.vcombo ul {
  list-style: none;
  margin: 0;
  padding: 8px 8px;
}
.vcombo {
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  position: relative;
  width: 100%;
  height: auto;
  float: left;
}
.vline {
  background: #C2C2C2;
  top: 50%;
  position: absolute;
  right: 17%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 70%;
}
.vscreen {
  background-color: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  -moz-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  padding: 17px 10px;
  position: relative;
  width: 100%;
}
.static-title {
  width: 90%;
  height: auto;
  float: left;
  color: #C2C2C2;
  font-size: 13px;
}
.vtitle-min {
  font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #757475;
  display: none;
  float: left;
  line-height: 20px;
  width: 90%;
}
.vtitle {
  color: #757475;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  float: left;
  font-size: 18px;
  line-height: 20px;
  text-align: left;
  text-overflow: ellipsis;
  width: 90%;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
}
.vlist {
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  -moz-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  display: none;
  float: left;
  position: absolute;
  top: 62px;
  width: 100%;
  height: auto;
  /*overflow-y: scroll;*/
  z-index: 13;
}
.voptions .vitem {
  box-sizing: border-box;
  color:#1C2D58;
  cursor: pointer;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 8px 10px;
  text-align: left;
}
.voptions .vitem:hover {
  background-color: #E3EAF2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.vlist .voptions .vitem .lista-option-titulo {
  color:#1C2D58;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}
.vlist .voptions .vitem .lista-option-sub {
  color:#565656;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}
#vcomboMenu .voptions .vitem:hover {
  background-color: #FFFFFF;
}
.vscreen .arrow.chevron::before {
  transform: rotate(135deg);
  top: 0;
  width: 8px;
  height: 8px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.vcombo.activo .vscreen .arrow.chevron::before {
  color: #081F5B;
  transform: rotate(-45deg);
  top: 4px;
}
.vcombo.activo .vscreen {
  border: 1px solid #081F5B;
}
.vscreen.option-active {
  padding: 7px 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vscreen.option-active .vtitle {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
}
.vscreen .arrow {
  color:#757475;
	display: block;
	float: right;
  margin-top: 4px;
  text-align: center;
  width: 10px;
	height: 12px;
}
.vcombo .vscreen.option-active .arrow {
  color: #081F5B;
  margin-top: 14px;
}
.vcombo .vscreen.option-active .vtitle-min {
  display: block;
  text-align: left;
}
/*Combo Blanco */
.vcombo-blanco {
  background: rgba(255, 255, 255, 0.2);
}
.vcombo-blanco .vscreen{
  padding: 5px 8px;
}
.vcombo-blanco .vtitle {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
}
.vcombo-blanco .vscreen .arrow.chevron::before,
.vcombo-blanco.activo .vscreen .arrow.chevron::before {
  color: #FFFFFF;
}
.vcombo-blanco.activo .vscreen {
  border: 1px solid #FFFFFF;
}
.vcombo-blanco ul {
  padding: 0;
}
.vcombo-blanco .vlist {
  top: 40px;
}
/*Combo Editar */
.vcombo-edit .vscreen {
  border: 1px solid #B9BBBF;
  padding: 5px 8px;
}
.vcombo-edit .vtitle {
  color: #081F5B;
  font-size: 16px;
}
.vcombo-edit .vscreen .arrow.chevron::before {
  color: #B9BBBF;
}
.vcombo-edit .vlist {
  top: 35px;
}
.vcombo-edit .voptions .vitem {
  padding: 5px 5px;
}

#vcomboDestinoCredito .vlist,
#vcomboEstado .vlist,
#vcomboMunicipio .vlist,
#vcomboEstadoEdit .vlist
#vcomboMunicipioEdit .vlist,
#vcomboCiudad .vlist,
#vcomboEstadoEdit .vlist,
#vcomboMunicipioEdit .vlist,
#vcomboCiudadEdit .vlist, 
#vcomboEntidadFederativa .vlist,
#vcomboColonia .vlist,
#vcomboColonia .vlist,
#vcomboPlazo .vlist
{
  overflow-y: scroll;
  height: 250px;
}
/* Modal */
.modal-back {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  z-index: 7777777;
}
.kill-gfx {
  width: 22px;
  height: 22px;
  background-position: -89px -4450px;
  display: inline-block;
  position: absolute;
  right: -4px;
  top: -8px;
  cursor: pointer;
}

.modal-holder {
  position: fixed;
  background: #fff;
  box-shadow: 0 4px 3px -3px #000;
  z-index: 9999999;
}
.modal-holder .mensaje {
  color: #006FB9;
  font-family: 'latoregular', sans-serif;
  font-size: 24px;
  margin-bottom: 34px;
}
.modal-holder .icon-correcto {
  margin-bottom: 32px;
}
.modal-holder .btn-azul {
  font-size: 18px;
}
.modal-formulario {
  background-color: transparent;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border: 0;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.39);
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.39);
}
.modal-formulario .card-body {
  background-color: #FFFFFF;
  border: 1px solid rgb(115, 150, 190, 0.2);
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 37px 38px 12px 38px;
}
.modal-formulario .form-floating > label {
  font-size: 18px;
  line-height: 20px
}
.modal-formulario .card-body .card-title {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 41px;
}
.modal-formulario .card-footer {
  background-color: #081F5B;
  -webkit-border-bottom-right-radius: 16px;
  -webkit-border-bottom-left-radius: 16px;
  -moz-border-radius-bottomright: 16px;
  -moz-border-radius-bottomleft: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;
  border: 0;
  width: 100%;
}
.modal-formulario .card-footer:disabled {
  background-color: #B9BBBF;
}
.col-loading {
  text-align: center;
}
.col-loading hr {
  color: #081F5B;
  height: 2px;
  opacity: 1;
  width: 107px;
  margin: 16px auto 24px auto;
}
.col-loading .texto-cargador {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 50px;
} 
.modal-resultado {
  background-color: rgba(255, 255, 255, 0.99);
  border: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 2px 4px 5px 0px rgba(27,33,44,0.12);
  -moz-box-shadow: 2px 4px 5px 0px rgba(27,33,44,0.12);
  box-shadow: 2px 4px 5px 0px rgba(27,33,44,0.12);
}
.modal-resultado .datos-usuario {
  width: 50%;
  margin: 0 auto;
}
.modal-resultado .card-header:first-child {
  background-color: #081F5B;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 15px;
}
.modal-resultado .card-body .linea-icon {
  background-color: #081F5B;
  width: 80px;
  margin: 0px auto 5px auto;
  opacity: 1;
}
.modal-resultado .card-body hr {
  background-color:#B9BBBF;
  opacity: 1;
}
.modal-resultado .card-body .card-title {
  color: #081F5B;
  font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 45px;
}
.modal-resultado .card-body .list-group-horizontal {
  border: 0;
  margin: 0 auto;
}
.modal-resultado .card-body .list-group-horizontal > .list-group-item:first-child {
  border: 0;
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 2px 0 2px 0;
}
.modal-resultado .card-body .list-group-horizontal > .list-group-item:last-child {
  border: 0;
  color: #081F5B;
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 2px 6px 2px 6px;
}

.modal-resultado .card-body .table-responsive .table thead tr {
  background: rgb(115, 150, 190, 0.2);
  border-color: #FFFFFF;
}
.modal-resultado .card-body .table-responsive .table thead tr th {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  height: 30px;
}
.modal-resultado .card-body .table-responsive .table thead tr th:first-child {
  -webkit-border-top-left-radius: 3.6px;
  -moz-border-radius-topleft: 3.6px;
  border-top-left-radius: 3.6px;
}
.modal-resultado .card-body .table-responsive .table thead tr th:last-child {
  -webkit-border-top-right-radius: 3.6px;
  -moz-border-radius-topright: 3.6px;
  border-top-right-radius: 3.6px;
}
.modal-resultado .card-body .table-responsive .table tbody tr td {
  border-color: rgba(117, 116, 117, 0.7);
  border-bottom: rgba(115, 150, 190, 0.4);
}
.modal-resultado .card-body .table-responsive .table tbody tr td:first-child {
  border-left-color: #FFFFFF;
}
.modal-resultado .card-body .table-responsive .table tbody tr td:last-child {
  border-right-color: #FFFFFF;
}
.modal-resultado .card-body .texto-cat {
  color: #959598;
  font-size: 10px;
  text-align: left;
  margin: 24px 0 32px 0;
}
/* Textos */
.seccion-titulo {
  color: #081F5B;
  font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
  font-weight: 200;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
  margin: 40px 0 37px 0;
}
.texto-subtitulo-bold {
  color: #081F5B;
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  margin-bottom: 32px;
}
.texto-subtitulo {
  color: #081F5B;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  margin-bottom: 32px;
}
.texto-descripcion {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 2rem;
}
.texto-descripcion-center {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}
.texto-cat {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 56px;
}
.texto-VerdanaBold {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.texto-VerdanaItalic {
  font-family: 'VerdanaItalic', Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.texto-UbuntuBold {
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.texto-UbuntuMedium{
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
}
.salto-titulo-CMA {
  display: none;
}
.texto-liga {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.texto-liga:hover {
  color: #081F5B;
}

.registrado {
  font-size: 20px;
  line-height: 25px;
  vertical-align: top;
}

/* Size */
.fz-24 {
  font-size: 24px !important;
}
.fz-18 {
  font-size: 18px !important;
}
.fz-14 {
  font-size: 14px !important;
}
.fz-13 {
  font-size: 13px !important;
}
/* Margenes */
.g-6 {
  --bs-gutter-y: 32px;
}
.my-32 {
  margin: 32px 0 !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
/* Acordeon */
.accordion-item {
  margin-bottom: 32px;
}
.cream-slider > ul > li.tab {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-flex-grow: 5;
  -webkit-box-flex: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
}
.cream-slider > ul > li:nth-child(2),
.tab-empresas {
  background-image: url(../images/banners/home/banner_empresas.png);
  background-repeat: no-repeat;
  background-position-x: -340px;
  border-right: 2px solid #FFFFFF;
}
#c2:checked ~ ul > li.tab:nth-child(2) {
  background-position: center;
}
.cream-slider > ul > li:nth-child(3),
.tab-pymes {
  background-image: url(../images/banners/home/banner_pymes.png);
  background-repeat: no-repeat;
  background-position: center;
  
}
.cream-slider > ul > li:nth-child(1),
.tab-personas {
  background-image: url(../images/banners/home/banner_personas.png);
  background-repeat: no-repeat;
  background-position: center;
  border-right: 2px solid #FFFFFF;
}
#c1:checked ~ ul > li.tab:nth-child(1) h1,
#c2:checked ~ ul > li.tab:nth-child(2) h1,
#c3:checked ~ ul > li.tab:nth-child(3) h1 {
  display: none;
}
.cream-slider > ul > li h1{
  color: #F5F5F5;
  font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 55px;
  line-height: 75px;
  transform: rotate(-90deg);
  white-space: nowrap;
  position: absolute;
  bottom: 0;
}
.cream-slider ul > li.tab:nth-child(1) h1  {
  bottom: 60px;
}
.cream-slider ul > li.tab:nth-child(2) h1 {
  bottom: 90px;
  line-height: 59px;
}
.cream-slider ul > li.tab:nth-child(3) h1 {
  bottom: 105px;
  line-height: 59px;
}
.cream-slider li.tab > div span.textoMedio {
  color: #FEFEFE;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 35px;
  
}
.cream-slider li.tab > div span.textoRegular {
  color: #FEFEFE;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}
.cream-slider li.tab > div .btn-group {
  width: 211px;
  height: 61px;
}
.cream-slider > ul > li:nth-child(2) > .fondo-banner,
.banner-movil .tab-empresas .fondo-banner, 
.seccion-banner-principal-empresas .banner-empresas .fondo-banner
{
  /* ff 3.6+ */
  background:-moz-linear-gradient(0deg, rgba(238, 57, 61, 0.74) 0%, rgba(8, 51, 137, 0.69) 28%, rgba(8, 31, 91, 0.52) 59%, rgba(255, 255, 255, 0.24) 100%);
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(0deg, rgba(238, 57, 61, 0.74) 0%, rgba(8, 51, 137, 0.69) 28%, rgba(8, 31, 91, 0.52) 59%, rgba(255, 255, 255, 0.24) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(0deg, rgba(238, 57, 61, 0.74) 0%, rgba(8, 51, 137, 0.69) 28%, rgba(8, 31, 91, 0.52) 59%, rgba(255, 255, 255, 0.24) 100%);
  bottom: 0;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.50;
}
.cream-slider > ul > li:nth-child(3) > .fondo-banner,
.banner-movil .tab-pymes .fondo-banner {
  /* ff 3.6+ */
  background:-moz-linear-gradient(0deg, rgba(8, 51, 137, 0.85) 14%, rgba(224, 50, 59, 0.76) 72%, rgba(238, 57, 61, 0.74) 87%, rgba(255, 255, 255, 0.24) 100%); 
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(0deg, rgba(8, 51, 137, 0.85) 14%, rgba(224, 50, 59, 0.76) 72%, rgba(238, 57, 61, 0.74) 87%, rgba(255, 255, 255, 0.24) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(0deg, rgba(8, 51, 137, 0.85) 14%, rgba(224, 50, 59, 0.76) 72%, rgba(238, 57, 61, 0.74) 87%, rgba(255, 255, 255, 0.24) 100%);
  bottom: 0;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.50;
}
.cream-slider > ul > li:nth-child(1) > .fondo-banner,
.banner-movil .tab-personas .fondo-banner {
  /* ff 3.6+ */
  background:-moz-linear-gradient(0deg, rgba(8, 51, 137, 0.85) 0%, rgba(237, 50, 54, 0.76) 54%, rgba(238, 57, 61, 0.74) 61%, rgba(255, 255, 255, 0.24) 100%);
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(0deg, rgba(8, 51, 137, 0.85) 0%, rgba(237, 50, 54, 0.76) 54%, rgba(238, 57, 61, 0.74) 61%, rgba(255, 255, 255, 0.24) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(0deg, rgba(8, 51, 137, 0.85) 0%, rgba(237, 50, 54, 0.76) 54%, rgba(238, 57, 61, 0.74) 61%, rgba(255, 255, 255, 0.24) 100%);
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.65;
}
#c1:checked ~ ul > li.tab:nth-child(1) div.fondo-banner,
#c2:checked ~ ul > li.tab:nth-child(2) div.fondo-banner, 
#c3:checked ~ ul > li.tab:nth-child(3) div.fondo-banner {
  bottom: 0;
}
.banner-movil {
  display: none;
}
/* Banner con Tabs */
.banner-tab {
  position: relative;
}
.banner-tab .fondo-banner {
  /* ff 3.6+ */
  background:-moz-linear-gradient(180deg, rgba(255, 255, 255, .24) 0%, rgba(237, 50, 54, .74) 61%, rgba(237, 50, 54, .76) 71%, rgba(8, 51, 137, .85) 100%); 
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(180deg, rgba(207, 191, 191, 0.24) 0%, rgba(237, 50, 54, .74) 61%, rgba(237, 50, 54, .76) 71%, rgba(8, 51, 137, .85) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(180deg, rgba(255, 255, 255, .24) 0%, rgba(237, 50, 54, .74) 61%, rgba(237, 50, 54, .76) 71%, rgba(8, 51, 137, .85) 100%);
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.65 !important;
}
.banner-tab .fondo-banner-empresas {
  /* ff 3.6+ */
  background:-moz-linear-gradient(3deg, rgba(8, 51, 137, 0.69) 0%, rgba(8, 31, 91, 0.52) 50%, rgba(255, 255, 255, 0.24) 100%); 
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(3deg, rgba(8, 51, 137, 0.69) 0%, rgba(8, 31, 91, 0.52) 50%, rgba(255, 255, 255, 0.24) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(3deg, rgba(8, 51, 137, 0.69) 0%, rgba(8, 31, 91, 0.52) 50%, rgba(255, 255, 255, 0.24) 100%);
  bottom: 0;
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.85;
}
.banner-tab .datos-banner {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 12px;
}
.banner-tab.banner-personas .datos-banner-card {
  position: absolute;
  bottom: 40px;
  width: 100%;
}
.banner-tab h1 {
  color: #FEFEFE;
  font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 100px;
  line-height: 105px;
}
.banner-tab p.descripcion {
  color: #FFFFFF;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 77px 0;
}
.banner-tab .nav-tabs .nav-link {
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  padding: 14px 4px 14px 4px;
}
.banner-tab .datos-banner .nav.nav-tabs {
  border: 0;
  justify-content: center;
  width: 100%;
}
.banner-tab .datos-banner .nav.nav-tabs .nav-item {
  width: 33.33%;
}

.banner-tab .nav.nav-tabs .nav-item:nth-child(1) .nav-link {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
}
.banner-tab .nav.nav-tabs .nav-item:nth-child(3) .nav-link {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
}
.banner-tab .nav-tabs .nav-link::after {
  content: '';
  position: absolute;
  right: 0;
  top: 25%;
  height: 50%;
  border-right: 1px solid #565656;
}

.banner-tab .nav.nav-tabs .nav-item:nth-child(3) .nav-link.active::after,
.banner-tab .nav.nav-tabs .nav-item:nth-child(2) .nav-link.active::after {
  content: '';
  position: absolute;
  left: -1px;
  top: 0;
  height: 100%;
  border-left: 1px solid #FFFFFF;
}

.banner-tab .nav-tabs .nav-link.active::after,
.banner-tab .nav-tabs .nav-item:last-child .nav-link::after {
  border: 0;
}
.banner-tab .nav-tabs .nav-link i {
  margin-right: 16px;
}

.tab-content {
  background: #FCFCFC;
  border: 1px solid #FEFEFE;
  -webkit-box-shadow: 3px 6px 43px 0px rgba(27,33,44,0.15);
  -moz-box-shadow: 3px 6px 43px 0px rgba(27,33,44,0.15);
  box-shadow: 3px 6px 43px 0px rgba(27,33,44,0.15);
  padding-top: 56px;
}
.tab-content .tab-pane .contenedor {
  padding: 0 65px 0 76px;
}
.col-combo-menu,
.titulo-movil-tab {
  display: none;
}

.titulo-movil-tab i.icon-casa-tab,
.nav-tabs .nav-link.active .icon-casa-tab {
  background-position: -83px -1103px;
}
.titulo-movil-tab i.icon-cuenta-facil-tab,
.nav-tabs .nav-link.active .icon-cuenta-facil-tab {
  background-position: -82px -1620px;
}
.titulo-movil-tab i.icon-cerdito-tab,
.nav-tabs .nav-link.active .icon-cerdito-tab {
  background-position: -81px -578px;
}
.titulo-movil-tab i.icon-corazon-tab,
.nav-tabs .nav-link.active .icon-corazon-tab {
  background-position: -82px -754px;
}
.titulo-movil-tab i.icon-asistencia-tab,
.nav-tabs .nav-link.active .icon-asistencia-tab{
  background-position: -81px -926px;
}
.titulo-movil-tab i.icon-ahorro-tab,
.nav-tabs .nav-link.active .icon-ahorro-tab {
  background-position: -81px -578px;
}
.titulo-movil-tab i.icon-credito-tab,
.nav-tabs .nav-link.active .icon-credito-tab{
  background-position: -82px -1277px;
}
/* Slider */
/* Clientes satisfechos */
.slider {
  width: 80%;
  margin: 0 auto;
}
.slider-center img {
    width:150px;
    height:150px;
    border-radius:150px;
}
.slider-center .slick-center img {
    /*margin: 10px;*/
    margin: 10px auto 10px auto;
    transform: scale(1.2);
}
/* Menu */
.header {
  /*position: absolute;*/
  position: fixed;
  width: 100%;
  z-index: 32;
}
header .navbar {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.bg-menu {
  /* ff 3.6+ */
  background:-moz-linear-gradient(90deg, rgba(20, 30, 73, 1) 0%, rgba(22, 29, 66, 1) 62%, rgba(48, 32, 57, 1) 100%); 
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(90deg, rgba(20, 30, 73, 1) 0%, rgba(22, 29, 66, 1) 62%, rgba(48, 32, 57, 1) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(90deg, rgba(20, 30, 73, 1) 0%, rgba(22, 29, 66, 1) 62%, rgba(48, 32, 57, 1) 100%);
  /*backdrop-filter: blur(6px);*/
  mix-blend-mode: multiply;
  position: absolute;
  height: 100%;
  width: 100%;
}
header .item-sucursales::before  {
  border-left: 2px solid #FFFFFF;
  content: "";
  height: 50px;
  position: absolute;
  top: 10px;
}
.navbar-expand-lg .item-sucursales .nav-link:hover .icon-pin {
  background: url(../images/icons/asp_pinbuscador_active.png) 0 0 no-repeat;
}
.navbar .nav-link {
  color: #FFFFFF;
  display: inline-block;
  padding: 23px 21px;
  transition: none;
}
.navbar .nav-link:hover {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #F08370;
}
.navbar .separacion {
  display: inline-block;
  color: #fff;
  font-size: 16px;
}
.dropdown-toggle::after {
    display:none;
}
.nav-item .btn-info,
.nav-item .btn-primary {
  margin: 13px 16px;
}
/*.nav-item .btn-primary {
  margin-right: 0;
}*/
.nav-item .btn-info:hover {
  background-color: #F5A590;
  border: #7396BE;
  color: #FFFFFF;
}
.nav-item .btn-primary:hover {
  background-color: #FF8116;
  border: #7396BE;
  color: #FFFFFF;
}
.navbar .megamenu {
  padding: 0;
  border-radius: 0;
  color: #FFFFFF;
}
.dropdown-menu {
  border: 0;
}
.navbar .megamenu {
  box-shadow: 0px 2px 20px 0px #000;
  background-color: transparent;
}
.navbar .megamenu .fondo-menu {
  /* ff 3.6+ */
  background:-moz-linear-gradient(90deg, rgba(8, 31, 91, 0.9) 0%, rgba(81, 45, 73, 0.9) 100%); 
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(90deg, rgba(8, 31, 91, 0.9) 0%, rgba(81, 45, 73, 0.9) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(90deg, rgba(8, 31, 91, 0.9) 0%, rgba(81, 45, 73, 0.9) 100%);
  /*backdrop-filter: blur(6px);*/
  mix-blend-mode: multiply;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  left: 0;
  z-index: -1;
}

.navbar .megamenu .col-megamenu {
  border-right: 1px solid #FFFFFF;
  height: 100%;
  /*mix-blend-mode: color-dodge;*/
}
.navbar .megamenu .col-megamenu.col-megamenu-last {
  border-right: 0;
}
.dropdown-menu.megamenu .title {
  color: #FEFEFE;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 16px;
  mix-blend-mode: color-dodge;
}
.dropdown-menu.megamenu .list-unstyled li a{
  color: #FEFEFE;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
  /*mix-blend-mode: color-dodge;*/
}
.dropdown-menu.megamenu .list-unstyled li a.texto-parrafo-2 {
  line-height: 22px;
}
.dropdown-menu.megamenu .list-unstyled li::before{
  border-style: solid;
	border-width: 1px 1px 0 0;
  color: #FFFFFF;
	content: '';
	display: inline-block;
	height: 13px;
	left: -4px;
  margin-right: 10px;
	position: relative;
	top: 6px;
	transform: rotate(45deg);
	vertical-align: top;
	width: 11px;
}
.navbar .megamenu.submenu-personas {
  padding: 24px 24px 50px 60px;
}
.navbar .megamenu.submenu-empresas{
  padding: 24px 24px 50px 113px;
}
header .navbar-nav .chevron {
  display: none;
}
.col-megamenu .list-unstyled li {
  display: flex;
}
.col-megamenu .list-unstyled li a:hover {
  color: #F08370;
}

/* Simuladores */
.simulador .paso-1 {
  border: 1px solid rgb(115, 150, 190, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position:relative;
  padding: 12px 75px 12px 76px;
  width: 100%;
}
.simulador .paso-1 .form-floating > label {
  font-size: 18px;
  line-height: 20px;
}
.simulador .paso-1 .texto-subtitulo-bold {
  line-height: 55px;
}
.simulador .paso-1 > form > .row > .col-12 {
  margin-bottom: 32px;
}
.simulador .paso-1 .form-check .texto-liga {
  font-size: 14px;
  margin-left: 8px;
}
.simulador .paso-1 .btn-group {
  margin-left: auto;
  width: 150px;
  height: 52px;
}
.simulador .paso-1 .btn-group .btn-icon .chevron-right:before{
  left: -3px;
  width: 10px;
  height: 10px;
}
.simulador .paso-1 .alert-info {
  display: none;
}
.resultado,
.simulador .paso-1 .caja-radios,
.col-nombre-empresa, .col-antiguedad-empresa,
.resultado-simulador-inversion {
  display: none;
}
.resultado .card {
  background-color: transparent;
  border: 0;
  margin: 0 auto;
  width: 561px;
}
.resultado .card .card-body {
  border: 2px solid #081F5B;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 32px 55px 32px 56px;
}
.resultado .card .card-body hr {
  background-color:#757475;
  opacity: 1;
}
.resultado .card .card-body .card-title {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  margin: 0;
}
.resultado .card .card-body .card-text {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.resultado .card .card-body .list-group-horizontal > .list-group-item {
  border: 0;
  padding: 8px 4px 8px 4px;
}
.resultado .card .card-body .list-group-horizontal > .list-group-item:first-child {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
}
.resultado .card .card-body .list-group-horizontal > .list-group-item:last-child {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
}
.resultado .card .card-body .card-link {
  color: #081F5B;
  display: block;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin: 26px auto 32px auto;
  text-align: center;
  text-decoration: underline;
}
.resultado .card .card-body .card-link:hover {
  color:#ED3237;
}
.resultado .card .card-body .card-legales {
  color: #959598;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
  margin-bottom: 29px;
}

.resultado-simulador-inversion {
  padding: 0 26px 0 34px;
}
.resultado-simulador-inversion .card {
  -webkit-box-shadow: 2px 3px 9px 3px rgba(8,31,91,0.13);
  -moz-box-shadow: 2px 3px 9px 3px rgba(8,31,91,0.13);
  box-shadow: 2px 3px 9px 3px rgba(8,31,91,0.13);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 0;
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  width: 532px;
  min-height: 538px;
  margin: 0 auto;
}
.resultado-simulador-inversion .card .card-body {
  padding: 29px 12px 28px 12px;
}
.resultado-simulador-inversion .card .card-body .card-title {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 23px;
  line-height: 36px;
}
.resultado-simulador-inversion .card .card-body .card-text {
  color: #565656;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}
.resultado-simulador-inversion .card .card-body .cantidad{
  color: #081F5B;
  display: block;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 24px;
}
.resultado-simulador-inversion .card .card-body .card-invirtiendo {
  color: #565656;
  font-size: 18px;
  line-height: 30px;
}
.resultado-simulador-inversion .card .card-body .card-invirtiendo-cantidad {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 30px;
}
.resultado-simulador-inversion .card .card-body .linea-catidad {
  background-color: #081F5B;
  height: 2px;
  width: 132px;
  opacity: 1;
  margin: 8px auto 12px auto;
}
.resultado-simulador-inversion .card .card-body .card-texto-tasa{
  color:#081F5B;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}
.resultado-simulador-inversion .card .card-body .card-cantidad-tasa {
  color: #565656;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}
.resultado-simulador-inversion .card .card-body .border-end {
  border-color: #757475 !important;
}
.resultado-simulador-inversion .card .card-body .card-link {
  color: #081F5B;
  font-size: 14px;
}
.resultado-simulador-inversion .tabla-datos {
  border-spacing: 1px 1px;
  width: 100%;
}
.resultado-simulador-inversion .tabla-datos thead tr th:first-child {
  -webkit-border-top-left-radius: 3.6px;
  -moz-border-radius-topleft: 3.6px;
  border-top-left-radius: 3.6px;
}
.resultado-simulador-inversion .tabla-datos thead tr th:last-child {
  -webkit-border-top-right-radius: 3.6px;
  -moz-border-radius-topright: 3.6px;
  border-top-right-radius: 3.6px;
}
.resultado-simulador-inversion .tabla-datos tbody tr td {
  background: #FFFFFF;
  border-bottom: 1px solid rgba(115, 150, 190, 0.4);
  border-right: 1px solid rgba(117, 116, 117, 0.7);
}
.resultado-simulador-inversion .tabla-datos tbody tr td:last-child {
  border-right: 1px solid #FFFFFF;
}
.resultado-simulador-inversion .btn-imprimir {
  font-size: 20px;
}
.resultado-simulador-inversion .texto-cat {
  color: #757475;
  font-size: 14px;
  line-height: 20px;
  margin: 22px 0 0 0;
  text-align: justify;
}
/* Footer */
footer {
  background: url(../images/fondos/fondo_footer.png) 0 0 no-repeat;
  background-size: cover;
  border-top: 2px solid #FFFFFF;
  margin-top: 56px;
}
.secciones-footer {
  padding: 60px 30px 28px 60px;
}
.secciones-footer .col-footer:nth-child(1) {
  width: 20%;
}
.secciones-footer .col-footer:nth-child(2) {
  width: 25%;
}
.secciones-footer .col-footer:nth-child(3) {
  width: 30%;
}
.secciones-footer .col-footer:nth-child(4) {
  width: 25%;
}
.secciones-footer .subtitulo {
  color: #081F5B;
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
}
.lista-footer {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
}
.lista-footer li {
  display: flex;
  align-items: center;
}
.lista-footer li > span {
  margin-right: 6px;
}
.lista-footer li > i {
  margin-right: 8px;
}
.lista-footer li > i.icon-telefono {
  margin-top: 8px;
}
.lista-footer li > div > a,
.lista-footer li > a {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
}
.lista-footer .texto-telefono {
  display: block;
  font-size: 12px;
  line-height: 20px;
}
.lista-footer .chevron-right:before{
  top: 12px;
  width: 7px;
  height: 7px;
}
.seccion-logos-footer {
  padding: 0 30px 45px 60px;
}
.lista-logos-footer {
  display: flex;
  flex-direction: row;
}
.lista-logos-footer li{
  padding-right: 20px;
}
.footer-legal {
  background: #081F5B;
}
.legal {
  color: #B9BBBF;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 13px;
  margin: 0;
  text-align: right;
  padding: 10px 24px;
}
.lista-footer li.texto-buro,
.lista-footer li.texto-buro a {
  line-height: 17px;
  align-items: flex-start;
}
.texto-buro .chevron.chevron-right:before {
  top: 7px;
}
.lista-footer li.texto-comisiones a {
  line-height: 19px;
  align-items: flex-start;
}
.texto-comisiones .chevron.chevron-right:before {
  top: 7px;
}

.seccion-pagina .container {
  padding-top: 70px;
}
.seccion-pagina .seccion-titulo {
  margin: 46px 0 56px 0;
} 
.seccion-pagina .contenedor {
  padding: 0 75px;
}
.seccion-pagina .texto-descripcion {
  line-height: 22px;
  text-align: justify;
}
.seccion-aviso-legal .contenedor .texto-descripcion {
  line-height: 22px;
  margin-bottom: 24px;
}
.seccion-aviso-privacidad  .contenedor .texto-descripcion,
.seccion-productos-garantizados .contenedor .texto-descripcion {
  font-size: 18px;
  line-height: 22px;
  text-align: justify;
}
.seccion-aviso-privacidad .lista-circle {
  font-size: 18px;
  line-height: 22px;
  padding-left: 40px;
}
.seccion-aviso-privacidad p.texto-descripcion.ajuste-espacio{
  letter-spacing: -0.3px;
}
.seccion-aviso-privacidad .tabla-datos-medio {
  width: 834px;
}
.seccion-aviso-privacidad .tabla-datos-medio thead tr th {
  padding: 16px 8px;
  line-height: 20px;
}
.seccion-aviso-privacidad .tabla-datos-medio tbody tr td,
.seccion-aviso-privacidad .tabla-datos-medio tbody tr td a {
  font-size: 14px;
}
.seccion-aviso-privacidad .tabla-datos-medio tbody tr td.interlineado-1 {
  letter-spacing: -0.4px;
}
.tabla-despachos thead tr th {
  font-size: 12px;
  padding: 8px 4px;
  width: 106px;
}
.tabla-despachos tbody tr:nth-child(even) td{
  background:#FEFEFE;
  border: 1px solid #E6E6E6;
  padding: 8px 4px;
}
.tabla-despachos tbody tr td {
  font-size: 11px;
  padding: 8px 4px;
}
.seccion-despachos-cobranza .card-detalles {
  width: 938px;
  margin: 0 auto;
}
.seccion-comisiones .container {
  background: #FCFCFC;
}
.seccion-comisiones .texto-nota {
  color:#565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
}
/* Home Estructura*/
.seccion-banner-principal {
  padding-top: 70px;
}
.bg-lista {
  background-image: linear-gradient(-35deg, #083389 0%, #ED3236 83%);
  border-radius: 8px;
}
.lista-indicadores .list-group-item {
  border: 1px solid rgba(255,255,255,0.99);
  background: rgba(254,254,254,0.60);
  color: #1C2D58;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}
.lista-indicadores .list-group-item br {
  display: none;
}
.lista-indicadores .list-group-item:nth-child(1){
  margin-right: 4px;
  width: 242px;
  border-radius: 0 0 0 5px;
}
.lista-indicadores .list-group-item:nth-child(2){
  width: 193px;
  border-right: 1px solid #B9BBBF;
  border-radius: 0 0 0 5px;
}
.lista-indicadores .list-group-item:nth-child(3),
.lista-indicadores .list-group-item:nth-child(4){
  width: 192px;
  border-right: 1px solid #B9BBBF;
}
.lista-indicadores .list-group-item:nth-child(5) {
  width: 200px;
  border-radius: 0 0 5px 0;
}
.lista-indicadores .list-group-item b {
  color: #081F5B;
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.parrafo-fecha {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  margin: 5px 0 0 0;
}
.parrafo-fecha b {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.lista-experiencia .list-group-item {
  border: 0;
  color: #F08370;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 45px;
  line-height: 50px;
  text-align: center;
}
.lista-experiencia .list-group-item b {
  color: #081F5B;
  font-size: 24px;
  line-height: 24px;
}
.seccion-clientes-satisfechos {
  background: url(../images/fondos/fondo_clientes.png) 0 0 no-repeat;
  background-size: contain;
}
.seccion-clientes-satisfechos .container {
  padding-top: 94px;
  position: relative;
}
.seccion-clientes-satisfechos .seccion-titulo {
  margin-top: 0;
  margin-bottom: 20px;
}
.datos-clientes {
  padding: 0;
  color: rgba(0,0,0,0.85);
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 26px;
  list-style: none;
  margin: 0 auto 25px auto;
  text-align: center;
  width: 80%;
}
.datos-clientes li {
  padding: 0 32px;
  display: none;
}
.datos-clientes li:nth-child(1){
  display: block;
}
.datos-clientes .empresa {
  font-weight: 700;
  margin-bottom: 4px;
}
.datos-clientes .nombre {
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  color: #222222;
  font-weight: 400;
  margin-top: 7px;
}
.datos-clientes .descripcion {
  font-family: 'VerdanaItalic', Arial, Helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin: 0;
}

.banners,
.banner-APPS,
.banner-inversion {
  background: rgba(255,255,255,0.20);
  border: 2px solid #FFFFFF;
  box-shadow: 5px 15px 37px 0 rgba(185,187,191,0.40);
  border-radius: 15px;
  color: #081F5B;
  display: flex;
  flex-direction: row;
  padding: 0 0 21px 0;
  position: relative;
}
.banners h2,
.banner-APPS h2,
.banner-inversion h2 {
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 45px;
  line-height: 55px;
}
.banners p,
.banner-APPS p,
.banner-inversion p {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 35px;
}
.banner-APPS p b {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.banner-APPS .texto-descarga {
  font-size: 18px;
  text-align: center;
  margin-bottom: 6px;
}
.banner-historia {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  min-height: 272px;
  padding: 0;
  margin-top: 46px;
  border: 0;
}
.banner-historia h3 {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}
.banner-historia p {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 36px 0 24px 0;
}
.banner-historia .col-video {
  width: 60%;
}
.banner-historia .col-video iframe {
  -webkit-border-radius: 6.4px;
  -moz-border-radius: 6.4px;
  border-radius: 6.4px;
}
.banner-historia .col-datos {
  width: 40%;
  padding: 42px 35px 12px 32px;
}

.banner-spei .col-video iframe {
  -webkit-border-radius: 6.4px;
  -moz-border-radius: 6.4px;
  border-radius: 6.4px;
}

.telefono-ASP {
  position: absolute;
  left: 150px;
  top: -14%;
}
.card-hover .chevron:before {
  width: 7px;
  height: 7px;
  top: 9px;
  left: 0;
}
.seccion-nuestra-empresa {
  padding: 65px 0 55px 0;
  border: 1px ;
}
.seccion-nuestra-empresa .seccion-titulo {
  margin-top: 0;
}
.banner-inversion {
  border: 0;
  padding: 0;
  margin-top: 24px;
  height: 267px;
}
.banner-inversion .datos-banner .salto-1,
.banner-inversion .datos-banner .salto-2 {
  display: none;
}
.banner-inversion .datos-banner {
  border: 2px solid #FFFFFF;
  border-radius: 15px;
  padding: 30px 0 20px 36px;
}
.banner-inversion .datos-banner p {
  font-size: 22px;
}
.banner-inversion .btn-action {
  height: 60px;
  width: 268px;
}
.img-banner-corte{
  position: absolute;
  right: 0;
  top: 0;
  -webkit-clip-path: polygon(28% 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(28% 0, 100% 0%, 100% 100%, 0% 100%);
  height: 100%;
  width: auto;
  z-index: 1;
  padding: 0;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.border-banner-diagonal {
  position: absolute;
  right: 0;
  top: 0;
  width: 760px;
  height: 100%;
  background-color: #081F5B;
  -webkit-clip-path: polygon(62% 0, 63% 0, 48% 100%, 47% 100%);
  clip-path: polygon(62% 0, 63% 0, 48% 100%, 47% 100%);
  padding: 0;
  z-index: 1;
}

.fondo-imagen-banner {
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, .24) 0%, rgba(237, 50, 54, .74) 61%, rgba(237, 50, 54, .76) 71%, rgba(8, 51, 137, .85) 100%);
  background: -webkit-linear-gradient(180deg, rgba(207, 191, 191, 0.24) 0%, rgba(237, 50, 54, .74) 61%, rgba(237, 50, 54, .76) 71%, rgba(8, 51, 137, .85) 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, .24) 0%, rgba(237, 50, 54, .74) 61%, rgba(237, 50, 54, .76) 71%, rgba(8, 51, 137, .85) 100%);
  bottom: 0;
  right: 0;
  position: absolute;
  width: 395px;
  height: 100%;
  opacity: 0.65;
  z-index: 2;
  clip-path: polygon(28% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(28% 0, 100% 0%, 100% 100%, 0% 100%);
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomright: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

/* Sección Personas */
.seccion-banner-principal-personas,
.seccion-banner-principal-empresas {
  padding-top: 70px;
}
.seccion-conoce-mas-productos .container {
  padding-top: 56px;
  padding-bottom: 56px;
}
.seccion-conoce-mas-productos .seccion-titulo {
  line-height: 55px;
  font-weight: 300;
  text-align: left;
  margin: 0 0 16px 0;
}
.banner-personas .datos-banner,
.banner-empresas .datos-banner {
  padding: 0 0 40px 0;
}
.seccion-conoce-mas-productos .fondo-circulo.fondo-banner {
  bottom: 260px;
}

.banner-interno-APPS {
  padding: 0;
  margin-top: 32px;
  min-height: 267px;
}
.banner-interno-APPS .telefono-ASP{
  position: relative;
  left: 96px;
  top: 0;
}
.banner-interno-APPS .datos-banner{
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
  position: absolute; 
  right: 0;
  text-align: center;
}
.banner-interno-APPS h2 {
  font-size: 36px;
  line-height: 38px;
  margin: 0;
  padding: 16px 0 16px 0;
}
.banner-interno-APPS .datos-banner .descripcion {
  margin: 0 0 0 56px;
}
.banner-interno-APPS .datos-banner .texto-descarga {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 50px;
  margin: 0;
  padding: 16px 0 0 0px;
}
.banner-interno-APPS .datos-banner .texto-experiencia {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  margin: 0;
  padding: 0px 0 0 0px;
}


.banner-interno-APPS .datos-banner .texto-liga {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 12px;
}
.banner-interno-APPS .texto-nota {
  color: #081F5B;
  display: block;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 16px 0 12px 0;
}
.seccion-card-banner {
  display: none;
}
.card-cuenta-facil .card-body .card-title,
.card-cuenta-avanzada .card-body .card-title,
.card-proteccion-familiar .card-body .card-title,
.card-mi-ahorro .card-body .card-title,
.card-productos.card-mi-ahorro .card-body .card-title,
.card-prevencion-personal .card-body .card-title {
  margin-top: 12px;
}
/* Seccion Mejora Tu casa */
.banner-tab.banner-mejora-tu-casa p.descripcion {
  margin-bottom: 74px;
}
.banner-tab.banner-mejora-tu-casa p.descripcion b{
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.banner-mejora-tu-casa
#beneficios .card-detalles .card-body {
  padding: 30px 0 30px 45px;
}
#beneficios .card-detalles .card-body .lista-titulos-descrip .chevron-right:before {
  margin-right: 16px;
}
/* Seccion Productos */
.seccion-productos .container .seccion-titulo {
  margin-bottom: 16px;
}
.seccion-productos .texto-descripcion {
  text-align: center;
  margin: 0 auto 52px auto;
  width: 660px;
}
/* Seccion Obten tu cuenta */
.banner-tab.banner-obten-cuenta .datos-banner .nav.nav-tabs .nav-item {
  width: 50%;
}
.banner-tab.banner-obten-cuenta .nav.nav-tabs .nav-item:nth-child(2) .nav-link {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
}
.seccion-obten-cuenta .container .tab-content .seccion-titulo {
  font-weight: 300;
  margin: 0 0 55px 0;
}
.card-cuenta-facil {
  background: rgba(255,255,255,0.20);
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.card-cuenta-facil .producto {
  color: #081F5B;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
}
.card-cuenta-facil .producto hr {
  background-color: #081F5B;
  margin: 5px auto 24px auto;
  opacity: 1;
  width: 108px;
  height: 2px;
}
.card-cuenta-facil .producto h5 {
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
}
.card-cuenta-facil .producto h5 b {
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.card-cuenta-facil .producto p b {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
}
.card-cuenta-facil .datos-descarga {
  text-align: center;
}
.card-cuenta-facil .datos-descarga p {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin: 26px 0 23px 0;
}
.card-cuenta-facil .datos-descarga p b{
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
}
.card-cuenta-facil .datos-descarga .texto-abre-cuenta {
  color: #081F5B;
  display: block;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 14px;
}
.card-cuenta-facil .datos-descarga .texto-abre-cuenta .texto-liga {
  color: #081F5B;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.card-cuenta-facil .texto-cuenta {
  color: #565656;
  display: block;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.card-cuenta-facil .texto-cuenta b {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
}
#CuentaFacil .contenedor {
  position: relative;
  padding: 0 65px 0 76px;
}
#CuentaFacil .contenedor .fondo-circulo.primer-fondo {
  left: 70px;
  top: 60px;
  width: 110px;
  height: 270px;
}
#CuentaFacil .contenedor .fondo-circulo.segundo-fondo {
  right: 85px;
  top: 420px;
  width: 110px;
  height: 270px;
}
#MiAhorro .contenedor {
  padding: 0 65px 0 76px;
}
/* Seccion Inversion Productiva */
.card-detalles.card-req-inv-prod .card-body .texto-liga {
  font-size: 14px;
}
.banner-tab.banner-inversion-product p.descripcion {
  margin-bottom: 116px;
}
.banner-tab.banner-inversion-credito p.descripcion {
  margin-bottom: 77px;
}
.titulo-movil-tab i.icon-grafica, 
.nav-tabs .nav-link.active .icon-grafica {
  background-position: -82px -1449px;
}
.banner-tab.banner-inversion-product .datos-banner .nav.nav-tabs li:nth-child(1),
.banner-tab.banner-inversion-credito .datos-banner .nav.nav-tabs li:nth-child(1) {
  width: 37%;
}
.banner-tab.banner-inversion-product .datos-banner .nav.nav-tabs li:nth-child(2),
.banner-tab.banner-inversion-product .datos-banner .nav.nav-tabs li:nth-child(3),
.banner-tab.banner-inversion-credito .datos-banner .nav.nav-tabs li:nth-child(2),
.banner-tab.banner-inversion-credito .datos-banner .nav.nav-tabs li:nth-child(3) {
  width: 31.5%;
}
/* Seccion Credito Mi ahorro */
.card-cobro-masivo .card-body .card-title {
  margin: 5px 0;
}
.card-spei .card-body {
  padding-top: 29px;
}
.card-productos .card-body .card-title {
  margin-top: 15px;
}

/* Seccion Empresas Creditos */

/*Sección Que Necesitas*/
.seccion-que-necesitas .container{
  background-color: #F5F5F5;
  padding-top: 70px;
  padding-bottom: 50px;
  position: relative;
}
.seccion-que-necesitas .container .seccion-titulo {
  margin: 46px auto 56px auto;
}
.seccion-que-necesitas .container .fondo-circulo {
  bottom: 0;
  top: 800px;
}
.seccion-que-necesitas .container .fondo-circulo.fondo-izq {
  left: 0;
  top: 575px;
}
.card-button-bottom.card-corresponsales .card-body .card-text{
  letter-spacing: -0.9px
}
.card-button-bottom.card-Codi .card-body .card-text, 
.card-button-bottom.card-tranquilidad .card-body .card-text{
  letter-spacing: -0.7px;
}
.card-button-bottom.card-plan-ahorro .card-body .card-text,
.card-button-bottom.card-credito-clientes .card-body .card-text
{
  letter-spacing: -0.4px;
}
.card-button-bottom .icon-cuenta-facil-tab {
  background-position: -82px -1620px;
}
.card-button-bottom:hover .icon-cuenta-facil-tab {
  background-position: -81px -1562px;
}
.card-button-bottom .icon-grafica {
  background-position: -82px -1449px;
}
.card-button-bottom:hover .icon-grafica {
  background-position: -82px -1391px;
}
.card-button-bottom .icon-cerdito-tab {
  background-position: -82px -579px;
}
.card-button-bottom:hover .icon-cerdito-tab {
  background-position: -82px -521px;
}
.card-button-bottom .icon-credito-tab {
  background-position: -82px -1277px;
}
.card-button-bottom:hover .icon-credito-tab {
  background-position: -82px -1219px;
}
.card-button-bottom .icon-asistencia-tab {
  background-position: -81px -926px;
}
.card-button-bottom:hover .icon-asistencia-tab  {
  background-position: -81px -868px;
}
.card-button-bottom .icon-plnata-ahorro-tab {
  background-position: -82px -1797px;
}
.card-button-bottom:hover .icon-plnata-ahorro-tab  {
  background-position: -82px -1739px;
}
.card-button-bottom .icon-area-seguridad-tab {
  background-position: -81px -2144px;
}
.card-button-bottom:hover .icon-area-seguridad-tab  {
  background-position: -81px -2086px;
}
.card-button-bottom .icon-casa-tab {
  background-position: -83px -1103px;
}
.card-button-bottom:hover .icon-casa-tab  {
  background-position: -83px -1045px;
}
.card-button-bottom:hover .icon-codi-tab {
  background-position: -80px -5693px;
}
/* Empresas Seguros */
.banner-empresas-seguro .datos-banner .descripcion,
.banner-cobro-masivo .datos-banner .descripcion,
.banner-proveedor-spei .datos-banner .descripcion,
.banner-plan-ahorro .datos-banner .descripcion {
  margin-bottom: 77px;
}
.banner-empresas-seguro .datos-banner .nav.nav-tabs .nav-item {
  width: 50%;
}
/* Corresponsales Financieros */
.banner-corresponsal-financ .datos-banner .descripcion {
  margin: 0 0 100px 0;
}
/* Sección Buro */
.seccion-buro .interlineado-1 {
  letter-spacing: -0.1px;
  line-height: 22px;
}
.img-cobranza {
  margin: 33px 0 8px 0;
}
/* Sección Comisiones */
.tabla-comisiones-credito tr th:nth-child(2) {
  width: 21%;
}
.tabla-comisiones-credito tr th:nth-child(4) {
  width: 18%;
}
.tabla-comisiones-credito tbody tr td {
  font-size: 14px;
  padding: 8px 8px;
}
.tabla-comisiones-credito .celda-mitad {
  background-color: #FFFFFF;
  padding: 0;
}
.tabla-comisiones-credito .celda-mitad div {
  background-color: rgb(149, 149, 152, 0.2);
  color: #081F5B;
  display: flex;
  align-items: center;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  justify-content: center;
  height: 49%;
  line-height: 16px;
  padding: 8px 8px;
}
.tabla-comisiones-credito .celda-mitad div:nth-child(1) {
  margin-bottom: 4px;
}
.seccion-comisiones .card.card-border {
  min-height: 262px;
  margin-bottom: 32px;
}
.seccion-comisiones .card.card-border .card-body {
  padding: 52px 44px 54px 44px;
}
.seccion-comisiones .card.card-border .card-body .texto-descripcion {
  line-height: 20px;
}
.seccion-comisiones .card.card-border .card-body .texto-descripcion .texto-VerdanaBold {
  color: #565656;
}
/* Seccion Preguntas */
.seccion-preguntas .card-border {
  box-shadow: none;
}
.seccion-preguntas .card-border .card-body {
  padding: 26px 56px 56px 55px;
}
.seccion-preguntas .contenedor {
  padding:  0 95px;
}
.seccion-preguntas .card-border hr.linea-horizontal {
  background-color: #B9BBBF;
  margin: 9px 0 16px 0;
  width: 85%;
}
/* Seccion Envio Correo */
.seccion-envio-correo .card-border {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  -moz-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: 100%;
  margin: 51px 0px 51px 0;
}
.seccion-envio-correo .card-border .card-body {
  padding: 27px 76px 56px 75px;
}
.seccion-envio-correo .card-border .card-body .card-text {
  color:#565656;
  margin-bottom: 45px;
}
.seccion-envio-correo .card-border .card-body .texto-UbuntuMedium {
  color:#081F5B;
  font-size: 18px;
  line-height: 18px;
  text-align: left;
}
.seccion-envio-correo .card-border .card-body .texto-subtitulo {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 12px;
  text-align: left;
  margin: 0;
}
.seccion-envio-correo .card-border .card-body .linea-horizontal {
  background-color: #B9BBBF;
  width: 100%;
  margin: 16px 0;
}
.frm-contacto .col-12, .frm-contacto .col-6 {
  margin-bottom: 32px;
}
.frm-contacto .form-check .texto-liga {
  font-size: 14px;
  margin-left: 8px;
}
.frm-contacto .btn-secondary {
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.frm-contacto textarea[name="mensajeQuejas"],
.frm-contacto textarea[name="mensajeAmigo"] {
  height: 182px;
  resize: none;
}
/* Sección Empresas */
.seccion-banner-principal-empresas .banner-empresas .fondo-banner {
  opacity: 0.50 !important;
}
.banner-empresas .card-producto-md {
  width: 298px;
}
.banner-empresas .card-producto-md .card-body{
  padding-top: 12px;
}
.card-producto-md.card-planta .card-title{
  line-height: 27px;
}

/* Sección CODI */
.seccion-codi .seccion-titulo span {
  font-size: 32px;
  line-height: 32px;
  vertical-align: top;
}
.banner-codi h1 span {
  font-size: 45px;
  position: absolute;
  top: -22px
}
.card-preguntas-codi {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 32px;
}
.card-preguntas-codi .texto-subtitulo-bold span,
.texto-R {
  font-size: 18px;
  line-height: 20px;
  vertical-align: top;
}
.card-preguntas-codi .card-body{
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 51px 70px 40px 80px;
}
.card-contacto .card-solicitar .texto-descarga-app {
  color: #081F5B;
  font-size: 16px;
  line-height: 27px;
}
.seccion-codi .card-contacto .card-solicitar hr{
  margin-top: 6px;
}
.funcion-codi {
  justify-content: center;
  min-height: 650px;
  position: relative;
}
.funcion-codi .texto-subtitulo-bold .r-codi {
  font-size: 18px;
  line-height: 18px;
  vertical-align: top;
}
.pantalla-codi {
  background: url(../images/codi/phone_cobra_codi.png);
  position: absolute;
  width: 264px;
  height: 496px;
  padding: 0;
  left: 320px;
}
.vista-codi {
  position: absolute;
  width: 201px;
  height: 438px;
  left: 14px;
  top: 12px;
}
.vista-codi-pricipal {
  background-position: -26px -36px;
}
.vista-codi-cobrar {
  background-position: -286px -36px;
}
.vista-codi-cobrar {
  background-position: -286px -36px;
}
.vista-codi-cantidad {
  background-position: -546px -36px;
}
.vista-codi-qr {
  background-position: -806px -36px;
}
.tabs-codi {
  list-style-type: none;
  margin: 0;
  text-indent: 0;
  padding: 0;
  position: relative;
  width: 881px;
  height: 650px;
}
.tabs-codi li .item {
  background-color: rgba(254, 254, 254, 0.8);
  -webkit-border-radius: 6.8px;
  -moz-border-radius: 6.8px;
  border-radius: 6.8px;
  border: 1px solid rgba(255, 255, 255, 0.99);
  -webkit-box-shadow: 10px 2px 11px 0px rgba(124,166,194,0.50);
  -moz-box-shadow: 10px 2px 11px 0px rgba(124,166,194,0.50);
  box-shadow: 10px 2px 11px 0px rgba(124,166,194,0.50);
  color:#565656;
  cursor: pointer;
  display: flex;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.6px;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 16px 12px;
  position: absolute;
  min-width: 215px;
  min-height: 81px;
}
.tabs-codi li .item.item-inicio,
.tabs-codi li .item.item-inicio-2 {
  color:#081F5B;
  cursor: default;
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 24px;
  min-width: 134px;
  height: 64px;
  top: 10px;
}
.tabs-codi li .item.item-inicio {
  left: 40px;
  min-height: 64px;
}
.tabs-codi li .item.paso-1 {
  top: 124px;
}
.tabs-codi li .item.paso-2 {
  top: 254px;
}
.tabs-codi li .item.paso-3 {
  top: 384px;
}
.tabs-codi li .item.paso-4,
.tabs-codi li .item.paso-1-2 {
  color:#081F5B;
  flex-direction: column;
  left: 322px;
  top: 494px;
  width: 226px;
  height: 134px;
}
.tabs-codi li .item.paso-4 b,
.tabs-codi li .item.paso-1-2 b {
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 20px;
}
.tabs-codi li .item.item-inicio-2 {
  right: 48px;
  min-height: 64px;
}
.tabs-codi li .item.paso-1-1{
  right: 20px;
  top: 124px;
  height: 115px;
}
.linea-circulo {
  position: absolute;
  width: 100%;
}
.linea-vertical {
   /* ff 3.6+ */
   background:-moz-linear-gradient(0deg, rgba(8, 31, 91, 1) 0%, rgba(28, 45, 88, 1) 33%, rgba(59, 84, 123, 1) 72%, rgba(115, 150, 190, 1) 100%); 
   /* safari 5.1+,chrome 10+ */
   background:-webkit-linear-gradient(0deg, rgba(8, 31, 91, 1) 0%, rgba(28, 45, 88, 1) 33%, rgba(59, 84, 123, 1) 72%, rgba(115, 150, 190, 1) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(0deg, rgba(8, 31, 91, 1) 0%, rgba(28, 45, 88, 1) 33%, rgba(59, 84, 123, 1) 72%, rgba(115, 150, 190, 1) 100%);
  height: 50px;
  width: 1px;
  position: absolute;
}
.linea-circulo .icon-circulo {
  position: absolute;
  bottom: -72px;
  left: 51px;
  z-index: 1;
}
.linea-circulo .linea-vertical {
  bottom: -82px;
  left: 50%;
}
.tabs-codi li .item.paso-1 .linea-circulo .linea-vertical,
.tabs-codi li .item.paso-2 .linea-circulo .linea-vertical {
  bottom: -91px;
}
.tabs-codi li .item.paso-1-1 .linea-circulo .linea-vertical {
  bottom: -94px;
}
.tabs-codi li .item.paso-1 .linea-circulo .icon-circulo,
.tabs-codi li .item.paso-2 .linea-circulo .icon-circulo {
  left: 92px;
  bottom: -81px;
}
.tabs-codi li .item.paso-1-1 .linea-circulo .icon-circulo {
  left: 91px;
  bottom: -83px;
}
.tabs-codi li .item .linea-circulo .icon-linea-indicador,
.tabs-codi li .item .linea-circulo .icon-linea-indicador-izq {
  display: none;
}
.tabs-codi li .item.paso-1.active .linea-circulo .icon-linea-indicador,
.tabs-codi li .item.paso-2.active .linea-circulo .icon-linea-indicador,
.tabs-codi li .item.paso-3.active .linea-circulo .icon-linea-indicador {
  background-position: -150px 0;
  display: block;
  top: -16px;
  right: -95px;
  position: absolute;
  width: 94px;
  height: 30px;
  animation: fade-in 0.8s;
}
.tabs-codi li .item.paso-1-1.active .linea-circulo .icon-linea-indicador-izq {
  background-position: 0 0;
  display: block;
  top: -16px;
  left: -95px;
  position: absolute;
  width: 94px;
  height: 30px;
  animation: fade-in 0.8s;
}
.linea-izquierda {
  border: 1px solid;
  border-right: none;
  border-top: none;
  cursor: default;
  height: 40px;
  width: 216px;
  position: absolute;
  left: -215px;
  top: -30px;
}
.linea-derecha {
  border: 1px solid;
  border-left: none;
  border-top: none;
  cursor: default;
  height: 267px;
  width: 218px;
  position: absolute;
  right: -219px;
  top: -257px;

}
.tabs-codi li .paso-1.active,
.tabs-codi li .paso-2.active,
.tabs-codi li .paso-3.active,
.tabs-codi li .paso-1-1.active {
  border: 1px solid #081F5B;
  background-color:#081F5B;
  color: #FFFFFF;
  transition: background-color .5s;
}
/* Sección Cobros Masivos*/
.seccion-cobro-masivo .card-azul {
  margin-bottom: 65px;
}
.card-fondo {
  position: absolute;
  background: -moz-linear-gradient(270deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  background: -webkit-linear-gradient(270deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  background: linear-gradient(270deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  -moz-border-radius: 30%;
  -webkit-border-radius: 30%;
  border-radius: 30%;
  filter: blur(35px);
  right: 0;
  bottom: 0;
  mix-blend-mode: hard-light;
  opacity: 0.2;
  width: 264PX;
  height: 83PX;
}
.seccion-cobro-masivo .card-soluciones {
  min-height: 388px;
}
.seccion-cobro-masivo .card-soluciones .card-body {
  padding: 39px 43px 33px 42px;
}
.seccion-cobro-masivo .card-soluciones .card-body .card-fondo {
  right: 20%;
  bottom: 50%;
  z-index: 1;
}
.card-ecommerce .card-body .card-text {
  letter-spacing: -0.34px;
}
.card-distribucion .card-body .card-text {
  letter-spacing: 0.06px;
}
.card-recibos .card-body .card-text {
  letter-spacing: -0.54px;
}
.seccion-cobro-masivo .card-servicios .lista-chevron{ 
  font-size: 16px;
  line-height: 20px;
}
.seccion-cobro-masivo .card-servicios .lista-chevron li { 
  padding-top: 16px;
}
.seccion-cobro-masivo .card-servicios .card-body .lista-chevron .chevron-right:before {
  top: 5px;
}
.asp-vanguardia {
  display: flex;
  margin-bottom: 52px;
}
.circulo-1 {
  background: rgba(254, 254, 254, 0.60);
  border: 1px solid #FFFFFF;
  border-radius:50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height:358px;
  width:358px;
  z-index: 1;
}
.circulo-1 .card-fondo {
  width: 100%;
  right: auto;
  bottom: auto;
  opacity: 0.3;
}
.circulo-2 {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius:50%;
  -webkit-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  -moz-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  height:266px;
  width:266px; 
}
.datos-vanguardia {
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.datos-vanguardia span {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.7px;
  line-height: 23px;
}
.dato-1 {
  left: -95px;
  top: 45px;
}
.dato-2 {
  left: -110px;
  top: 157px;
}
.dato-3 {
  left: -85px;
  top: 214px;
}
.datos-vanguardia.dato-3 span {
  display: flex;
  align-items: flex-end;
  padding-top: 43px;
}
/* Sección Proveedor SPEI */
.diagrama-operacion {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.diagrama-operacion .circulo-1 {
  height: 278px;
  width: 278px;
}
.diagrama-operacion .circulo-1 .card-fondo {
  background: -moz-linear-gradient(0deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
  background: linear-gradient(0deg, rgba(8, 51, 137, 1) 0%, rgba(237, 50, 54, 1) 100%);
}
.diagrama-operacion .circulo-2 {
  flex-direction: column;
  height: 213px;
  width: 213px;
}
.diagrama-operacion .col .fondo-izq,
.diagrama-operacion .col-12 .fondo-izq {
  bottom: 0;
  left: 0;
  top: -60px;
  width: 100px;
  height: 100px;
  filter: blur(75px);
}
.diagrama-operacion .col .fondo-der,
.diagrama-operacion .col-12 .fondo-der {
  bottom: 0;
  right: 0;
  width: 100px;
  height: 100px;
  filter: blur(75px);
}
.diagrama-operacion .card {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #FFFFFF;
  min-height: 207px;
}

.diagrama-operacion .card .card-title {
  color:#081F5B;
  display: flex;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
}

.diagrama-operacion .card .lista-titulos-descrip .titulo {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.diagrama-operacion .col-linea-1 {
  position: relative;
  height: 96px;
}
.diagrama-operacion .col-linea-1 img {
  position: absolute;
  top: -55px;
  z-index: 1;
}
.diagrama-operacion .col-linea-1 .linea-izq {
  right: 7px;
}
.diagrama-operacion .col-linea-1 .linea-der {
  left: 7px;
}
.col-linea-2 {
  margin-top: 10px;
}
.card-esquema .card-text{
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 24px;
}
/* Sección Plan de Ahorro */
.seccion-plan-ahorro .card-servicios .lista-chevron {
  font-size: 16px;
  line-height: 20px;
}
.seccion-plan-ahorro .card-servicios .lista-chevron li {
  padding-bottom: 16px;
}
.seccion-plan-ahorro  .card-servicios .card-body .lista-chevron .chevron-right:before {
  top: 4px;
}
.card-banner-credito {
  margin-bottom: 56px;
}
.card-banner-credito .btn-action {
  margin: 36px auto 24px auto;
}
.card-banner-credito .card-body .card-text {
  color: #565656;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.card-banner-credito .card-body .card-text .texto-VerdanaBold {
  color: #565656;
  font-size: 14px;
}
.diagrama-bienestar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  height: 580px;
}
.diagrama-bienestar .card-diagrama {
  display: flex;
  min-height: 100px;
  min-width: 200px;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.diagrama-bienestar .col-linea-izq-top,
.diagrama-bienestar .col-linea-der-top {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 1;
}
.diagrama-bienestar .col-linea-izq-top {
  left: 0;
  top: 130px;
}
.diagrama-bienestar .col-linea-der-top {
  right: 0;
  top: 130px;
}
.diagrama-bienestar .linea-izq-bottom,
.diagrama-bienestar .card-diagrama-izq-bottom,
.diagrama-bienestar .linea-center-bottom,
.diagrama-bienestar .card-diagrama-center-bottom,
.diagrama-bienestar .linea-der-bottom,
.diagrama-bienestar .card-diagrama-der-bottom {
  position: absolute;
  z-index: 1;
}
.diagrama-bienestar .linea-izq-bottom {
  left: 130px;
  bottom: 164px;
}
.diagrama-bienestar .card-diagrama-izq-bottom {
  left: 50px;
  bottom: 60px;
}
.diagrama-bienestar .linea-center-bottom {
  bottom: 105px;
}
.diagrama-bienestar .card-diagrama-center-bottom {
  bottom: 0;
  letter-spacing: -0.4px;
}
.diagrama-bienestar .linea-der-bottom {
  right: 130px;
  bottom: 164px;
}
.diagrama-bienestar .card-diagrama-der-bottom {
  right: 50px;
  bottom: 60px;
}
.seccion-solicitud-credito .container {
  padding-top: 71px;
}
/* Solicitud de credito */
.seccion-solicitud-credito .progressbar-wrapper {
  margin-bottom: 27px;
}
.lista-solicitud {
  /* ff 3.6+ */
  background:-moz-linear-gradient(180deg, rgba(60, 89, 145, .90) 0%, rgba(38, 59, 106, .90) 62%, rgba(28, 45, 88, .90) 100%);
  /* safari 5.1+,chrome 10+ */
  background:-webkit-linear-gradient(180deg, rgba(60, 89, 145, .90) 0%, rgba(38, 59, 106, .90) 62%, rgba(28, 45, 88, .90) 100%);
  /* global 94%+ browsers support */
  background:linear-gradient(180deg, rgba(60, 89, 145, .90) 0%, rgba(38, 59, 106, .90) 62%, rgba(28, 45, 88, .90) 100%);
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  min-height: 953px;
  height: 100%;
}
.lista-solicitud .list-group-item {
  background-color: transparent;
  border-bottom: 1px solid #D8D8D8;
  color: #FFFFFF;
  font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  padding: 24px 21px;
}
.lista-solicitud .list-group-item:nth-child(1){
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 34px;
  height: 201px;
}
.lista-solicitud .list-group-item .texto-etiqueta {
  margin-bottom: 24px;
}
.lista-solicitud .list-group-item .texto-dato {
  font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.seccion-solicitud-credito .progressbar li {
  width: 25%;
}
.caja-radios {
  -webkit-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  -moz-box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  box-shadow: 2px 3px 9px 0px rgba(8,31,91,0.13);
  display: flex;
  justify-content: space-between;
  padding: 15px 16px;
  margin-bottom: 32px;
}
.card-elige-credito {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  -moz-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
}
.card-elige-credito .card-body {
  padding: 27px 26px 56px 26px;
}
.card-elige-credito .multi-collapse {
  padding: 0 16px;
}
.card-elige-credito .texto-descripcion {
  color: #757475;
  font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: left;
}
.card-elige-credito .card-fondo {
  z-index: 1;
  opacity: 0.3;
}
.radio-producto {
  position: relative;
  z-index: 2;
}
.radio-producto label {
  background-color: rgba(254, 254, 254, 0.6);
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 211px;
}
.radio-producto label .radio-titulo {
  color: #1C2D58;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 24px;
}
.radio-producto input[type=radio]:checked ~ label {
  border-color: #081F5B;
}
.caja-radios b {
  color: #081F5B;
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 18px;
}
.caja-radios > .form-check > .form-check-input {
  width: 24px;
  height: 24px;
}
#bloquePymes .alert-info,
.paso-1 .alert-info {
  color: #757475;
  letter-spacing: -0.67px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  padding: 23px 16px;
}
#bloquePymes .alert-info p{
  flex: 1;
}
.step-1 .card-border,
.step-2 .card-border,
.step-3 .card-border {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(177,177,177,0.5);
  -moz-box-shadow: 0px 2px 5px 0px rgba(177,177,177,0.5);
  box-shadow: 0px 2px 5px 0px rgba(177,177,177,0.5);
  margin-top: 32px;
  text-align: left;
}
.step-1 .card-border .card-body,
.step-3 .card-border .card-body {
  padding-top: 27px;
  padding-bottom: 57px;
}
.step-1 .link-prev,
.step-2 .link-prev,
.step-3 .link-prev {
  padding-left: 34px;
}
#frmStep1 > .row > .col-12,
#frmStep2 > .datos-personales > .row > .col-12,
#frmStep2 > .datos-contacto > .row > .col-12,
#frmStep2 > .datos-direccion > .row > .col-12 {
  margin-bottom: 32px;
}
#frmStep1 .form-floating > label,
#frmStep2 .form-floating > label  {
  font-size: 18px;
  line-height: 20px;
}
#frmStep1 .btn-secondary,
#frmStep2 .btn-secondary,
#frmStep3 .btn-secondary {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.step-2 .card-border .card-body {
  padding: 27px 30px 54px 29px;
}
.step-2 .card-border .card-body .texto-subtitulo-bold {
  margin-bottom: 56px;
}
.datos-personales,
.datos-contacto,
.datos-direccion {
  padding-left: 37px;
  padding-right: 37px;
}
.datos-terminos {
  padding: 16px 37px 0 37px;
}
.datos-terminos .form-check {
  padding-left: 60px;
}
.datos-terminos .row .form-check .form-check-label,
.datos-terminos .row .form-check .texto-liga {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: justify;
}
.datos-personales h5,
.datos-contacto h5,
.datos-direccion h5 {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 12px;
  text-align: left;
  margin: 0;
}
.datos-personales hr,
.datos-contacto hr,
.datos-direccion hr {
  background-color: #D8D8D8;
  opacity: 1;
  height: 2px;
  width: 100%;
  margin: 16px 0;
}
.step-3 .linea-icon {
  width: 81px;
  height: 1px;
}
.step-3 .datos-confirmar {
  width: 379px;
  margin: 0 auto;
}
.step-3 .datos-confirmar hr {
  color: #979797;
  height: 1px;
  width: 100%;
}
.step-3 .datos-confirmar h5 {
  color: #081F5B;
  font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 14px;
  text-align: center;
}
.step-3 .datos-confirmar .subtitulo {
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: left;
}
.step-3 .datos-confirmar .card-text {
  font-size: 16px;
  margin: 16px 0 16px 0;
}
.step-3 .linea-seccion {
  background-color: #979797;
}
.col-datos-simulador,.step-0, .step-1,
.step-2, .step-3, .bloque-plan-credito,
.bloque-monto-credito {
  display: none;
}
#frmStep3 .form-control-edit {
  padding-right: 28px;
}
#frmStep3 .icon-editar{
  position: absolute;
  top: 6px;
  right: 20px;
}
#frmStep3 .g-recaptcha > div {
  margin: 0 auto;
}
/* Solicitud de Productos */
.seccion-solicitud-productos .container {
  padding-bottom: 50px;
  padding-top: 70px;
}
.seccion-solicitud-productos .seccion-titulo {
  font-weight: 300;
  font-size: 32px;
}
.seccion-solicitud-productos .seccion-titulo .texto-producto {
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 45px; 
}
.seccion-solicitud-productos .card-border {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.5);
  -moz-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.5);
  box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.5);
}
.seccion-solicitud-productos .card-border .card-body {
  padding: 27px 67px 56px 66px;
}
#frmSolicitudProductos .row .col-12 {
  margin-bottom: 32px;
}
.col-dato-empresa {
  display: none;
}
/* Solicitud Soluciones Empresariales  */
#frmSolicitudSoluciones .row .col-12 {
  margin-bottom: 32px;
}
.col-numero-empleados,
.col-empresa-regulada {
  display: none;
}

/* Seccion Fatura Electronica  */
.seccion-factura-electronica .card-border,
.seccion-registro-exclusion .card-border {
  -webkit-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  -moz-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: 100%;
  margin: 51px 0px 51px 0;
}
.seccion-factura-electronica .card-border .card-body,
.seccion-registro-exclusion .card-border .card-body {
  padding: 27px 76px 56px 75px;
}
.seccion-factura-electronica .card-border .card-body .texto-subtitulo,
.seccion-registro-exclusion .card-border .card-body .texto-subtitulo {
  color: #081F5B;
  font-family: 'Verdana', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  margin: 0;
}
.seccion-factura-electronica .card-border .card-body .linea-horizontal,
.seccion-registro-exclusion .card-border .card-body .linea-horizontal {
  background-color: #D8D8D8;
  width: 100%;
  margin: 16px 0;
}
.frm-factura .col-12, 
.frm-factura .col-6,
.frm-exclusion .col-12, 
.frm-exclusion .col-6  {
  margin-bottom: 32px;
}

.frm-derecho-arco .col-12, 
.frm-derecho-arco .col-6,
.frm-derecho-arco .col-12, 
.frm-derecho-arco .col-6  {
  margin-bottom: 32px;
}
.frm-derecho-arco .texto-liga {
  font-size: 12px;
  margin: 0 0 12px 0;
}

.frm-derecho-arco textarea[name="descripcionSolicitud"] {
  height: 182px;
  resize: none;
}

@media (min-width: 1024px) {
  .container {
    /*width: 1024px;*/
    max-width: 1024px;
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .tabs-codi {
    width: 100%;
  }
  .pantalla-codi {
    left: 290px;
  }
  .tabs-codi li .item.paso-1.active .linea-circulo .icon-linea-indicador, 
  .tabs-codi li .item.paso-2.active .linea-circulo .icon-linea-indicador, 
  .tabs-codi li .item.paso-3.active .linea-circulo .icon-linea-indicador {
    background-position: -175px 0;
    right: -71px;
    width: 70px;
  }
  .tabs-codi li .item.paso-1-1.active .linea-circulo .icon-linea-indicador-izq {
    left: -59px;
    width: 58px;
  }
  .tabs-codi li .item.paso-4 {
    left: 290px;
  }
  .linea-izquierda {
    left: -183px;
    width: 180px;
  }
  .linea-derecha {
    left: 225px;
    width: 172px;
  }
  .tabs-codi li .item.item-inicio-2 {
    right: 40px;
  }
  .tabs-codi li .item.paso-1-1 {
    right: 0;
  }
  #PrevencionPersonal .salto-parrafo {
    display: none;
  }
  .datos-vanguardia  span br {
    display: none;
  }

  .col-linea-izq-top img,
  .col-linea-der-top img {
    width: 140px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 21px;
    padding-left: 0px;
  }

}

@media all and (min-width: 992px) {
  /* Menu */
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    border-top: 1px solid #fff;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
  }
  .navbar .nav-item:hover .dropdown-menu{ 
    display: block;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 21px;
    padding-left: 0px;
  }
  .navbar-expand-lg .item-sucursales .nav-link {
    padding: 19px 21px;
  }
}

/* ============ mobile view ============ */
@media(max-width: 991px) {
  .cc-cookies {
    flex-direction: column;
    height: auto;
  }
  .cc-cookies .sprite.icon-bandera-blanca {
    margin: 0;
  }
  .cc-cookie-decline {
    margin-bottom: 16px;
  }
  .cc-cookies a.cc-cookie-accept {
    margin-left: 0;
  }
  .lista-indicadores .list-group-item br {
    display: block;
  }
  .seccion-banner-principal {
    padding-top: 50px;
  }
  .texto-descripcion {
    font-size: 16px;
  }
  /* Menu */
  header .navbar-nav .chevron {
    display: inline-block;
  }
  header .item-sucursales::before {
    border: 0;
    height: 0;
  }
  .nav-item .btn-info,
  .nav-item .btn-primary {
    margin-left: 0;
  }
  .navbar .separacion {
    display: none;
  }
  header .container,
  header > .container > .navbar > .container-fluid {
    padding: 0;
  }
  header > .container .navbar > .container-fluid > .navbar-brand {
    padding-left: 12px;
  }
  header .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid #FFFFFF;
  }
  .navbar .nav-link {
    display: flex;
    justify-content: space-between;
    padding: 11px 21px;
    width: 100%;
  }
  header .navbar-collapse .navbar-nav .nav-item:last-child {
    border-bottom: 0;
  }
  .navbar .separacion {
    display: none;
  }
  .navbar .megamenu {
    box-shadow: none;
  }
  .navbar .megamenu .col-megamenu{
    border: 0;
  }
  .fondo-menu {
    display: none;
  }
  .navbar .megamenu.submenu-personas,
  .navbar .megamenu.submenu-empresas {
    padding: 0px 21px 21px;
  }
  
  header .navbar-collapse .navbar-nav .nav-item .nav-link .chevron-bottom::before {
    transform: rotate(135deg);
    top: 6px;
    height: 8px;
    width: 8px;
  }
  header .navbar-collapse .navbar-nav .nav-item .nav-link.show .chevron-bottom::before {
    transform: rotate(-45deg);
    top: 6px;
    height: 8px;
    width: 8px;
  }
  header .dropdown-menu .col-megamenu .list-unstyled {
    margin: 15px 0;
  }
  /* Botones */
  .btn-action, .btn-action-rojo {
    width: 100%;
  }
  .btn-action-rojo .icon-bandera-blanca {
    margin-right: 8px;
  }
  
  /* Cards */
  .card-producto-md .card-body .card-title {
    /*margin: 0 auto;*/
    text-align: center;
    min-width: 224px;
  }
  .card-azul .list-group .list-group-item::after {
    border: 0;
  }
  .card-azul .list-group .list-group-item {
    width: 100%;
  }
  /* Tabs */
  .tab-content {
    padding-top: 0;
  }
  .tab-content .tab-pane {
    padding-top: 12px;
  }
  /* Simulador */
  .resultado .card {
    width: 100%;
  }
  /* Banner Principal */
  .cream-slider > ul > li.tab {
    -moz-flex-grow: 5;
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    flex-grow: 5;
  }
  .cream-slider > ul > li h1 {
    font-size: 36px;
    line-height: 46px;
  }
  .cream-slider li.tab > div span.textoMedio {
    font-size: 18px;
    line-height: 29px;
  }
  .cream-slider li.tab > div span.textoRegular {
    font-size: 18px;
  }
  .cream-slider ul > li.tab:nth-child(2) h1 {
    line-height: 45px;
    bottom: 80px;
  }
  .cream-slider ul > li.tab:nth-child(1) h1 {
    line-height: 45px;
    bottom: 70px;
  }

  .banner-interno-APPS .telefono-ASP {
    position: relative;
    left: 10px;
    top: 0;
  }

  /* Seccion Experiencia */
  .lista-experiencia .list-group-item {
    font-size: 30px;
    line-height: 35px;
  }
  .lista-experiencia .list-group-item b {
    font-size: 20px;
  }
  .seccion-pagina .contenedor {
    padding: 0 12px;
  }
  /* Clientes satisfechos */
  .slick-next {
    right: -50px;
    background-size: 70%;
    background-position-x: 25px;
  }
  .slick-prev {
    left: -50px;
    background-size: 70%;
    background-position-x: -5px;
  }
  /* Banner APPS */
  .banner-APPS {
    text-align: center;
    display: flex;
    padding: 15px 10px;
    padding-bottom: 0px;
  }
  .banner-APPS h2{
    font-size: 35px;
    line-height: 45px;
  }
  .banner-APPS p {
    font-size: 18px;
    line-height: 29px;
  }
  .banner-APPS .texto-descarga {
    font-size: 16px;
    display: flex;
    padding: 0px 0 0 116px !important;
  }
  .telefono-ASP {
    left: 25px;
    position: relative;
    top: 0;
  }
  .card-hover {
    margin: 0 auto;
  }
  /* Footer */
  .lista-footer  li{
    padding: 5px 0;
  }
  .lista-footer {
    line-height: 25px;
  }
  .seccion-despachos-cobranza .card-detalles {
    width: 100%;
  }
  .secciones-footer .col-footer:nth-child(1),
  .secciones-footer .col-footer:nth-child(2),
  .secciones-footer .col-footer:nth-child(3),
  .secciones-footer .col-footer:nth-child(4) {
    width: 50%;
  }
  .seccion-banner-principal-personas,
  .seccion-banner-principal-empresas {
    padding-top: 50px;
  }
  .banner-tab h1 {
    font-size: 75px;
    line-height: 88px;
  }
  .seccion-card-banner {
    display: block;
  }
  .seccion-card-banner .card-producto-md {
    width: 100%;
  }
  .banner-interno-APPS .datos-banner {
    position: relative;
    left: 0;
  }
  .card-productos {
    margin: 0 auto 24px auto;
  }
  .banner-tab .datos-banner .nav.nav-tabs {
    display: none;
  }

  .banner-tab.banner-mejora-tu-casa p.descripcion,
  .banner-tab.banner-cobro-masivo p.descripcion {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .banner-proveedor-spei .datos-banner .descripcion {
    font-size: 18px;
    margin-bottom: 12px;
  }
  #necesito .card-detalles .lista-chevron {
    padding-left: 22px;
  }
  /* Banner de Inversion */
  .banner-inversion {
    flex-direction: column;
    height: auto;
  }
  .banner-inversion .datos-banner {
    padding: 30px 12px 20px 12px;
    text-align: center;
  }
  .banner-inversion .btn-action {
    margin: 0 auto;
  }
  .img-banner-corte {
    position: relative;
    clip-path: none;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
    width: 100%;
  }
  .fondo-imagen-banner {
    clip-path: none;
    width: 100%;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 0;
  }
  .border-banner-diagonal {
    display: none;
  }
  .datos-imagen {
    border: 2px solid #FFFFFF;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .banner-interno-APPS .texto-nota,
  .banner-interno-APPS .img-qr {
    display: none;
  }
  .icon-credito-grande {
    background-position: -80px -3945px;
  }
  .card-detalles .card-header h5 {
    width: 85%;
  }
  .col-combo-menu  {
    display: block;
  }
  #vcomboMenu .vscreen {
    padding: 8px 10px 8px 35px;
  }
  #vcomboMenu .vscreen i.sprite {
    position: absolute;
    left: 5px;
    bottom: 8px;
  }
  .titulo-movil-tab {
    align-items: center;
    background-color: #F9F8F9;
    border: 1px solid #FEFEFE;
    color: #F08370;
    display: flex;
    font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 24px;
    justify-content: center;
    padding: 10px 30px;
  }
  .titulo-movil-tab i {
    margin-right: 10px;
  }
  .banner-corresponsal-financ .datos-banner .descripcion {
    margin-bottom: 20px;
  }
  /* Seccion Codi */
  .banner-codi h1 span {
    font-size: 36px;
    top: -13px;
  }
  .pantalla-codi,
  .linea-circulo,
  .linea-derecha,
  .linea-izquierda {
    display: none;
  }
  .tabs-codi {
    height: 100%;
  }
  .tabs-codi li {
    padding-bottom: 12px;
  }
  .tabs-codi li .item {
    box-shadow: none;
    border: 0;
    padding: 0;
    min-height: auto;
  }
  .tabs-codi li .item.item-inicio,
  .tabs-codi li .item.item-inicio-2,
  .tabs-codi li .item.paso-1,
  .tabs-codi li .item.paso-2, 
  .tabs-codi li .item.paso-3, 
  .tabs-codi li .item.paso-4,
  .tabs-codi li .item.paso-1-1,
  .tabs-codi li .item.paso-4,
  .tabs-codi li .item.paso-1-2 {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: flex-start;
    height: auto;
    text-align: left;
    padding-left: 56px;
  }
  .tabs-codi li .item.item-inicio,
  .tabs-codi li .item.item-inicio-2 {
    padding-left: 0;
    justify-content: center;
  }
  .tabs-codi li .item.paso-4 {
    width: 100%;
  }
  .tabs-codi li .item.paso-1-2 {
    padding-left: 0;
    text-align: center;
    width: 100%;
  }
  .tabs-codi li .item-inicio .icon-circulo,
  .tabs-codi li .item-inicio-2 .icon-circulo,
  .tabs-codi li .paso-1-2 .icon-circulo {
    transform: scale(0.8);

  }
  /*Sección Cobro masivo */
  .asp-vanguardia {
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
  }
  .datos-vanguardia {
    position: relative;
    left: 0;
    top: 0;
    padding-bottom: 16px;
  }
  .datos-vanguardia span {
    display: flex;
    align-items: center;
    width: 95%;
    padding-left: 8px;
  }
  .datos-vanguardia.dato-3 span {
    padding-top: 0;
  }
  /*Sección Plan de Ahorro*/
  .diagrama-bienestar .circulo-1 {
    margin-bottom: 16px;
  }
  .col-linea-izq-top img, 
  .col-linea-der-top img,
  .diagrama-bienestar .linea-center-bottom,
  .diagrama-bienestar .linea-der-bottom,
  .linea-izq-bottom {
    display: none;
  }
  .diagrama-bienestar .col-linea-izq-top,
  .diagrama-bienestar .col-linea-der-top {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .diagrama-bienestar .card-diagrama-izq-bottom,
  .diagrama-bienestar .card-diagrama-center-bottom,
  .diagrama-bienestar .card-diagrama {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 16px;
  }
  .diagrama-bienestar .card-diagrama {
    box-shadow: none;
    border: 0;
    background-color: transparent;
    min-width: 100%;
    min-height: auto;
    padding-bottom: 16px;
  }
  .diagrama-bienestar .card-diagrama span {
    padding-left: 8px;
    text-align: left;
    width: 95%;
  }
  /* Proovedor SPEI */
  .diagrama-operacion .card {
    background: none;
    border: 0;
  }
  .diagrama-operacion .card .card-title span {
    width: 90%;
  }
  .modal-resultado {
   width: 100%; 
  }
  /* Solicitud de creditos */
  .seccion-solicitud-credito .container {
    padding-top: 50px;
  }
  .lista-solicitud {
    border-radius: 0;
    min-height: auto;
    padding: 0 50px;
  }
  .lista-solicitud .list-group-item:nth-child(1) {
    height: auto;
  }
  .lista-solicitud .list-group-item {
    border-right: 0;
    border-left: 0;
  }
  .lista-solicitud .list-group-item:last-child{
    border: 0;
  }
  
  .resultado-simulador-inversion .card {
    width: 100%;
  }
  .simulador .paso-1 {
    padding: 12px 35px 12px 36px;
  }
  #mapaSucursal {
    height: 350px;
  }
  .seccion-registro-exclusion .card-border .card-body {
    padding: 27px 50px 56px 50px;
  }

  .banner-spei .col-video iframe {
    width: 95%;
   
  }
}

@media (max-width: 768px) {
  .container {
    /*padding: 0;*/
  }
  /* Elementos */
  .chat-flotante {
    right: 0;
  }
  .cc-cookies {
    flex-direction: column;
    height: auto;
  }
  .cc-cookies > p {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .cc-cookies a.cc-cookie-accept {
    margin-bottom: 15px;
    margin-right: 0;
  }
  /* Botones */
  .btn-action, .btn-action-rojo {
    font-size: 18px;
    width: 100%;
  }
  .btn-action-rojo .icon-bandera-blanca {
    margin-right: 8px;
  }
  .voptions .vitem:hover {
    background-color: #FFFFFF;
  }
  /* Cards */
  .card-detalles .card-header h5 {
    width: 85%;
  }
  .card-detalles .card-body {
    padding: 30px 8px 30px 8px;
  }
  /* Acordeon  */
  .titulo-movil-tab {
    padding: 10px 10px;
  }
  /* Banner Principal Home*/
  .cream-slider {
    display: none;
  }
  .seccion-banner-principal .container {
    padding: 0;
  }
  .banner-movil {
    display: block;
  }
  .banner-movil .slick-slide {
    background-size: cover;
    background-repeat: no-repeat; 
  }
  .banner-movil .tab-empresas {
    background-position: 2px;
  }
  .banner-movil .slick-slide{
    border: 0;
    height: 350px;
    position: relative;
  }
  .banner-movil .slick-slide > div {
    bottom: 0;
    color: #FFFFFF;
    padding: 16px 26px 16px 47px;
    position: absolute;
  }
  .banner-movil .slick-slide > div > h3 {
    font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 75px;
    line-height: 75px;
  }
  .banner-movil .slick-slide > div .textoMedio {
    display: block;
    font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
  }
  .banner-movil .slick-slide > div .textoRegular {
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
  }
  .banner-movil .slick-next {
    background: url(../images/icons/flecha_next_responsive.png) 0 0 no-repeat;
    background-position-x: center;
    right: 5px;
    width: 21px;
    height: 40px;
  }
  .banner-movil .slick-prev {
    background: url(../images/icons/flecha_back_responsive.png) 0 0 no-repeat;
    background-position-x: center;
    left: 5px;
    width: 21px;
    height: 40px;
  }
  .tab-empresas {
    background-size: cover;
  }
  .seccion-titulo { 
    font-size: 30px;
  }
  .fondo-indicadores::before {
    bottom: 20px
  }
  .fondo-circulo {
    bottom: 40%;
  }
  /* Indicadores */
  .lista-indicadores .list-group-item {
    font-size: 12px;
    padding: 2px 2px;
  }
  .lista-experiencia{
    flex-direction: column;
    align-items: center;
  }
  .parrafo-fecha {
    font-size: 12px;
  }
  /* Clientes Satisfechos */
  .datos-clientes {
    width: 100%;
    padding: 0;
  }
  .datos-clientes li {
    padding: 0 32px;
  }
  .datos-clientes .descripcion {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto 44px auto;
  }
  /* Clientes satisfechos */
  .slick-next {
    width: 57px;
    right: -12px;
    background-size: unset;
    background-position-x: unset;
  }
  .slick-prev {
    left: -25px;
    background-size: unset;
    background-position-x: unset;
  }
  /* Footer */
  footer {
    background-position: top;
  }
  .seccion-logos-footer {
    padding: 0 30px 45px 30px;
  }
  .seccion-logos-footer a {
    color: transparent;
  }
  .secciones-footer {
    padding: 60px 30px 28px 30px;
  }
  .lista-logos-footer {
    margin-bottom: 20px;
  }
  /* Seccion Personas */
  .seccion-banner-principal-personas,
  .seccion-banner-principal-empresas {
    padding-top: 50px;
  }
  .seccion-banner-principal-personas .container,
  .seccion-banner-principal-empresas .container {
    padding-left: 0;
    padding-right: 0;
  }
  .banner-tab h1 {
    font-size: 52px;
    line-height: 65px;
    margin: 0;
  }
  .card-productos {
    width: 100%;
  }
  .banner-interno-APPS .datos-banner {
    position: relative;
    left: 0;
  }
  .banner-interno-APPS h2 {
    font-size: 26px;
    line-height: 32px;
  }
  .banner-interno-APPS .datos-banner .texto-descarga {
    text-align: center;
  }
  .banner-interno-APPS .img-qr,
  .banner-interno-APPS .datos-banner .descripcion br {
    display: none;
  }
  .banner-interno-APPS .datos-banner .texto-descarga {
    padding-top: 2%;
    font-size: 28px; 
    line-height: 30px;
    padding: 0px 0 0 16px !important;
  }
  .banner-interno-APPS .datos-banner .texto-experiencia {
    padding-top: 2%;
    font-size: 22px;
    line-height: 28px;
  }

  .banner-tab p.descripcion {
    font-size: 22px;
    margin: 0 0 10px 0;
  }
  .banner-tab.banner-inversion-credito p.descripcion,
  .banner-corresponsal-financ .datos-banner .descripcion,
  .banner-tab.banner-codi p.descripcion,
  .banner-tab.banner-cobro-masivo p.descripcion,
  .banner-plan-ahorro .datos-banner p.descripcion {
    margin-bottom: 10px;
  }
  .seccion-productos .texto-descripcion {
    width: 100%;
  }
  .seccion-productos .seccion-titulo {
    margin-top: 16px;
  }
  /* Tabs de Banner */
  .banner-mejora-tu-casa .nav.nav-tabs {
    display: none;
  }
  .tab-content {
    /*padding-top: 20px;*/
    padding-top: 0;
  }
  .tab-content .tab-pane .contenedor,
  #MiAhorro .contenedor {
    padding: 12px 12px 0 12px;
  }
  .seccion-tabs .container {
    padding: 0 0 45px 0;
  }
  .seccion-tabs {
    overflow: hidden;
  }
  #CuentaFacil .contenedor {
    padding: 0 12px 0 12px;
  }
  /* Banner de Inversion */
  .banner-inversion h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .banner-inversion .datos-banner p {
    font-size: 16px;
    line-height: 26px;
  }
  .banner-inversion .btn-action {
    height: 46px;
  }
  .banner-inversion .datos-banner {
    padding: 24px 24px 24px 24px;
  }
  .banner-inversion .salto-escritorio {
    display: none;
  }
  .banner-inversion .datos-banner .salto-1, 
  .banner-inversion .datos-banner .salto-2 {
    display: block;
  }
  .banner-tab.banner-inversion-product p.descripcion {
    margin-bottom: 24px;
  }
  .banner-empresas-seguro .datos-banner .descripcion {
    margin-bottom: 24px;
  }
  /* Seccion Codi */
  .banner-codi h1 span {
    font-size: 26px;
    top: -10px;
  }
  .seccion-codi .seccion-titulo span {
    font-size: 22px;
    line-height: 32px;
  }
  .seccion-pagina-normal .contenedor {
    padding: 12px 12px 0 12px;
  }
  .banner-historia {
    display: flex;
    flex-direction: column;
  }
  .banner-historia .col-video,
  .banner-historia .col-datos {
    width: 100%;
  }
  .banner-historia .col-datos {
    padding: 20px 20px 12px 20px;
  }
  .card-preguntas-codi .card-body {
    padding: 20px 12px 20px 12px;
  }
  /* Simulador */
  .resultado .card .card-body .list-group-horizontal > .list-group-item:first-child,
  .resultado .card .card-body .list-group-horizontal > .list-group-item:last-child {
    font-size: 20px;
  }
  .modal-resultado .card-body {
    height: 450px;
    overflow-y: scroll;
  }
  /* Solicitud de Credito */
  .seccion-solicitud-credito .container {
    padding-top: 50px;
  }
  .caja-radios {
    flex-direction: column;
    align-items: flex-start;
  }
  .radio-producto label {
    margin: 0 auto;
  }
  .lista-solicitud {
    min-height: auto;
    padding: 0 50px;
    border-radius: 0;
  }
  .lista-solicitud .list-group-item {
    border-right: 0px;
    border-left: 0px;
  }
  .lista-solicitud .list-group-item:nth-child(1) {
    height: auto;
  }
  .lista-solicitud .list-group-item:last-child {
    border: 0;
  }
  /*Contacto*/
  .seccion-pagina .contenedor {
    padding: 0 12px;
  }

  .resultado-simulador-inversion {
    padding: 0;
  }
  .seccion-solicitud-productos .card-border .card-body {
    padding: 27px 12px 56px 12px;
  }
}
@media (max-width: 576px) {
  /* Saltos de Lines en textos */
  .salto-titulo-CMA { 
    display: block;
  }
  /* Modal */
  .modal-formulario .card-body {
    padding: 37px 16px 12px 16px;
  }
  /*Footer*/
  .secciones-footer {
    padding: 60px 15px 28px 15px;
  }
  .secciones-footer .icon-pin-buscador,
  .secciones-footer .icon-correo {
    margin-top: 5px;
    width: 24px;
  }
  .secciones-footer .icon-banderas {
    margin-top: 5px;
    width: 26px;
  }
  .lista-footer {
    line-height: 19px;
  }
  .lista-footer li {
    align-items: flex-start;
  }
  .lista-footer li > div > a,
  .lista-footer li > a {
    line-height: 19px;
  }
  .lista-footer .chevron-right:before {
    top: 6px;
  }
  .banner-tab h1 {
    font-size: 40px;
    line-height: 45px;
    margin: 0;
  }

  .banner-interno-APPS .datos-banner .texto-descarga {
    text-align: center;
  }
  
  .banner-tab p.descripcion,
  .banner-tab.banner-mejora-tu-casa p.descripcion {
    font-size: 16px;
  }
  .banner-tab.banner-mejora-tu-casa p.descripcion {
    margin-bottom: 6px;
  }
  .banner-movil .slick-slide > div {
    padding: 16px 26px 16px 30px;
  }
  .banner-movil .slick-slide > div > h3 {
    font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 55px;
    line-height: 45px;
  }
  .banner-interno-APPS .telefono-ASP {
    left: 0;
    margin-top: 24px;
    width: 100%;
  }
  .banner-tab.banner-inversion-credito p.descripcion,
  .banner-tab.banner-creditos p.descripcion {
    margin: 0 0 10px 0;
  }
  
  .seccion-pagina .contenedor {
    padding: 0;
  }
  .seccion-aviso-privacidad .texto-liga {
    font-size: 16px;
  }
  .texto-cat {
    text-align: justify;
  }
  .seccion-preguntas .card-border .card-body {
    padding: 26px 12px 56px 12px;
  }
  .circulo-1 {
    margin-bottom: 16px;
    height: 300px;
    width: 300px;
  }
  .circulo-2 {
    height: 208px;
    width: 208px;
  }
  .tabs-codi li .item.paso-1,
  .tabs-codi li .item.paso-2, 
  .tabs-codi li .item.paso-3, 
  .tabs-codi li .item.paso-4,
  .tabs-codi li .item.paso-1-1,
  .tabs-codi li .item.paso-4 {
    padding-left: 0;
  }
  .banner-tab.banner-cobro-masivo h1 {
    font-size: 36px;
  }
  .banner-tab.banner-cobro-masivo p.descripcion {
    font-size: 14px;
    line-height: 18px;
  }
  .seccion-cobro-masivo .container,
  .seccion-proveedor-spei .container,
  .seccion-plan-ahorro .container,
  .seccion-codi .container {
    padding: 0;
  }
  .seccion-cobro-masivo .card-soluciones .card-body {
    padding-left: 12px;
    padding-right: 12px;
  }
  .seccion-cobro-masivo .card-soluciones .card-body .card-fondo {
    right: 10%;
  }
  /* Simulador */
  .simulador .paso-1 {
    padding: 12px 12px 12px 12px;
  }
  .resultado .card .card-body {
    padding: 32px 12px 32px 12px;
  }
  .resultado .card .card-body .list-group-horizontal > .list-group-item:first-child,
  .resultado .card .card-body .list-group-horizontal > .list-group-item:last-child {
    font-size: 18px;
    padding: 8px 0;
  }
  /* Contacto*/
  .seccion-envio-correo .card-border .card-body {
    padding: 27px 12px 56px 12px;
  }
  .datos-personales h5, .datos-contacto h5, 
  .datos-direccion h5 {
    line-height: 20px;
  }
  #mapaSucursal {
    width: 350px;
  }

  .seccion-factura-electronica .card-border .card-body,
  .seccion-registro-exclusion .card-border .card-body {
    padding: 27px 12px 56px 12px;
  }

  .d-block  {
    display: block !important;
  }
}
/*test codi*/
.asp-codi {
  display: flex;
  margin-bottom: 52px;
}

.asp-codi-2{
  display: flex;
  margin-bottom: 52px;
  margin-left: 96px;
}
.circulo-1 {
  background: rgba(254, 254, 254, 0.60);
  border: 1px solid #FFFFFF;
  border-radius:50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height:358px;
  width:358px;
  z-index: 1;
}
.circulo-1 .card-fondo {
  width: 100%;
  right: auto;
  bottom: auto;
  opacity: 0.3;
}
.circulo-2 {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius:50%;
  -webkit-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  -moz-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  height:266px;
  width:266px;
  flex-direction: column;
}
.circulo-2 p {
  font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
  font-size: 32px;
  color:#081F5B;
  margin-top: 12px;
  text-align: center;
  line-height: 40px;

}

.circulo-1-codi {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius:50%;
  -webkit-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  -moz-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  box-shadow: 2px 2px 5px 0 #B9BBBF;
  display: flex;
  justify-content: center;
  align-items: center;
  height:88px;
  width:88px; 
  border: 1.7px solid rgba(255,255,255,0.99);
  background-color: rgba(254,254,254,0.8);
}

.circulo-3-codi {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius:50%;
  -webkit-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  -moz-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  box-shadow: 2px 2px 5px 0 #B9BBBF;
  display: flex;
  justify-content: center;
  align-items: center;
  height:88px;
  width:88px; 
  border: 1.7px solid rgba(255,255,255,0.99);
  background-color: rgba(254,254,254,0.8);
}

.circulo-2-codi {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius:50%;
  -webkit-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  -moz-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
  box-shadow: 2px 2px 5px 0 #B9BBBF;
  display: flex;
  justify-content: center;
  align-items: center;
  height:88px;
  width:88px; 
  border: 1.7px solid rgba(255,255,255,0.99);
  background-color: rgba(254,254,254,0.8);
  margin-left: 80px;
}

.card-diagrama-como-operamos-codi   {
  background-color: #FFFFFF;
  -webkit-border-radius: 6.8px;
  -moz-border-radius: 6.8px;
  border-radius: 6.8px;
  border: 1px solid rgba(255, 255, 255, 0.99);
  -webkit-box-shadow: 10px 2px 11px 0px rgb(124 166 194 / 50%);
  -moz-box-shadow: 10px 2px 11px 0px rgba(124,166,194,0.50);
  box-shadow: 10px 2px 11px -1px rgba(124,166,194,0.5);
  color: #3B547B;
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: left;
  padding: 24px 24px;
  width: 568px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.datos-como-operamos {
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: center;
}

.datos-como-operamos-3 {
  display: flex;
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: baseline;
  top:10px;
}

.card-diagrama-como-operamos-codi ul li {
  color: #565656;
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  text-align: left;
}

.card-diagrama-como-operamos-listo {
  background-color: rgba(254, 254, 254, 0.8);
  -webkit-border-radius: 6.8px;
  -moz-border-radius: 6.8px;
  border-radius: 6.8px;
  border: 1px solid rgba(255, 255, 255, 0.99);
  -webkit-box-shadow: 10px 2px 11px 0px rgb(124 166 194 / 50%);
  -moz-box-shadow: 10px 2px 11px 0px rgba(124,166,194,0.50);
  box-shadow: 10px 2px 11px 0px rgb(124 166 194 / 50%);
  color: #3B547B;
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  padding: 16px 16px;
  margin-top:72px;
  margin-bottom: 72px;
}

@media (max-width: 991px){
  .asp-codi {
     flex-direction: column;
     align-items: center;
     margin-bottom: 28px;
  }
  .asp-codi-2 {
   flex-direction: column;
   align-items: center;
   margin-bottom: 28px;
   margin-left: 0px;
  }
}

@media (max-width: 768px){
  .card-diagrama-como-operamos-codi {
    width: 100%;
    height: 100%;
    font-size: 18px;
  }
  .circulo-1-codi {
    margin-bottom: 24px;
  }
  .card-diagrama-como-operamos-codi {
    width: 100%;
    height: 100%;
    font-size: 18px;
  }
}

@media (max-width: 576px){
  .linea-codi {
    display: none;
  }
}

.asp-pago__list {
  list-style:  none;
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.asp-pago__list li {
  font-size: 25px;
}
.asp-pago__list li::before {
  content: url('../images/check.png');
  position: relative;
  top: .5rem;
  left: -.3rem;
}

.asp-pago__list span {
  position: relative;
  left: 34.8px;
}

.asp-pago{
display: flex; 
justify-content: center;
column-gap: 2rem;
}

.asp-pago_descarga {
display: flex; 
flex-direction: column; 
row-gap: 1rem;
}

.asp-pago_descarga span {
text-align: center; 
color: #1C2D58; 
font-size: 17px; 
line-height: 20px;
font-weight: 500;
}

.asp-pago_logos {
display: flex; 
column-gap: 1.5rem; 
justify-content: center;
}

.asp-pago__stores {
display: flex; 
flex-direction: column; 
justify-content: space-between;
}

.asp-pago__gift {
display: block;
}
.asp-pago_desktop {
display: block;
}

.asp-pago_mobile {
display: none;
}

.pdf-descarga_asp-pago {
width: 70%;
margin: 2rem auto;
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
cursor: pointer;
font-size: 1.5rem;
background-color: #1C2D58;
height: 100px;
}
@media  screen and (max-width:570px) {

.asp-pago__gift {
margin: 0 auto;
}

.asp-pago_desktop {
display: none;
}
.asp-pago_mobile {
display: block;
line-height: 110%;
}

.asp-pago{
display: flex; 
flex-direction: column;
justify-content: center;
align-items: center;
column-gap: 2rem;
}

.asp-pago__qr {
display: none;
}

.asp-pago__list li {
font-size: 16px;
}

.asp-pago__stores {
display: flex; 
flex-direction: row; 
align-items: center;
column-gap: .5rem;
}

.pdf-descarga_asp-pago {
cursor: pointer;
width: 100%;
font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
font-size: .8rem;
height: 90px;
}
}