@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;
  }
/**
 * 01. Estructura
 *
 * -------------------------------------------------------------------
*/
body {
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    background-color: #FAFAFA;
}
*: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;
}
.contenedor {
    padding: 0 65px 0 76px;
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
        padding: 0;
    }
}
/**
 * 02. Elementos
 *
 * -------------------------------------------------------------------
*/
/* ============ Iconos ============ */
.sprite {
    background: url(../images/icons/asp_iconos_corporativo_sprite.png) 0 0 no-repeat; 
}
.icon-facebook {
    background-position: -82px -717px;
    display: inline-block;
    width: 42px;
    height: 42px;
}
.icon-youtube {
    background-position: -82px -771px;
    display: inline-block;
    width: 42px;
    height: 42px;
}
.icon-instagram {
    background-position: -82px -825px;
    display: inline-block;
    width: 42px;
    height: 42px;
}

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

.icon-credito {
    background-position: -85px -44px;
    display: inline-block;
    width: 30px;
    height: 46px;
}
.icon-inversion {
    background-position: -81px -116px;
    display: inline-block;
    width: 40px;
    height: 46px;
}
.icon-bandera-blanca {
    background-position: -88px -899px;
    display: inline-block;
    width: 21px;
    height: 25px;
}
.icon-bandera-colores {
    background-position: -93px -943px;
    display: inline-block;
    width: 20px;
    height: 23px;
}
.icon-spei {
    background-position: -77px -187px;
    display: inline-block;
    width: 46px;
    height: 46px;
}
.icon-cobro-masivo {
    background-position: -83px -257px;
    display: inline-block;
    width: 34px;
    height: 46px;
}
.icon-codi {
    background-position: -86px -327px;
    display: inline-block;
    width: 34px;
    height: 46px;
}
.icon-ahorro-credito {
    background-position: -84px -394px;
    display: inline-block;
    width: 34px;
    height: 46px;
}
.icon-corresponsal {
    background-position: -77px -467px;
    display: inline-block;
    width: 46px;
    height: 46px;
}
.icon-sofipo {
    background-position: -78px -533px;
    display: inline-block;
    width: 45px;
    height: 46px;
}
.icon-circulo {
    background-image: url(../images/icons/ciculo.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.icon-correo {
    background-position: -92px -688px;
    display: inline-block;
    width: 21px;
    height: 15px;
}
.icon-pin-buscador{
    background-position: -95px -620px;
    display: inline-block;
    width: 21px;
    height: 21px;
}
.icon-telefono{
    background-position: -94px -657px;
    display: inline-block;
    width: 21px;
    height: 21px;
}
.icon-pdf {
    background-position: -70px -1043px;
    display: inline-block;
    width: 52px;
    height: 56px;
}
.icon-word {
    background-position: -73px -1117px;
    display: inline-block;
    width: 52px;
    height: 56px;
}
.navbar-toggler-icon {
    background: url(../images/icons/hamburguesa.png) 0 0 no-repeat;
}
.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-instituciones {
    background: url(../images/logos/asp_logos_instituciones_sprite.png) 0 0 no-repeat;
}
.logo-nacional-financiera {
    background-position: -112px -59px;
    display: inline-block;
    width: 103px;
    height: 46px;
}
.logo-pronafim {
    background-position: 0 -24px;
    display: inline-block;
    width: 116px;
    height: 35px;
}
.logo-bansefi {
    background-position: -84px -102px;
    display: inline-block;
    width: 85px;
    height: 27px;
}
.logo-sociedad-hipotecaria {
    background-position: 0 0;
    display: inline-block;
    width: 223px;
    height: 25px;
}
.logo-FND {
    background-position: 0 -59px;
    display: inline-block;
    width: 113px;
    height: 38px;
}
.logo-FIRA {
    background-position: -116px -23px;
    display: inline-block;
    width: 102px;
    height: 35px;
}
.logo-DGRV {
    background-position: 0 -102px;
    display: inline-block;
    width: 105px;
    height: 35px;
}
.logo-OIKO {
    background-position: 0 -136px;
    display: inline-block;
    width: 69px;
    height: 42px;
}
/* ============ Banner Principal ============ */
.seccion-banner-principal {
    padding-top: 70px;
}
.seccion-banner-principal .banner {
    position: relative;
}
.seccion-banner-principal .banner .datos-banner {
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 12px;
}
.seccion-banner-principal .banner .datos-banner  h1 {
    font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 100px;
    line-height: 105px;
}
.seccion-banner-principal .banner .datos-banner .descripcion {
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 35px;
    margin-bottom: 56px;
}
/* ============ Fondos ============ */
.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;
}
.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-banner {
    /* ff 3.6+ */
    background:-moz-linear-gradient(0deg, rgba(8, 31, 91, 1) 0%, rgba(50, 69, 119, 0.45) 36%, rgba(57, 76, 124, 0.41) 48%, rgba(101, 116, 153, 0.58) 58%, rgba(255, 255, 255, 0.25) 100%); 
    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(0deg, rgba(8, 31, 91, 1) 0%, rgba(50, 69, 119, 0.45) 36%, rgba(57, 76, 124, 0.41) 48%, rgba(101, 116, 153, 0.58) 58%, rgba(255, 255, 255, 0.25) 100%);
    /* global 94%+ browsers support */
    background:linear-gradient(0deg, rgba(8, 31, 91, 1) 0%, rgba(50, 69, 119, 0.45) 36%, rgba(57, 76, 124, 0.41) 48%, rgba(101, 116, 153, 0.58) 58%, rgba(255, 255, 255, 0.25) 100%);
    bottom: 0;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    /*opacity: 0.85;*/
}
/* ============ Botones ============ */
.btn-secondary .icon-bandera-blanca {
    margin-right: 16px;
}
.btn-secondary p:nth-child(2) {
    padding-right: 8px;
}
/* ============ 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;
}
.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"] {
    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;
}
.form-control[readonly] {
    background-color: #FFFFFF;
}   
.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;
}
.caja-radios b {
    color: #757475;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}
.caja-radios .form-check {
    padding: 0;
}
.caja-radios .form-check .form-check-input {
    float: right;
    margin-left: 0;
}
.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%;
}
/*-------------- 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;
    font-weight: 400;
    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;
}
.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;
}

#vcomboEstado .vlist {
    overflow-y: scroll;
    height: 250px;
}

/* ============ Listas ============ */
.lista-chevron {
    color: #081F5B;
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
}
/* ============ Textos ============ */
.seccion-titulo {
    color: #081F5B;
    font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 45px;
    line-height: 50px;
    text-align: center;
    margin: 40px 0 37px 0;
}
.texto-descripcion {
    color: rgba(0, 0, 0, 0.85);
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.3px;
    line-height: 26px;
}
.texto-descripcion-pagina {
    color: #565656;
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.3px;
    line-height: 26px;
}
.texto-verdana-bold {
    font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
    font-weight: 700;
}
.texto-UbuntuMedium {
    font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
    font-weight: 500;
}
.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;
}
/* ============ Textos de error y 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;
}
/* ============ Linea de Tiempo ============ */
.horizontal-timeline ol {
    list-style: none;
}
.horizontal-timeline .events a {
    background: rgba(254,254,254,0.80);
    border: 1.7px solid rgba(255,255,255,0.99);
    -webkit-border-radius: 6.8px;
    -moz-border-radius: 6.8px;
    border-radius: 6.8px;
    color: #081F5B;
    display: block;
    font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 35px;
    margin: 0 auto;
    height: 54px;
    /*width: 134px;*/
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 8px;
    margin-bottom: 22px;
}
.horizontal-timeline .events a.selected {
    box-shadow: 10px 2px 11px -1px rgb(124 166 194 / 50%);
    color: #FFFFFF;
    background: #1C2D58;
    border: 1.7px solid rgba(255,255,255,0.99);
}
.horizontal-timeline .events-wrapper {
    height: 120px;
}
.horizontal-timeline .events a::after {
    bottom: -35px;
}
.horizontal-timeline .events-content {
    height: 100% !important;
}
.horizontal-timeline .events-content li[data-horizontal-timeline], 
.horizontal-timeline .events-content li[data-date] {
    background: rgba(255,255,255,0.40);
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 7px 10px -6px rgb(8 31 91 / 62%);
    padding: 52px 124px;
    height: 100%;
}
.datos-linea {
    text-align: left;
}
.datos-linea .texto-fecha {
    border-bottom: 2px solid #081F5B;
    color: #081F5B;
    display: inline-block;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}
.datos-linea .texto-titulo {
    color: #3B547B;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 45px;
    line-height: 41px;
    margin: 21px 0 16px 0;
}
.datos-linea .texto-subtitulo {
    color: #3B547B;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    margin: 21px 0 16px 0;
}
.datos-linea .texto-descripcion {
    color: #565656;
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}

/* ============ 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;
  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-hover img {
    opacity: 0.46;
    border-radius: 20px;
}
.card-informacion,
.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(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 Sencilla */
.card-sencilla {
    background-color: rgba(254, 254, 254, 0.6);
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 100%;
    position: relative;
}
.card-sencilla .card-body {
    padding: 39px 38px 33px 56px;
    position: relative;
}
.card-sencilla .card-body .card-fondo{
    right: 25%;
    bottom: 50%;
}
.card-sencilla .card-body hr {
    background-color: #081F5B;
    height: 2px;
    margin: 16px auto 30px auto;
    width: 135px;
    opacity: 1;
}
.card-sencilla .card-body .card-title {
    color: #081F5B;
    font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}
.card-sencilla .card-body .card-subtitle {
    color: #081F5B;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.card-sencilla .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-sencilla .card-footer {
    background: none;
    border: 0;
    display: flex;
    justify-content: center;
}
.card-sencilla .card-footer .card-link {
    color: #081F5B;
    font-family: 'VerdanaBold', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    padding-bottom: 36px;
}
.card-sencilla .card-footer .card-link .chevron::before {
    width: 10px;
    height: 10px;
    top: 6px;
    left: 0;
}
/* Card Imagen Arriba */
.card-img-arriba {
    border: 0;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    height: 100%;
}
.card-img-arriba .card-body {
    background-color: #FFFFFF;
    padding: 21px 26px;
}
.card-img-arriba .card-title {
    color: #081F5B;
    font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}
.card-img-arriba .card-text {
    color: #565656;
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
}

/* Banners */
.card-banner {
    background: rgba(255,255,255,0.20);
    border: 2px solid #FFFFFF;
    box-shadow: 5px 15px 37px 0 rgb(185 187 191 / 40%);
    border-radius: 15px;
    padding: 46px 12px 46px 12px;
    position: relative;
}
.card-banner .banner-titulo {
    color: #081F5B;
    font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 45px;
    line-height: 50px;
}
.card-banner .banner-texto {
    color: #4A4A4A;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}

/* Card con imagen redonda arriba */
.card-img-redonda {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.99);
    /*-webkit-box-shadow: 10px 5px 18px 0px rgba(115,150,190,0.4);
    -moz-box-shadow: 10px 5px 18px 0px rgba(115,150,190,0.4);
    box-shadow: 10px 5px 18px 0px rgba(115,150,190,0.4);*/
    -webkit-border-radius: 6.8px;
    -moz-border-radius: 6.8px;
    border-radius: 6.8px;
    position: relative;
    width: 291px;
    min-height: 270px;
    transition: box-shadow 0.3s ease-in-out;
}
.card-img-redonda:hover {
    -webkit-box-shadow: 10px 5px 18px 0px rgba(115,150,190,0.4);
    -moz-box-shadow: 10px 5px 18px 0px rgba(115,150,190,0.4);
    box-shadow: 10px 5px 18px 0px rgba(115,150,190,0.4);
}
.card-img-redonda .card-img {
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    /*position: absolute;
    top: -10px;*/
    width: 130px;
    height: 130px;
    margin: -60px auto 23px auto;
}
.card-img-redonda .card-body {
    padding: 0 14px 0 14px;
}
.card-img-redonda .card-title {
    color: #081F5B;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 25px;
}
.card-img-redonda .card-text {
    color: #565656;
    font-family: 'UbuntuRegular', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
}

.card-border {
    -webkit-box-shadow: 0px 2px 4px 0px rgb(177 177 177 / 50%);
    -moz-box-shadow: 0px 2px 4px 0px rgba(177,177,177,0.50);
    box-shadow: 0px 2px 4px 0px rgb(177 177 177 / 50%);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 100%;
}

/* Card simple con border */
.card-border .card-body {
    padding: 26px 67px 26px 66px;
}
.card-border .card-body .card-title {
    color: #081F5B;
    font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 24px;
}
.card-border .card-body .card-subtitle {
    color: #081F5B;
    font-family: 'Verdana', Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 12px;
}
.card-border .card-body .card-text {
    color: #565656;
    font-family: 'Verdana', Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 18px; 
}
.card-border .card-body .linea-horizontal {
    color: #D8D8D8;
    margin: 18px 0;
    width: 100%;
    height: 2px;
    opacity: 1;
}

/* ============ 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 -1000px;
    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;
}
/* ============ Elementos de Diagramas ============ */
.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: 280px;
    width: 280px;
    transition: box-shadow 0.3s ease-in-out;
}
.circulo-1:hover {
    box-shadow: 10px 5px 18px 0px rgb(115 150 190 / 40%);
}
.circulo-2 {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 13px 0px rgb(142 150 170 / 45%);
    -moz-box-shadow: 0px 1px 13px 0px rgba(142,150,170,0.45);
    box-shadow: 0px 1px 13px 0px rgb(142 150 170 / 45%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 213px;
    width: 213px;
}
.circulo-2 h5 {
    color:#1C2D58;
    font-family: 'UbuntuBold', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 35px;
    text-align: center;
}
/* Card de detalles */
.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: 'UbuntuMedium', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
    padding: 12px 12px 12px 30px;
    width: 30%;
}
.card-detalles .card-body .lista-chevron {
    line-height: 26px;
}
.card-detalles .card-body .lista-chevron {
    padding-left: 14px;
}
/* ============ 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;
  }

/**
 * 03. Secciones
 *
 * -------------------------------------------------------------------
*/
/* ============ Header ============ */
.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%;
}
.navbar .nav-link {
    color: #FFFFFF;
    display: inline-block;
    padding: 23px 21px;
    letter-spacing: -0.3px;
    line-height: 18px;
    height: 100%;
}
.navbar .nav-link.titulo-pagina {
    font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
}
.item-corporativo::before {
    border-left: 2px solid #FFFFFF;
    content: "";
    height: 50px;
    position: absolute;
    top: 10px;
}
.navbar .nav-link.titulo-pagina:hover {
    color: #F08370;
    font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
}
.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%;
}
.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;
}
/* ============ 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 li{
    padding-right: 20px;
}
.lista-logos-footer {
    display: flex;
    flex-direction: row;
}
.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;
}
.lista-footer li.texto-buro .chevron.chevron-right:before {
    top: 7px;
}
.lista-footer li.texto-comisiones a {
    line-height: 19px;
    align-items: flex-start;
}
.lista-footer .texto-comisiones .chevron.chevron-right:before {
    top: 7px;
}
/* ============ Home ============ */
.banner-home .fondo-banner {
    /* global 94%+ browsers support */
    background:linear-gradient(0deg, rgba(8, 31, 91, 0.65) 0%, rgba(57, 76, 124, 0.65) 50%, rgba(255, 255, 255, 0.25) 100%);
    /* ff 3.6+ */
    background:-moz-linear-gradient(0deg, rgba(8, 31, 91, 0.65) 0%, rgba(57, 76, 124, 0.65) 50%, rgba(255, 255, 255, 0.25) 100%); 
    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(0deg, rgba(8, 31, 91, 0.65) 0%, rgba(57, 76, 124, 0.65) 50%, rgba(255, 255, 255, 0.25) 100%);
}
.lista-experiencia .list-group-item {
    background-color: transparent;
    border: 0;
    color: #F08370;
    font-family: 'UbuntuMedium', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 45px;
    line-height: 0;
    text-align: center;
}
.lista-experiencia .list-group-item p {
    line-height: 50px;
    margin-bottom: 16px;
}
.lista-experiencia .list-group-item b  {
    color: #081F5B;
    font-size: 20px;
    line-height: 24px;
}
.seccion-nuestra-empresa {
    background: url(../images/fondos/fondo_clientes.png) 0 0 no-repeat;
    background-size: contain;
}
.seccion-nuestra-empresa .container .fondo-circulo.circulo-izq {
    left: 0;
    bottom: 0;
}
.seccion-nuestra-empresa .container .contenedor {
    padding-top: 94px;
}
.seccion-nuestra-empresa .seccion-titulo {
    margin-bottom: 12px;
}
.seccion-nuestra-empresa .btn-secondary {
    height: auto;
    flex-direction: column;
}

.seccion-productos-especializados .container {
    position: relative;
}
.seccion-productos-especializados .container .fondo-circulo {
    left: 0;
    top: -130px;
}
.seccion-productos-especializados .container .contenedor {
    /*background: #FCFCFC;*/
}
.seccion-productos-especializados .card-sencilla {
    min-height: 388px;
}
.lista-instituciones .list-group-item {
    border: 0;
    margin: auto 0;
    padding: 8px 40px;
}
/* ============ Historia ============ */
.seccion-banner-principal .banner-historia .datos-banner {
    padding: 0 42px 0 109px;
}
.seccion-banner-principal .banner-historia .datos-banner .descripcion {
    margin-bottom: 24px;
}
.seccion-historia .fondo-circulo:nth-child(1) {
    top: 80px;
    width: 341px;
    height: 344px;
    right: -110px;
}
.seccion-historia .fondo-circulo:nth-child(2) {
    left: -110px;
    bottom: 0;
    width: 341px;
    height: 344px;
}
/* ============ Mision Vision Valores ============ */
.seccion-banner-principal .banner-valores .datos-banner {
    padding: 0 42px 0 109px;
}
.seccion-banner-principal .banner-valores .datos-banner .descripcion {
    margin-bottom: 25px;
}
.seccion-mision-vision .circulo-izq {
    top: 18%;
}
.seccion-mision-vision .circulo-der {
    left: -12%;
    bottom: 32%;
}
.seccion-mision-vision .card-sencilla .card-body {
    padding: 0;
    padding: 39px 26px 38px 26px;
}
.seccion-mision-vision .card-sencilla .list-group .list-group-item{
    border: 0;
    background: transparent;
    padding: 0;
}
.seccion-mision-vision .card-sencilla .list-group .list-group-item:nth-child(even) {
    padding-left: 26px;
    padding-right: 0;
}
.seccion-mision-vision .card-sencilla .list-group .list-group-item:nth-child(odd) {
    padding-right: 26px;
    padding-left: 0;
}
.seccion-mision-vision .card-sencilla .list-group .list-group-item::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 218px;
    border-right: 1px solid #081F5B;
}
.seccion-mision-vision .card-sencilla .list-group .list-group-item:last-child::after {
    border-right: 0;
}
.seccion-mision-vision .card-sencilla .card-title {
    color: #081F5B;
    font-family: 'UbuntuLight', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 45px;
    line-height: 34px;
    margin-bottom: 16px;
}
.seccion-mision-vision .card-sencilla .card-subtitle{
    color: #081F5B;
    font-family: 'Verdana', Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 16px;
}
.seccion-mision-vision .card-sencilla .card-text {
    color: #565656;
    font-family: 'Verdana', Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
.box-valores .col:nth-child(1),
.box-valores .col:nth-child(2),
.box-valores .col:nth-child(3) {
    margin-top: 50px;
}
.box-valores .col:nth-child(4),
.box-valores .col:nth-child(5) {
    margin-top: 100px;
}
/* ============ Seccion Politica de calidad ============ */
.seccion-banner-principal .banner-politica .datos-banner {
    padding: 0 42px 0 109px;
}
.seccion-banner-principal .banner .datos-banner h1 {
    font-size: 80px;
    line-height: 75px;
}

.seccion-politica-calidad .texto-descripcion-pagina {
    padding: 50px 141px 50px 149px;
    line-height: 26px;
}
.diagrama-oferta-valor {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    height: 595px;
    margin-top: 50px;
}
.diagrama-oferta-valor .circulo-empatia,
.diagrama-oferta-valor .circulo-flexibilidad,
.diagrama-oferta-valor .circulo-crecimiento,
.diagrama-oferta-valor .circulo-confianza,
.diagrama-oferta-valor .circulo-cercania,
.diagrama-oferta-valor .circulo-reconocimiento  {
    width: 220px;
    height: 220px;
}

.diagrama-oferta-valor .circulo-empatia h5,
.diagrama-oferta-valor .circulo-flexibilidad h5,
.diagrama-oferta-valor .circulo-crecimiento h5,
.diagrama-oferta-valor .circulo-confianza h5,
.diagrama-oferta-valor .circulo-cercania h5,
.diagrama-oferta-valor .circulo-reconocimiento h5  {
    font-family: 'UbuntuRegular', Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}
.diagrama-oferta-valor .circulo-empatia .circulo-2,
.diagrama-oferta-valor .circulo-flexibilidad .circulo-2,
.diagrama-oferta-valor .circulo-crecimiento .circulo-2,
.diagrama-oferta-valor .circulo-confianza .circulo-2,
.diagrama-oferta-valor .circulo-cercania .circulo-2,
.diagrama-oferta-valor .circulo-reconocimiento .circulo-2 {
    flex-direction: column;
    width: 163px;
    height: 163px;
}
.diagrama-oferta-valor .circulo-empatia .circulo-2 hr,
.diagrama-oferta-valor .circulo-flexibilidad .circulo-2 hr,
.diagrama-oferta-valor .circulo-crecimiento .circulo-2 hr,
.diagrama-oferta-valor .circulo-confianza .circulo-2 hr,
.diagrama-oferta-valor .circulo-cercania .circulo-2 hr,
.diagrama-oferta-valor .circulo-reconocimiento .circulo-2 hr {
    background: #081F5B;
    height: 2px;
    width: 32px;
    margin: 8px auto 12px auto;
    opacity: 1;
}
.diagrama-linea {
    position: absolute;
    z-index: 1;
}
.linea-empatia {
    left: -72px;
    top: 30px;
}
.box-empatia {
    top: -36px;
    left: 75px;
    position: absolute;
    display: none;
}
.linea-flexibilidad {
    left: -90px;
    top: 110px;
}
.box-flexibilidad {
    display: none;
    top: 214px;
    left: 75px;
    position: absolute;
}
.linea-crecimiento {
    left: 36px;
    top: 237px;
}
.box-crecimiento {
    display: none;
    left: 280px;
    bottom: 0;
    position: absolute;
}
.linea-confianza {
    left: 183px;
    top: 237px;
}
.box-confianza {
    display: none;
    right: 280px;
    bottom: 0;
    position: absolute;
}
.linea-cercania {
    left: 247px;
    top: 110px;
}
.box-cercania {
    display: none;
    top: 214px;
    right: 75px;
    position: absolute;
}
.linea-reconocimiento {
    right: -72px;
    top: 30px;
}
.box-reconocimiento {
    display: none;
    top: -36px;
    right: 75px;
    position: absolute;
}
/* ============ Seccion Trabaja con Nostros ============ */
.seccion-banner-principal .banner-trabaja-nostros .datos-banner {
    padding: 0 42px 0 109px;
}
.seccion-banner-principal .banner .datos-banner .descripcion {
    margin-bottom: 25px;
}
.seccion-equipo-trabajo .texto-descripcion-pagina {
    font-size: 16px;
    line-height: 22px;
    padding: 0 192px 0 191px;
}

#frmEquipoTrabajo .card-detalles .card-body .lista-chevron {
    font-size: 16px;
}
#frmEquipoTrabajo .card-detalles .card-body .lista-chevron .chevron:before {
    width: 10px;
    height: 10px;
}
#frmEquipoTrabajo .col-12, .frm-contacto .col-6 {
    margin-bottom: 32px;
}
#frmEquipoTrabajo .texto-UbuntuMedium {
    color: #081F5B;
    font-size: 18px;
    line-height: 18px;
}
#frmEquipoTrabajo .form-check .texto-liga {
    font-size: 14px;
    margin-left: 8px;
}
#frmEquipoTrabajo  label[for="cuentoConCV"] {
    color: #081F5B;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin-left: 8px;
}
.archivo-cargado {
    color:#565656;
    font-family: 'UbuntuRegular', Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 10px;
}
.title-cv, .linea-cv, .box-cv,
.box-detalle-auto {
    display: none;
}
.box-ciudad-ubicacion,
.box-mensaje-residencia {
    display: none;
}


@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;
    }
}

@media all and (max-width: 1023px) {
    #issues li {
        width: 750px;
    }
    #issues li .dato-linea {
        width: 750px;
    }
    .diagrama-oferta-valor {
        height: 555px;
    }
    .diagrama-oferta-valor .circulo-empatia, 
    .diagrama-oferta-valor .circulo-flexibilidad, 
    .diagrama-oferta-valor .circulo-crecimiento, 
    .diagrama-oferta-valor .circulo-confianza, 
    .diagrama-oferta-valor .circulo-cercania, 
    .diagrama-oferta-valor .circulo-reconocimiento {
        width: 180px;
        height: 180px;
    }
    .diagrama-oferta-valor .circulo-empatia .circulo-2, 
    .diagrama-oferta-valor .circulo-flexibilidad .circulo-2, 
    .diagrama-oferta-valor .circulo-crecimiento .circulo-2, 
    .diagrama-oferta-valor .circulo-confianza .circulo-2, 
    .diagrama-oferta-valor .circulo-cercania .circulo-2, 
    .diagrama-oferta-valor .circulo-reconocimiento .circulo-2 {
        width: 143px;
        height: 143px;
    }
    .box-empatia {
        top: -20px;
        left: 82px;
    }
    .box-reconocimiento {
        top: -20px;
        right: 82px;
    }
    .box-crecimiento {
        left: 250px;
    }
    .box-confianza {
        right: 250px;
    }
}

/**
 * 04. Versión Movil
 *
 * -------------------------------------------------------------------
*/
@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;
    }
    .card-sencilla .card-body {
        padding: 39px 12px 33px 12px;
    }
    .card-sencilla .card-body .card-fondo {
        right: 0;
    }
    .card-detalles .card-header h5 {
        width: 50%;
    }
    /* ============ Header ============ */
    header .navbar-nav .chevron {
        display: inline-block;
    }
    .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;
    }
    .item-corporativo::before {
        border: 0;
        height: 0;
    }
    /* ============ 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 .banner .datos-banner h1 {
        font-size: 60px;
        line-height: 75px;
    }
    .seccion-banner-principal .banner .datos-banner .descripcion {
        font-size: 22px;
    }
    .seccion-banner-principal {
        padding-top: 50px;
    }
    
    /* ============ Home ============ */
    .lista-instituciones {
        flex-wrap: wrap;
    }
    .lista-instituciones .list-group-item {
        /*width: 50%;*/
        padding: 8px 16px;
        text-align: center;
    }
    /* ============ Historia ============ */
    
    #issues li {
        width: 543px;
    }
    #issues li .dato-linea {
        width: 543px;
    }
    /* ============ Vision, mision valores ============ */
    .box-valores .col:nth-child(1),
    .box-valores .col:nth-child(2) {
        margin-top: 50px;
    }
    .box-valores .col:nth-child(3),
    .box-valores .col:nth-child(4),
    .box-valores .col:nth-child(5) {
        margin-top: 100px;
    }
    .seccion-mision-vision .card-sencilla .list-group .list-group-item::after {
        border-right: 0;
    }
    .seccion-mision-vision .card-sencilla .list-group .list-group-item:nth-child(odd) {
        padding-bottom: 32px;
        padding-right: 0;
        border-bottom: 1px solid #081F5B;
    }
    .seccion-mision-vision .card-sencilla .list-group .list-group-item:nth-child(even) {
        padding-bottom: 16px;
        padding-left: 0;
        padding-top: 32px;
    }
    /* ============ Seccion Politica de calidad ============ */
    .diagrama-linea {
        display: none;
    }
    .diagrama-oferta-valor {
        margin-top: 0;
        height: auto;
    }
    .box-empatia,
    .box-flexibilidad, 
    .box-crecimiento, 
    .box-confianza, 
    .box-cercania, 
    .box-reconocimiento {
        position: relative;
        top: 0;
        left: 35px;
        width: 35%;
    }
    
    .diagrama-oferta-valor .circulo-empatia, 
    .diagrama-oferta-valor .circulo-flexibilidad, 
    .diagrama-oferta-valor .circulo-crecimiento, 
    .diagrama-oferta-valor .circulo-confianza, 
    .diagrama-oferta-valor .circulo-cercania, 
    .diagrama-oferta-valor .circulo-reconocimiento {
        border: 0;
        border-radius: 0;
        width: 100%;
        height: auto;
    }
    .diagrama-oferta-valor .circulo-empatia .circulo-2, 
    .diagrama-oferta-valor .circulo-flexibilidad .circulo-2, 
    .diagrama-oferta-valor .circulo-crecimiento .circulo-2, 
    .diagrama-oferta-valor .circulo-confianza .circulo-2, 
    .diagrama-oferta-valor .circulo-cercania .circulo-2, 
    .diagrama-oferta-valor .circulo-reconocimiento .circulo-2 {
        background-color: transparent;
        flex-direction: row;
        box-shadow: none;
        border-radius: 0;
        border: 0;
        width: 100%;
        height: auto;
        justify-content: flex-start;
    }
    .diagrama-oferta-valor .circulo-empatia .circulo-2 hr, 
    .diagrama-oferta-valor .circulo-flexibilidad .circulo-2 hr, 
    .diagrama-oferta-valor .circulo-crecimiento .circulo-2 hr, 
    .diagrama-oferta-valor .circulo-confianza .circulo-2 hr, 
    .diagrama-oferta-valor .circulo-cercania .circulo-2 hr, 
    .diagrama-oferta-valor .circulo-reconocimiento .circulo-2 hr {
        display: none;
    }
    .diagrama-oferta-valor .circulo-empatia h5, 
    .diagrama-oferta-valor .circulo-flexibilidad h5, 
    .diagrama-oferta-valor .circulo-crecimiento h5, 
    .diagrama-oferta-valor .circulo-confianza h5, 
    .diagrama-oferta-valor .circulo-cercania h5, 
    .diagrama-oferta-valor .circulo-reconocimiento h5 {
        margin-left: 10px;
        margin-bottom: 0;
    }

    
}

@media(max-width: 768px) {
    .cc-cookies > p {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .card-sencilla .card-body .card-fondo {
        right: 25%;
    }
    /* ============ Textos ============ */
    .seccion-titulo {
        font-size: 40px;
    }
    .texto-descripcion {
        font-size: 16px;
    }
    /* ============ Footer ============ */
    footer {
        background-position: top;
    }
    .secciones-footer {
        padding: 60px 30px 28px 30px;
    }
    /* ============ Campos ============ */
    .caja-radios {
        display: block;
    }
    .caja-radios b {
        display: block;
        width: 100%;
        margin-bottom: 12px;
    }
    .caja-radios .form-check {
        display: inline-block;
    }

    .lista-experiencia {
        flex-direction: column;
        align-items: center;
    }
    
    .seccion-banner-principal .container {
        padding: 0;
    }
    .seccion-banner-principal .banner .datos-banner h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .seccion-banner-principal .banner .datos-banner .descripcion {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 16px;
    }
    .seccion-nuestra-empresa .container .contenedor,
    .seccion-productos-especializados .container .contenedor {
        padding: 12px 0;
    }
    /* ============ Historia ============ */
    #issues li {
        width: 380px;
        height: 100%;
    }
    #issues li .dato-linea {
        width: 380px;
        padding: 12px;
        margin: 0;
    }
    .card-img-redonda {
        margin: 0 auto;
    }
    .box-valores .col:nth-child(1),
    .box-valores .col:nth-child(2),
    .box-valores .col:nth-child(3),
    .box-valores .col:nth-child(4),
    .box-valores .col:nth-child(5) {
        margin-top: 100px;
    }
    /* ============ Mision Vision y valores ============ */
    .seccion-mision-vision .card-sencilla .card-title {
        font-size: 30px;
    }
    .seccion-mision-vision .card-sencilla .card-subtitle {
        font-size: 16px;
    }
    .seccion-mision-vision .card-sencilla .card-text {
        font-size: 14px;
    }
    .seccion-mision-vision .seccion-titulo {
        margin: 40px 0 0 0;
    }
    /* ============ Seccion Politica de calidad ============ */
    .seccion-politica-calidad .texto-descripcion-pagina,
    .seccion-equipo-trabajo .texto-descripcion-pagina {
        padding: 25px 65px 25px 76px;
    }

    .seccion-equipo-trabajo .contenedor {
        padding: 0 12px;
    }
    
}

@media (max-width: 576px) {
    .lista-footer li {
        align-items: flex-start;
    }
    .secciones-footer {
        padding: 60px 15px 28px 15px;
    }
    .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%;
    }
    .secciones-footer .icon-pin-buscador, 
    .secciones-footer .icon-correo {
        margin-top: 5px;
        width: 24px;
    }
    .lista-footer li > div > a, 
    .lista-footer li > a {
        line-height: 19px;
    }

    #timeline .contenedor,
    .seccion-historia .contenedor,
    .seccion-mision-vision .contenedor,
    .seccion-politica-calidad .contenedor {
        padding: 12px 12px;
    }
    .seccion-historia .fondo-circulo:nth-child(1) {
        right: 0;
    }
    #dates {
        margin-left: 0;
    }
    #issues li {
        /*width: 380px;*/
        width: 300px;
        height: 100%;
    }
    #issues li .dato-linea {
        /*width: 380px;*/
        width: 300px;
        padding: 12px;
        margin-left: 0;
    }
    /*.dato-linea {
        width: 250px;
    }*/
    
    .seccion-banner-principal .banner-valores .datos-banner,
    .seccion-banner-principal .banner-historia .datos-banner,
    .seccion-banner-principal .banner-politica .datos-banner,
    .seccion-banner-principal .banner-trabaja-nostros .datos-banner  {
        padding: 0 12px;
    }

    .seccion-politica-calidad .texto-descripcion-pagina,
    .seccion-equipo-trabajo .texto-descripcion-pagina {
        padding: 25px 12px 25px 12px;
    }
    .seccion-equipo-trabajo .contenedor {
        padding: 0;
    }
    .seccion-equipo-trabajo .card-border .card-body {
        padding: 27px 12px 56px 12px;
    }
    .card-detalles .card-header h5 {
        width: 50%;
    }
    .datos-linea .texto-titulo {
        font-size: 32px;
        line-height: 32px;
    }
    .horizontal-timeline .events-content li[data-horizontal-timeline], 
    .horizontal-timeline .events-content li[data-date] {
        padding: 12px 12px;
    }

    .seccion-banner-principal .banner-politica .datos-banner h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .seccion-banner-principal .banner-politica .datos-banner .descripcion {
        font-size: 18px;
    }

    .box-empatia, 
    .box-flexibilidad, 
    .box-crecimiento, 
    .box-confianza, 
    .box-cercania, 
    .box-reconocimiento {
        left: 30px;
        width: 50%;
    }
    
}