/* ## General styles ##*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*, *:before, *:after {
    box-sizing: border-box;
}
*{
    font-family: Raleway,sans-serif;
    margin: 0;
    padding: 0;
}
input:focus{
    outline: none;
}
:root {
    --blue-primary: #002e9d;
    --blue-secondary: #0098dd;
    --blue-light: #60d1e0;
}
a{
    text-decoration: none;
}
h1,.h1{
    margin-bottom: 30px;
    font-size: 70px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    color: var(--blue-primary);
}
h2,.h2{
    line-height: 1.25;
    font-size: 50px;
    font-weight: normal;
    margin-bottom: 25px;
    color: var(--blue-primary);
}
h3,.h3{
    line-height: 1.2;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 25px;
    color: var(--blue-primary);
} 
h4,.h4{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--blue-light);
} 
p, li{
    line-height: 1.32;
    font-weight: normal;
    color: #000;
    font-size: 19px;
}
p:not(:last-child){
    margin: 0 0 1.4rem;
}
ol, ul {
    margin: 0 0 1.3rem;
    padding: 0 0 0 1.45rem;
}
main li:not(:last-child){
    padding-bottom: 15px;
}
main ul li::marker {
    color: var(--blue-secondary);
    font-size: 24px;
}
main ol li::marker {
    color: var(--blue-secondary);
    font-weight: bold;
}
.dotLight li::marker {
    color: var(--blue-light);
}
img {
    max-width: 100%;
    border:none;
}
.hidden{
    overflow: hidden;
}
.preheader{
    font-size: 15px;
    font-weight: normal;
    line-height: 1.67;
    text-align: left;
    color: #0098dd;
}
.font22-grey{
    font-size: 22px;
    line-height: 1.36;
    color: #545567;
}
.font22-blue{
    font-size: 22px;
    line-height: 1.36;
    color: #0098dd;
}
.fontSZ28{
    font-size: 28px;
}
.fontSZ24{
    font-size: 24px;
}
@media(max-width: 768px){
    h1,.h1{
        font-size: 48px;
    }
    h2,.h2{
        font-size: 36px;
    }
    h3,.h3{
    font-size: 32px;
    } 
    p, li{
        font-size: 16px;
    }
    .fontSZ45-mb{
        font-size:45px;
    }
    .fontSZ42-mb{
        font-size:42px;
    }
    .fontSZ20-mb{
        font-size:20px !important;
    }
    .font22-grey{
        font-size: 18px;
    }
    .fontSZ24{
        font-size: 20px;
    }
}
/**/

/*CONTAINERS ############ 
########################### */
#main-content{
padding-top: 80px;
}
@media(max-width: 1000px){
    #main-content{
        padding-top: 95px;
    }
}
@media(max-width: 830px){
    #main-content{
        padding-top: 70px;
    }
}
.container{
    max-width: calc(1180px + 40px);
    padding: 0 20px;
    width:100%;
    margin:auto;
    position: relative; 
    z-index: 1;
}
.container-lg{
    max-width: calc(1240px + 40px);
    padding: 0 20px;
    width:100%;
    margin:auto;
    position: relative; 
    z-index: 1;
}
.container-xlg{
    max-width: calc(1350px + 40px);
    padding: 0 20px;
    width:100%;
    margin:auto;
    position: relative; 
    z-index: 1;
}
.container-xxl{
    max-width: calc(2500px);
    padding: 0;
    width:100%;
    margin:auto;
    position: relative; 
    z-index: 1;
}
@media (max-width: 767px) {
    .body-container-wrapper .row-fluid [class*="span"] {
        margin-bottom: 20px;
    }
}
/*END containers*/

.upperCase{
    text-transform: uppercase;
}
.overflow-hidden{
    overflow:hidden;
}
.color-blueLight{
    color: var(--blue-secondary);
}
.color-blueLight2{
    color:  var(--blue-light);
}
.color-blueDark{
    color: #001865;
}
.bg-blueDark{
    background-color: #001865;
}
.btn-round{
    margin: 10px 0;
    border-radius: 50px;
    background-color: #0098dd;
    border: 2px solid #0098dd;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 40px;
    text-align: center;
    display:inline-block;
    text-decoration: none;
    cursor:pointer;
}
.btn-round:hover{
    background-color: #ffffff;
    color:#0098dd!important;
}

.btn-round-v2{
    margin: 10px 0;
    border-radius: 50px;
    background-color: #60d1e0;
    border: 2px solid #60d1e0;
    color: #002e9d;
    font-size: 12px;
    font-weight: 500;
    padding: 8px 20px;
    text-align: center;
    display:inline-block;
    text-decoration: none;
    cursor:pointer;
    line-height: 1.2;
}
.btn-round-v2:hover{
    background-color: #002e9d;
    color:#ffffff !important;
    border: 2px solid #002e9d;
}
.bgColor-transparent{
    background-color: transparent;
}
.mAuto{
    margin: auto;
}
.pad-0{
    padding: 0px;
}
.pad-20{
    padding: 20px;
}
.padTB-100-lg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.padTB-0{
    padding-top: 0px !important;
    padding-bottom: 0px!important;
}
.padTB-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.padTB-30{
    padding-top: 30px;
    padding-bottom: 30px;
}
.padTB-45{
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}
.padTB-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.padTB-20{
    padding-top: 20px;
    padding-bottom: 20px;
}
.padTB-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.padTB-50-lg{
    padding-top: 50px;
    padding-bottom: 50px;
}
.padB-150{
    padding-bottom: 150px;
}
.padB-100{
    padding-bottom: 100px;
}
.padB-30{
    padding-bottom: 30px;
}
.padB-100{
    padding-bottom: 100px;
}
.padB-50{
    padding-bottom: 50px;
}
.padT-30{
    padding-top: 30px;
}
.padT-50{
    padding-top: 50px;
}
.padT-80{
    padding-top: 80px;
}
.p-10{
    padding: 10px;
}
.padRL-20{
    padding-right: 20px;
    padding-left: 20px;
}
.m-0{
    margin: 0 !important;
}
.mT-0{
    margin-top: 0!important;
}
.mT-45{
    margin-top: 45px;
}
.mB-20{
    margin-bottom: 20px;
}
.mR-10{
    margin-right: 10px;
}
@media(max-width: 768px){
    .padTB-50-md{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .padTB-0-md{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .padTB-30-md{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .padT-20-md{
        padding-top: 20px;
    }
    .padT-50-md{
        padding-top: 50px;
    }
    .padB-30-md{
        padding-bottom: 30px;
    }
    .padB-50-md{
        padding-bottom: 50px;
    }
    .only-desk{
        display: none;
    }
    .padRL-20-md{
        padding-right: 20px;
        padding-left: 20px;
    }
    .mT-30-md{
        margin-top: 30px!important;
    }
}
@media(max-width: 550px){
    .btn-round{
        font-size: 18px;
        padding: 15px 20px;
        width: 100%;
    }
}
.title_sec-munu{
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: 1.9px;
    color: #0098dd;
}
.title_sec-munu a{
    color: #0098dd;
}
.entry-menu p{
    font-weight: 500;
    line-height: normal;
    color: #001865;
    margin-bottom: 10px;
    line-height: 1.26;
}
.entry-menu p a{
    color: #001865;
}
.entry-menu p a:hover{
    text-decoration: underline;
}
.entry-level-1{
    border-left: solid 3px #5fd1df;
    padding-left: 18px;
    margin: 30px 0;
}
.entry-level-2{
    border-left: solid 3px #0098dd;
    padding-left: 18px;
    margin: 30px 0;
    margin-left: 18px;
    
}
.circle_animate.c1-m1 {
    width: 40px;
    height: 40px;
    background-color: #002e9d;
    left: 40%;
    top: 60px;
    animation: c3 10s ease 0s backwards infinite;
}
.circle_animate.c2-m2 {
    width: 69px;
    height: 71px;
    background-color: #0098dd;
    left: -30px;
    bottom:50px;
    animation: c1 10s ease 0s backwards infinite;
}
.mt-50{
    margin-top: 50px !important;
}
.mt-35{
    margin-top: 35px !important;
}
.txt_content_card.bgBlue-txtWhite{
    background-color: #001865;
}
.txt_content_card.bgBlue-txtWhite p{
    color: #ffffff ;
}
.txt_content_card.bgBlue-txtWhite h3{
    color: #60d1e0;
}
.subtitle_table{
    font-size: 28px;
    line-height: 1.25;
    text-align: center;
    color: #000;
    font-weight: normal;
}
.subtitle-2_table{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #002e9d;
    margin: 0;
}
.bgLight2{
    background-color: rgba(0, 152, 221, 0.1);
}
.bgLightGrey{
    background-color: #f2f3f7;
}
.text-right{
    text-align: right !important;
}
.bgImage{
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
}
@media(max-width:768px){
    .bgcenter-left-md{
        background-position: left center;
    }
}

/*Table*/
.table-info tr{
    padding: 5px;
}
.table-info th{
    font-size: 19px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.32;
    text-align: center;
    color: #0098dd;
}
.table-info{
    padding: 15px 5px;
    width: 100%;
    padding-right: 25px;
}
.table-section table{
    width: 100%;
    position: relative;
    padding: 10px 5px;
}
.table-section{
    position: relative;
    padding-right: 25px;
    cursor: pointer;
}
.table-section::after{
    content: "";
    position: absolute;
    top: 20px;
    right: 15px;
    width: 10px;
    height: 10px;
    display: block;
    border-top: solid 2px #0098dd;
    border-right: solid 2px #0098dd;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.table_accordion_entry.t-acc__entry--active .table-section::after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.table-section  td{
    font-size: 19px;
    text-align: center;
    position: relative;
}
.table-section .maxTxt{
    font-size: 24px;
}
.blueBold{
    color: #002e9d;
    font-weight: 600;
}
.container__tables .table-row:nth-child(odd) .table-section{
    background-color: rgba(0, 152, 221, 0.1);
}
.container__tables .table-row .table-section:hover {
    background-color: rgba(0, 152, 221, 0.2);
}
.table_emisora table{
    width: 100%;
}
.table_emisora tr{
    border-bottom: solid 1px #dfe4fc;
    height: auto;
    display: block;
    color: #545567;
    line-height: 1.39;
    font-size: 18px;
}
.table_emisora tr td{
    border-bottom: solid 1px #dfe4fc;
    padding: 15px 5px;
}
.table_emisora tr td:first-child{
    width: 25%;
    padding-right: 10px;
    text-align: right;
}
.table_emisora tr td:nth-child(2){
    width: 75%;
    padding-right: 10px;
}
.table_emisora table tr{
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
    
}
.borderB-grey{
    border-bottom: solid 2px #dfe4fc;
}
.t--body {
    height: 0;
    transition: height .25s ease-out;
    overflow: hidden;
}

@media(max-width: 768px){
    .table_emisora tr {
        font-size: 15px;
    }
    .only-desktop{
        display: none;
    }
    .t--header > table tr:nth-child(even){
        border-top: solid 1px #002e9d;
        border-bottom: solid 1px #002e9d;
        display: block;
    }
    .table-section table td:before{
        position: absolute;
        top: 10px;
        left: 10px;
        width: 40%;
        text-align: left;
        font-weight: normal;
        font-size:15px !important;
        padding-right: 10px;
        overflow: hidden;
        word-break: break-word;
        content: attr(data-th) ": ";
        color: #000;
        line-height: 1.2;
    }
    .table-section table td{
        position: relative;
        padding: 10px 15px;
        padding-left: 50%;
        padding-right: 20px;
        padding-bottom: 20px;
        font-size: 1em;
        width: 100%;
        text-align: center !important;
        display: block;
    }
    .table-row{
        border-top: solid 1px #dfe4fc;
    }
    .table-section::after{
        top: 25px;
    }
}
/**/

/*Acordeon styles*/
.acordion_row{
    background-color: #f7f7f7;
    padding: 0 25px;
}
.acordion_row:not(:last-child){
    margin-bottom: 20px;
}
.container_body_acc{
    padding: 20px 0;
}
.acordion_row .t--header p{
    color: #002e9d;
    font-size: 19px;
    font-weight: 600;
}
.acordion_row li::marker {
    color: #5fd1df;
}
.acordion_row .t--body a{
    color: #002e9d;
}
.acordion_row .t--header {
    padding: 20px 0;
    position: relative;
    cursor: pointer;
    padding-right: 55px;
}
.acordion_row .t--header:after {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0px;
    background: url(../assets/arrow-round.png) center center no-repeat;
    background-size: contain;
    -webkit-transform: translate(0,-50%) rotate(0deg);
    transform:  translate(0,-50%) rotate(0deg);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
}
.acordion_row.t-acc__entry--active .t--header:after{
    -webkit-transform: translate(0,-50%) rotate(180deg);
    transform: translate(0,-50%) rotate(180deg);
}
@media(max-width:700px){
    .acordion_row {
        background-color: #f7f7f7;
        padding: 0 15px;
    }
}

/*header-01*/
.header-01{
    padding: 20px 0;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.align-vertical-center{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.header-01-bgCover{
    background-size:cover !important;
    padding: 50px 0;
}
.padB-0{
    padding-bottom: 0;
}
.bg-center{
    background-position: center;
}
.bg-center-bottom{
    background-position: center bottom;
}
.bg-right-top{
    background-position: right top;
}
.bg-right-bottom{
    background-position: right bottom;
}
.bg-left-top{
    background-position: left top;
}
.bg-contain{
    background-size: contain !important;
}
.bg-auto{
    background-size: auto !important;
}
@media(max-width:768px){
    .bg-contain-md{
        background-size: contain !important;
    }
    .bg-auto-md{
        background-size: auto !important;
    }
    .bg-center-md{
        background-position: center;
    }
    .bg-center-bottom-md{
        background-position: center bottom;
    }
    .bg-right-top-md{
        background-position: right top;
    }
    .bg-left-top-md{
        background-position: left top;
    }
}
.text_whiteList li{
    color: #ffffff;
}
.list-preheader{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}
.list-preheader li{
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    color: #0098dd;
}

.list-preheader li:not(:last-child){
    padding-right: 40px;
    position: relative;
}
.list-preheader li:not(:last-child):after{
    content: "";
    position: absolute;
    top: 5px;
    right: 15px;
    width: 7px;
    height: 7px;
    border-top: solid 1px #0098dd;
    border-right: solid 1px #0098dd;
    display: block;
    transform: rotate(45deg);
}
.list-preheader li a{
    color: #002e9d;
    text-decoration: underline;
}
.list-preheader-light li{
    color: #ffffff;
}
.list-preheader-light li a{
    color: #60d1e0;
}
@media(max-width:500px){
    .list-preheader li:not(:last-child) {
        padding-right: 20px;
    }
    .list-preheader li:not(:last-child):after {
        right: 5px;
    }
}

/*text-center*/
.sec-text-center{
    text-align:center;
}
.sec-text-center p{
    text-align:center;
    font-size: 24px;
    font-weight: normal;
    color: #002e9d;
}

.container-785{
    max-width: 785px;
    width: 100%;
    margin: auto;
}
.container-770{
    max-width: 770px;
    width: 100%;
    margin: auto;
}
.container-975{
    max-width: 975px;
    width: 100%;
    margin: auto;
}
@media(max-width: 600px){
    .sec-text-center p{
        font-size: 20px;
    }
}
/*banner slider*/
.section_ticker{
    position: relative;
}

.tab_ticker{
    position: absolute;
    right: 0;
    top: 0px;
    display: flex;
    z-index: 1;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 2px 5px;
    z-index: 5;
}
.btnTicker{
    background-color: #001865;
    color: #fff;
    border: solid 1px #001865;
    border-radius: 0;
    outline-offset: 0px;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 12px;
    display: block;
    padding: 5px 10px;
    cursor: pointer;
    position: relative;
    height: auto;
    border-radius: 0;
    text-align: center;
    
}
.btnTicker a{
    color: #fff;
}
.btnTicker div:hover, .btnTicker div:hover a{
    color: #0098dd;
}
.btnTicker > div{
    padding: 8px 5px;
}
.btnTicker > div:not(:last-child){
    border-bottom:solid 1px #0098dd;
}

.marquee__track {
    display: flex;
    align-items: center;
    width: fit-content;
}


.marquee__track .blue-text{
    color:#0098dd !important;
}
#marqueeTrack.animated {
    display: flex;
    animation: marquee linear infinite;
    animation-duration: var(--marquee-duration);
    animation-play-state: running;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.slide {
    flex-shrink: 0;
    margin-right: 20px; /* spacing between slides */
    white-space: nowrap;
}

/* Animation keyframes */
@keyframes scroll-marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
/*banner marquee*/
.banner_slide{
    box-shadow: 0 5px 3px 0 rgba(0, 0, 0, 0.16);
    background-color: #f2f3f7;
    overflow: hidden;
    padding: 5px 0;
}
.banner_slide p,.banner_slide span{
    font-family: Helvetica, sans-serif !important;
}
.banner_slide .btn-round{
    font-size: 12px;
    padding: 6px 20px;
    line-height: 1.2;
}
.text_banner{
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #707070;
    margin: 0;

}
.color-grey{
    color: #707070;
}
.btnTickerMenu{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #0098dd;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btnTickerMenu:after{
    content: "";
    height: 10px;
    width:10px;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    top:-1px;
}
.btnTickerMenu.close:after{
    height: 12px;
    width: 2px;
    border-bottom: 0;
    border-right: 0;
    background-color: #fff;
    top: 0;
    right: 1px;
}
.btnTickerMenu.close:before{
    content: "";
    height: 12px;
    width: 2px;
    border-bottom: 0;
    border-right: 0;
    background-color: #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 0;
    left: 1px;
    position: relative;
}
.btnTicker {
    display: none;
    transition: display 0.3s ease-in-out; 
}
.btnTicker.show {
    display: block;
}

.btnTicker .selected {
    color: #0098dd;
}
.title__ticker{
    text-align: center;
}
.title__ticker p{
    margin:0;
    color: #0f2d97;
    line-height: 1.1;
    font-size: 14px;
}
.flex_track{
    display: flex;
    column-gap: 10px;
    align-items: center;
}
.flex_track > p:not(:last-child){
   border-right: solid 2px #4396d7;
    padding-right: 10px;
}
.marquee__track .content__track > div:not(:last-child){
    border-right: solid 1px #002e9d;
    padding-right: 10px;
}

.ticker p{
    margin: 0;
    color: #0f2d97;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
}
.ticker .down{
    color: #ff0000;
}
.ticker .up{
    color: #449782;
}
.info__ticker{
    display: flex;
    column-gap: 10px;
}
.info__ticker p{
    font-size: 10px;
    margin: 0;
    color: #707070;
    font-weight: bold;
}
.tradingview{
    height: 40px;
    overflow: hidden;
    margin: auto;
    width:1200px;
} 

@media (max-width: 768px) {
    .tradingview iframe{
        height: 70px !important;
        }
    .tradingview{
        height: 70px;
    }
}
@media(max-width: 480px){
    .btnTicker{
        font-size: 10px; 
    }
    .ticker p,.title__ticker p {
        font-size: 12px;
    }
    .text_banner {
        font-size: 10px;
    }
}
/*numeralia*/
.bgBlue{
    background-color: #002e9d;
}
.text_white{
    color: #ffffff !important;
}
.text-center{
    text-align: center;
}
.numeralia-icon p{
    font-size: 24px;
    line-height: 1.25;
    color: #fff;
}
.numeralia-icon p strong{
    color: #60d1e0;
}
.numeralia-icon .number{
    font-size: 40px;
    opacity: 0;
    transition: .5s;
    position: relative;
    top: -10px;
}
.numeralia-icon .number.active{
    opacity:1;
    transition: .5s;
    top: 0px;
}
.numeralia{
    padding: 60px 0;
    display: flex;
    column-gap: 40px;
    row-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}
.numeralia-icon{
    max-width: 460px;
    width: 100%;
    display:flex;
    column-gap:24px;
}
@media(min-width:750px){
    .numeralia-icon,
    .numeralia-icon:nth-child(1),
    .numeralia-icon:nth-child(2){
        width: 45%;
    }
}
@media(min-width:980px){
    .numeralia-icon{
        width: 30%;
    }
    .numeralia-icon:nth-child(1),
    .numeralia-icon:nth-child(2){
        width: 48%;
    }
    .numeralia{
    padding: 60px 0px;
    }
}
.numeralia-icon p{
    margin-top: 15px;
}
.marginT-50{
    margin-top: 50px;
}
@media(max-width: 600px){
    .numeralia-icon .number {
        font-size: 36px;
    }
    .numeralia-icon p {
        font-size: 20px;
    }
}
@media(max-width: 430px){
    .numeralia-icon img{
        max-width: 50px;
    }
}

/* 2 columns effect image show*/
@media(min-width: 769px){
    .effectImage.active  .imgBigL-lg.effectImageLeft{
        left:-10%!important;
    }
}
.effectImage{
    overflow: hidden;
}
.effectImage .effectImageRight{
    right:-50% !important;
    opacity: 0;
    transition:  1.5s;
}
.effectImage.active .effectImageRight{
    right:0!important;
    opacity: 1; 
    transition: 1.5s;
}
.effectImage .effectImageLeft{
    left:-50% !important;
    opacity: 0;
    transition: 1.5s;
}
.effectImage.active .effectImageLeft{
    left:0!important;
    opacity: 1;
    transition: 1.5s;
}
.kl-hero-01 {
    align-items: center;
    display: flex;
    padding: 100px 0;
    position: relative;
}
.kl-hero-01__image {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    right: 0;
    transition: width .5s;
    width: 48%;
}

.kl-hero-01__content {
    margin: 0 auto;
    padding: 20px 50% 20px 20px;
    position: relative;
    width: 100%;
}

.kl-hero-01__content > div {
    max-width: 535px;
}
.kl-hero-left .kl-hero-01__image {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    right: inherit;
    transition: width .5s;
    width: 48%;
}
.kl-hero-left .kl-hero-01__content {
    padding: 20px 20px 20px 50%;
}
.bgLight{
    background-color: #f2f3f7 !important;
}
.mxW550{
    max-width: 550px;
}
.padB-0{
    padding-bottom: 0;
}
@media(min-width:1100px){
    .kl-hero-01__content_20p-lg{
        padding: 20px 20px 20px 20px;
    }
    .kl-hero-01__image-w55P-lg{
        width: 54%;
    }
}
@media(min-width:769px){
    .flex-lg{
        display:flex;
        column-gap:40px;
    }
    .imgBig-lg{
        max-width: 120%;
        position: relative;
    }
}
@media(max-width:768px){
    
    .padB-md-30{
        padding-bottom: 30px;
    }
    .flex-reverse-md{
        flex-direction: column-reverse !important;
        display: flex;
    }
    .kl-hero-01__image_165H-md{
        height: 165px !important;
    }
}

/* header-01 */
/*circle animation - header */
.relative{
    position: relative;
}
.circle_animate{
    border-radius: 50px;
    position: absolute;
}
.circle_animate.c1{
    width: 60px;
    height: 60px;
    background-color: #002e9d;
    right: 30px;
    bottom: 30px;
    animation: c1 10s ease 0s backwards infinite;
}
.circle_animate.c2{
    width: 24px;
    height: 24px;
    background-color: #0098dd;
    right: 0px;
    bottom: 0px;
    animation: c3 10s ease 0s backwards infinite;
}
.circle_animate.c3{
    width: 75px;
    height: 75px;
    opacity: 0.5;
    background-color: #0098dd;
    top:5%;
    left: 45%;
    top: 20px;
    animation: c3 10s ease 0s backwards infinite;
}
.circle_animate.c4{
    width: 60px;
    height: 60px;
    opacity: 0.5;
    background-color: #002e9d;
    top:5%;
    left: 58%;
    top: 20px;
    animation: c3 10s ease 0s backwards infinite;
}
.circle_animate.c5{
    width: 24px;
    height: 24px;
    opacity: 1;
    background-color:#002e9d;
    left: 55%;
    bottom: 60px;
    animation: c1 10s ease 0s backwards infinite;
}
.circle_animate.c6{
    width: 64px;
    height: 64px;
    background-color: #60d1e0;
    opacity: 1;
    right: 20px;
    bottom: 80px;
    animation: c1 10s ease 0s backwards infinite;
}
.circle_animate.c7{
    width: 35px;
    height: 35px;
    background-color: #0098dd;
    opacity: 1;
    right: 10%;
    top: 0px;
    animation: c3 10s ease 0s backwards infinite;
}
.circle_animate.c7{
    width: 35px;
    height: 35px;
    background-color: #0098dd;
    opacity: 1;
    right: 10%;
    top: 0px;
    animation: c3 10s ease 0s backwards infinite;
}

.circle_animate.c8{
    width: 71px;
    height: 71px;
    background-color: #0098dd;
    opacity: 1;
    right: 5%;
    bottom: 10px;
    animation: c3 10s ease 0s backwards infinite;
}
.circle_animate.c9{
    width: 71px;
    height: 71px;
    opacity: 1;
    background-color:#002e9d;
    left: 50%;
    bottom: 50px;
    animation: c1 10s ease 0s backwards infinite;
}
.circle_animate.c10 {
    width: 71px;
    height: 71px;
    background-color: #0098dd;
    opacity: 1;
    right: 5%;
    bottom: 15%;
    animation: c3 10s ease 0s backwards infinite;
}
@keyframes c3{
    0%{
        transform:translate(0px,0px);
    }
    50%{
        transform:translate(-10px,20px);
    }
    100%{
        transform:translate(0px,0px);
    }
}
@keyframes c1{
    0%{
        transform:translate(0px,0px);
    }
    50%{
        transform:translate(10px,-20px);
    }
    100%{
        transform:translate(0px,0px);
    }
}
/* header-01 */
/* text animate - header */
.secAnimateIntro .textAnimate {
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    animation-name: hidden;
}
.textAnimate {
    overflow: hidden;
}
.secAnimateIntro .textAnimate span {
    animation-delay: .5s;
    animation-duration: .8s;
    animation-fill-mode: backwards;
    animation-name: show-intro;
    animation-timing-function: ease-out;
}
.textAnimate span {
    display: block;
    word-break: break-word;
}
@keyframes hidden {
    0% {
        overflow: hidden
    }

    to {
        overflow: visible
    }
}
@keyframes show-intro {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
    }

    to {
        transform: translate(0);
        -webkit-transform: translate(0)
    }
}
.header-01 .span6:nth-child(2){
    padding-left: 35px;
}
@media (max-width: 768px) {
    .kl-hero-01 {
        min-height: auto;
        flex-direction: column;
        padding: 0;
    }
    .kl-hero-01__image,.kl-hero-left .kl-hero-01__image  {
        width: calc(100% + 40px);
        position: relative;
        height: 335px;
    }
    .kl-hero-01__content, .kl-hero-left .kl-hero-01__content {
        padding: 25px 10px 40px 10px;
        width: 100%;
        display: block;
    }
    .kl-hero-01__content > div {
        max-width: none;
    }
    .column-reverse-mb {
        flex-direction: column-reverse;
    }
    .header-01 .span6:nth-child(2){
        padding-left: 0px;
    }
    .circle_animate.c3 {
        height: 50px;
        left: 70%;
        top: 10px;
        width: 50px;
    }
    .circle_animate.c1{
        bottom: -70px;
        height: 50px;
        width: 50px;
    }
    .circle_animate.c2{
        right: 5px;
        bottom: -90px;
    }
    .circle_animate.c4{
        left: 85%;
        top: -40px;
        width: 35px;
        height: 35px;
    }
    .circle_animate.c6 {
        width: 45px;
        height: 45px;
        right: 20px;
        bottom: 58%;
    }
}
@media(max-width: 600px){
    .header-01 {
        background-size: contain;
    }
    .img-header-01{
        width: 100% !important;
        text-align: center;
        padding-bottom: 20px;
    }
    .img-header-01 img{
        max-width: 250px;
    }
}
@media(min-width: 1300px){
    .padL-50-lg{
        padding-left: 50px;
    }
}
@media(min-width:768px){
    .imageMax-lg img{
        max-width: 130%;
        width: calc(100% + 15%);
    }
}
/*slider-header-01*/
.slider-header-01{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 50px;
}
.slider-header-01 h1, .slider-header-01 .h1{
    margin-bottom: 15px;
}
.subtitle__txt{
    color:#001865;
    font-size: 35px;
    font-weight: 600;
}
.textAnimate-show{
    overflow: hidden;
}
.textAnimate-show span {
    transform: translateY(100%);
    -webkit-transform: translateY(100%)
}
.slider-header-01 .swiper-slide .secAnimateIntro .textAnimate-show{
    overflow: hidden;
}
.slider-header-01 .swiper-slide .secAnimateIntro .textAnimate-show.animate{
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-name: hidden2;
}
.slider-header-01 .swiper-slide .secAnimateIntro .textAnimate-show.animate span {
    animation-delay: 0s;
    animation-duration: .8s;
    animation-fill-mode: backwards;
    animation-name: show-intro2;
    animation-timing-function: ease-out;
    transform: translate(0);
    -webkit-transform: translate(0)
}
.slider-header-01 .swiper-slide .secAnimateIntro .textAnimate-show span {
    display: block;
    word-break: break-word;
}

.textAnimate-show.animate {
    animation: show-intro2 1s ease forwards;
}
@keyframes hidden2 {
    0% {
        overflow: hidden
    }

    to {
        overflow: visible
    }
}
@keyframes show-intro2 {
    0% {
        transform: translateY(100%);
        -webkit-transform: translateY(100%)
    }

    to {
        transform: translate(0);
        -webkit-transform: translate(0)
    }
}
.c1-sld-2 {
    width: 70px;
    height: 70px;
    background-color: #002e9d;
    right: 30px;
    top: 30px;
    animation: c1 10s ease 0s backwards infinite;
}
.c2-sld-2{
    width: 30px;
    height: 30px;
    background-color: #0098dd;
    right: 150px;
    top: 0px;
    animation: c3 10s ease 0s backwards infinite;
}
.c1-sld-3 {
    width: 40px;
    height: 40px;
    background-color: #0098dd;
    right: 50%;
    top: 10%;
    animation: c3 10s ease 0s backwards infinite;
}
.c1-sld-4 {
    width: 40px;
    height: 40px;
    background-color: #002e9d;
    right: 180px;
    top: 20px;
    animation: c1 10s ease 0s backwards infinite;
}
.c1-sld-5{
    width: 75px;
    height: 75px;
    background-color: #0098dd;
    right: 0px;
    bottom: 0px;
    animation: c3 10s ease 0s backwards infinite;
}
.c2-sld-5{
    width: 26px;
    height: 26px;
    background-color: #002e9d;
    right: 130px;
    bottom: 30px;
    animation: c1 10s ease 0s backwards infinite;
}
.c1-sld-6{
    width: 75px;
    height: 75px;
    background-color: #0098dd;
    right: 0px;
    top: 0px;
    animation: c3 10s ease 0s backwards infinite;
}
@media(max-width:600px){
    .slider-header-01 .swiper-button-next, .slider-header-01 .swiper-button-prev{
        display: none;
    }
    .subtitle__txt {
        font-size: 28px;
    }
    .slider-header-01 h1, .slider-header-01.h1 {
        font-size: 45px;
    }
    
}
@media(max-width:980px){
    .slider-header-01 .circle_animate{
        display: none;
    }
}
@media(max-width: 768px){
    .slider-header-01 .header-01 {
        padding-top: 35px;
        background-size: cover;
    }
    .slider-header-01 .img-header-01 img{
        max-height: 300px;
        height: auto;
        width: auto;
        display: block;
    }
    .slider-header-01 .img-header-01{
        text-align: center;
        display: flex !important;
        justify-content: center;
        width: 100% !important;
    }
    .slider-header-01 .header-01 .secAnimateIntro{
        flex-direction: column-reverse;
    }
    .slider-header-01 .span6{
        width: 100% !important;
    }
    
    .swiper-header{
        padding: 0 !important;
    }
}
@media(min-width:1500px){
    .slider-header-01 .swiper-button-next{
        right: 6%;
    }
    .slider-header-01 .swiper-button-prev{
        left: 6%;
    }
}
@media(min-width:768px){
    .slider-header-01 .header-01 {
        min-height: 700px;
        height: auto;
        display: flex;
        align-items: center;
    }
}

/*cards*/
.card_box {
    max-width: 400px;
    margin: auto;
    padding: 20px 0;
}
.card_box img{
    display:block;
    margin: auto;
    width: 100%;
}
.card_box h3{
    word-wrap: break-word;
}
.txt_content_card{
    padding: 40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #fff;
}
.txt_content_card > div{
    max-width: 284px;
}
.txt_content_card{
    min-height: 425px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.txt_cnt_card_flx-start{
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    row-gap: 30px;
}
@media(max-width: 600px){
    .txt_content_card{
    padding: 40px 20px;
        min-height: auto;
    }
    .txt_content_card .btn-round{
    margin-top: 20px;
    }
}

/*cards max*/
.card_box_max {
    max-width:600px !important;
}
.card_box_max .txt_content_card > div{
    max-width: 100%;
}
.hAuto{
    height: auto;
    min-height: auto;
}
.link_arrow, .link_arrow_min{
    font-size: 28px;
    font-weight: 600;
    color: #0098dd;
    display: block;
    margin: 10px 0;
}
.link_arrow:after, .link_arrow_min:after{
    border-right: 2px solid #0098dd;
    border-top: 2px solid #0098dd;
    content: "";
    display: inline-block;
    height: 8px;
    transform: rotate(45deg);
    width: 8px;
    left: 5px;
    position: relative;
    top: -3px;
    transition: .3s;
}
.link_arrow:hover:after, .link_arrow_min:hover:after{
    left: 8px;
    transition: .3s;
}
.link_arrow:hover, .link_arrow_min:hover{
    text-decoration: underline;
}
.link_arrow_min{
    font-size: 19px;
}
.mH-auto{
    min-height: auto;
}
@media(min-width: 768px){
    .mH-440-md{
        min-height: 440px;
    }
    .mH-520-md{
        min-height: 520px;
    }
    .mH-600-md{
        min-height: 600px;
    }
    .mH-660-md{
        min-height: 660px;
    }
    .mH-720-md{
        min-height: 720px;
    }
}
@media(max-width: 600px){
    .link_arrow{
    font-size: 18px;
        padding-right: 10px;
    }
}

/* cards bgbBlue */
.card_round_blue{
    background-color: #001865;
    padding: 40px;
    border-radius: 10px;
    margin: 15px auto;
}
.card_round_blue > div img{
    margin-bottom: 25px;
    display: block;
}
.card_round_blue p{
    color: #fff;
    font-size: 20px;
    margin: 25px 0;
}
.button-arrow{
    color: #60d1e0;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}
.button-arrow:after {
    border: 2px solid #60d1e0;
    border-bottom: 0;
    border-left: 0;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 6px;
    transform: rotate(45deg);
    transition: margin .15s linear;
    vertical-align: middle;

}
.button-arrow:hover:after {
    margin-left: 10px;
}
@media(min-width:769px){
    .flex-lg{
        display:flex;
        column-gap:40px;
    }
    .flex-center-lg{
        display:flex;
        justify-content:center;
    }
}
@media(max-width: 600px){
    .card_round_blue{
        padding: 40px 20px;
    }
    .card_round_blue p {
        font-size: 16px;
    }
}

/*2 cols img L*/
@media(max-width:1250px){
    .only-dsk-lg{
        display: none;
    }
}
@media(max-width:769px){
    .only-dsk{
        display: none;
    }
}
@media(min-width:769px){
    .imgBigL-lg{
        max-width: 120%;
        position: relative;
        left:-10%;
    }
    .mxW425-lg {
        max-width: 425px;
    }

}


/* 2 columns - text and form */
.styleForm fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
.styleForm li{
    list-style: none;
}
.styleForm fieldset.form-columns-2 .hs-form-field {
    width: 100%;
}
.styleForm .hs-form-field {
    margin-bottom: 15px;
}
.styleForm label, .styleForm .label {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    display: block;
    margin-bottom: 5px;
}
.styleForm input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="range"]), .styleForm select,.styleForm textarea {
    box-sizing: border-box;
    font-size: 15px;
    background-color: rgba(0, 46, 157, .1);
    height: 50px;
    border-radius: 5px;
    color: #000;
    padding: 5px 10px;
    border:none;
    width: 100%;
}
.styleForm.styleFormClaro input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="range"]), 
.styleForm.styleFormClaro select, .styleForm.styleFormClaro textarea, .styleForm.styleFormClaro  #datepicker, .styleForm.styleFormClaro #datepicker2,
.styleForm.styleFormClaro #datepicker3, .styleForm.styleFormClaro #datepicker4{
    background-color: #f3f8ff;
}
.styleForm.styleFormClaro #datepicker, .styleForm.styleFormClaro #datepicker2,.styleForm.styleFormClaro #datepicker3, .styleForm.styleFormClaro #datepicker4 {
    background: #f3f8ff url(../assets/analisis-financiero-2/calendario-blue.svg) 95% center no-repeat;
}
.styleForm.styleFormClaro .dk-selected{
    background-color: #f3f8ff;
}
.styleForm textarea{
    height: 100px;
}
.styleForm textarea:focus{
    outline: 0;
}
.styleForm input[type=submit], .styleForm button {
    padding: 15px 40px;
    border-radius: 50px;
    border: 2px solid #0098dd;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    background-color:#0098dd;
    margin-top: 20px;
    cursor: pointer;
}
.styleForm input[type=submit]:hover {
    background-color:#ffffff;
    color: #0098dd;
}
.styleForm #datepicker,  .styleForm #datepicker2,  .styleForm #datepicker3, .styleForm  #datepicker4{
    background-color: rgba(0, 46, 157, .1);
}
.styleForm .dk-selected{
    background-color: rgba(0, 46, 157, .1);
    padding: 10px 10px;
    font-size: 15px;
    border-radius: 5px;
    color: #000;
}
.styleForm-light  #datepicker,  .styleForm-light #datepicker2,  .styleForm-light #datepicker3, .styleForm-light  #datepicker4{
    background-color:rgba(96, 209, 224, .1);
}
.styleForm-light .dk-selected{
    background-color:rgba(96, 209, 224, .1);
    color: #fff;
}
.styleForm-light .dk-select .dk-selected{
    background-color:transparent;
}
.styleForm-light input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),.styleForm-light  select,.styleForm-light  textarea {
    background-color: rgba(96, 209, 224, .1);
    color: #ffffff;
    text-align: left;
}
.styleForm-light label, .styleForm-light input[type=submit], .styleForm-light input::placeholder {
    color: #ffffff;
}
.styleForm-light option{
    color: #000;
}
.styleForm-light select{
    background-image: url(../assets/arrow-blue.svg);
    appearance: none;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 12px;
}
.styleForm-light  .dk-select,.styleForm-light  .dk-select-multi{
    background-color: rgba(96, 209, 224, .1);
}
@media(min-width:769px){
    .mxW450-lg {
        max-width: 450px;
    }
}
@media(min-width:550px){
    .styleForm fieldset.form-columns-3 .hs-form-field {
        width: calc(33% - 10px);
        float: left;
        margin-bottom: 25px;
    }
    .styleForm fieldset.form-columns-2 .hs-form-field {
        width: calc(50% - 10px);
        float: left;
    }
    .styleForm .hs-form-field:not(:last-child) {
        margin-right: 15px;
    }
    .styleForm fieldset.form-columns-1 .hs-form-field {
        width: calc(100% - 10px);
    }
}
@media(max-width:550px){
    .styleForm input[type=submit]{
        width: 100%;
    }
}

/*slider*/
.slide_content{
    margin: auto;
    text-align: center;
    width: 100%;
    max-width: 275px;
}
.slide_content p{
    margin: 15px auto;
}
.swiper-icons{
    padding: 50px 35px !important;
}
.slide_content .button-arrow{
    color: #002e9d;
}
.slide_content .button-arrow:after {
    border: 2px solid #002e9d;
    border-bottom: 0;
    border-left: 0;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-weight: 600;
}
.swiper-icons .swiper-button-next, .swiper-icons .swiper-button-prev{
    border: solid 1px #60d1e0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.swiper-icons .swiper-button-next:hover, .swiper-icons .swiper-button-prev:hover{
    background-color: #60d1e0;
}

.swipper-arrow .swiper-button-next, .swipper-arrow .swiper-button-prev{
    border: solid 2px #0098dd;
    background-color: #0098dd;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #fff;
}

.swipper-arrow .swiper-button-next:after,.swipper-arrow .swiper-button-prev:after{
    font-size: 16px;
}
.swiper-icons .swiper-button-next, .swiper-icons .swiper-button-prev{
    border: solid 1px #60d1e0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.swipper-arrow .swiper-button-next:hover, .swipper-arrow .swiper-button-prev:hover{
    opacity: .9;
    background-color: #fff;
}
.swipper-arrow .swiper-button-next:hover:after,.swipper-arrow .swiper-button-prev:hover:after{
    color: #0098dd;
}
.swipper-arrow .swiper-pagination-bullet{
    opacity: 1;
}
.swipper-light-color .slide_content p{
    color:#ffffff;
}
.swiper-icons.swipper-light-color .swiper-button-next, .swiper-icons.swipper-light-color .swiper-button-prev{
    background-color:#0098dd;
}

.swiper-icons.swipper-light-color .swiper-button-next:hover, .swiper-icons.swipper-light-color .swiper-button-prev:hover {
    background-color: #fff;
    color:#0098dd;
}
.swipper-light-color .slide_content .button-arrow{
    color:#0098dd;
}
.swipper-light-color .slide_content .button-arrow:after {
    border-color: #0098dd;
}
@media(max-width:650px){
    .swipper-arrow, .swiper-icons{
        padding: 50px 0px;
    }
}
.swiper-icons.swipper-arrow-min .swiper-button-next, .swiper-icons.swipper-arrow-min .swiper-button-prev{
    border: solid 2px #0098dd;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    top: 30%;
}

.swiper-icons .swiper-button-next:hover, .swiper-icons .swiper-button-prev:hover{
    background-color: #0098dd;
}
.swipper-arrow-min  .swiper-button-next:hover:after, .swipper-arrow-min  .swiper-button-prev:hover:after{
    color:#ffffff;
}
.slide_content_text{
    text-align: center;
    padding: 30px 0;
    max-width: 930px;
    margin: auto;
}
.swiper-simple {
    padding:  35px 0!important;
}
@media (max-width: 768px) {
  .swiper-simple .swiper-button-prev,
  .swiper-simple .swiper-button-next {
    display: none !important;
  }
}
/**/
.btn-download{
    display:flex;
    align-items: center;
    column-gap: 20px;
    font-size: 20px;
    line-height: 1.25;
    text-align: left;
    color: #002e9d;
    cursor: pointer;
}
.btn-download img{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: .5s;
}
.btn-download:hover img{
    transform: translateY(8px);
    -webkit-transform: translateY(8px);
    transition: .5s;
}
.lineR-Bmb{
    position: relative;
}
.lineR-Bmb::after{
    content:"";
    background-color: #dfe3f4;
    height: 100%;
    width: 1px;
    position: absolute;
    right: -15px;
    top: 0;
}
@media(max-width:768px){
    .lineR-Bmb::after{
        height: 1px;
        width: 100%;
        top: inherit;
        bottom: 0;
        right:0;
    }
    .btn-download{
        font-size: 18px;
    }
}

.flex-center-wrap{
    display:flex;
    justify-content:center;
    flex-wrap: wrap;
    column-gap: 30px;
}
.flex-j-between-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
}
.flex-wrap-justify-align-center{
    display:flex;
    justify-content:center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
}
.flex-alignEnd-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.col-gap20{
    column-gap: 20px;
}
.row-gap20{
    row-gap: 20px;
}
@media(min-width:768px){
    .gapRow-35-md{
        row-gap: 35px;
    }
    .flex-alignCenter-md{
        display: flex;
        justify-content: flex-start;
        column-gap: 20px;
        align-items: center;
        
    }
    .flex-alignEnd-wrap-md{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }
    .flex-alignCenter-wrap-md{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .flex-alignEnd-wrap--md{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }
}
@media(max-width:600px){
    .flex-j-start-sm{
        justify-content: flex-start;
    }
}
.font-28{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
}
.f24{
    font-size: 24px;
}
.card-round-grey{
    padding: 40px;
    border-radius: 10px;
    background-color: #f2f3f7;
}
.numeral{
    font-size: 70px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #002e9d;
    margin-bottom: 40px;
}
.card-round-grey img{ 
    margin-bottom: 20px;
}
@media(min-width: 768px){
    .align-vertical-center-md{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
}
@media(max-width: 768px){
    .card-round-grey{
        padding: 30px;
    }
}
.dp-block{
    display: block;
}
.icon-row{
    display: flex;
    column-gap: 24px;
    align-items: center;
}
.icon-row:not(:last-child){
    margin-bottom:25px;
}
.icon-row p{
    margin: 0;
}
.maxW550A{
    max-width: 550px;
    margin: auto;
    width: 100%;
}
.maxW545A{
    max-width: 545px;
    margin: auto;
    width: 100%;
}
.maxW545{
    max-width: 545px;
    width: 100%;
}
.maxW600A{
    max-width: 600px;
    margin: auto;
    width: 100%;
}
.maxW750A{
    max-width: 750px;
    margin: auto;
    width: 100%;
}
.maxW950A{
    max-width: 950px;
    margin: auto;
    width: 100%;
}
.maxW1100A{
    max-width: 1100px;
    margin: auto;
    width: 100%;
}
.separator-line-col{
    display: flex;
    flex-wrap: wrap;
}
.separator-line-col{
    display: flex;
    flex-wrap: wrap;
}
.separator-line-col > div:not(:last-child){
    border-right: 1px solid  rgba(111, 125, 155, 0.3);
    padding-right: 30px;
}
.separator-line-col > div:not(:first-child){
    padding-left: 25px;
}
.columns-proceso{
    display: flex;
    flex-wrap: wrap;
    row-gap: 35px;
    justify-content: center;
}
.columns-proceso{
    width: 100%;
    text-align: center;
}
.columns-proceso img{
    margin-bottom: 20px;
}
.columns-proceso p{
    max-width: 215px;
    width: 100%;
    margin: auto;
    font-size: 24px;
}
.columns-proceso > div{
    width: 100%;
}
@media(max-width:768px){
    .separator-line-col > div:not(:last-child){
        border-right: none;
        border-bottom: 1px solid  rgba(111, 125, 155, 0.3);
        padding-right: 0px;
        padding-bottom: 30px;
        margin-bottom: 30px !important;
    }
    .separator-line-col > div:not(:first-child){
        padding-left: 0px;
    }
    .separator-line-col > div{
        width: 100% !important;
    }
    .columns-proceso p{
        font-size: 18px;
    }
}

@media(min-width:651px){
    
    
    .columns-proceso > div{
        width: calc(25% - 30px);
        position: relative;
    }
    .columns-proceso > div:nth-child(odd):not(:last-child):after{
        content: "";
        width: 60px;
        max-width: 30%;
        height: 120px;
        border-top: solid 1px #002e9d;
        border-right: solid 1px #002e9d;
        position: absolute;
        top: 60%;
        right: -30px;
    }
    .columns-proceso > div:nth-child(3):after,
    .columns-proceso > div:nth-child(5):after{
        width: 30px !important;
    }
    .columns-proceso > div:nth-child(even):not(:last-child):after{
        content: "";
        width: 70px;
        max-width: 30%;
        height: 100px;
        border-bottom: solid 1px #002e9d;
        border-right: solid 1px #002e9d;
        position: absolute;
        top: -10%;
        right: -30px;
    }
    .columns-proceso > div:nth-child(even){
        order:2;
    }
    .columns-proceso{
        column-gap: 40px;
    }
}
@media(max-width:650px){
    .columns-proceso > div{
        width: calc(50% - 30px);
    }
    .columns-proceso{
        column-gap: 40px;
    }
    .columns-proceso p{
        font-size: 16px;
    }
}
/*tabs*/
.tabs{
    position: relative;
}
.tabs__pills{
    display: flex;
    border-bottom: solid 1px #60d1e0;
    z-index: 1;
}

.tabs__panels > div{
    overflow: hidden;
    visibility: hidden;
    height: 0;
	opacity: 0;
    transition: opacity .5s;
}
.tabs__panels > div.active{
    overflow: visible;
    visibility: visible;
    height: auto;
    opacity: 1;
    transition: opacity .5s;
    padding: 60px 0;
}
.btnTab{
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #545567;
    padding: 14px 15px;
    width: 100%;
    background: none;
    border: none;
    position: relative;
    cursor: pointer;
}
.btnTab::after{
    content: "";
    position: absolute;
    height: 3px;
    width: 0;
    left:50%;
    bottom: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    background-color: #60d1e0;
}
@media(min-width:769px){
    .btnTab.active::after{
        width: 100%;
    }
}
.btnTab.active,.btnTab:hover{
    font-weight: bold;
}
#nameTab_active{
    display: none;
    background-color: #60d1e0;
    width: 100%;
    padding: 10px 10px;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    position: relative;
}
#nameTab_active::after{
    content: "";
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
    position: absolute;
    top: 10px;
    right: 15px;
    display: block;
    width: 12px;
    height: 12px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
#containerBtns_Tabs.openMenuTab #nameTab_active::after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top:15px;
}
@media(max-width:768px){
    #nameTab_active{
        display: block;
    }
    .tabs__pills {
        border: solid 1px #60d1e0;
        display: none;
        background-color: #fff;
        position: absolute;
        top: 0;
        width: 100%;
        top: 40px;
    }
    #containerBtns_Tabs.openMenuTab .tabs__pills {
        display: block;
    }
    .btnTab:not(:last-child){
        border-bottom: solid 1px #60d1e0;
    }
    .btnTab{
        font-size: 18px;
    }
    .tabs__panels > div.active{
        padding: 30px 0;
    }
}

.social-contact{
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}
.social-contact a {
    text-decoration: none;
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url(../assets/contacto/social.png);
    background-repeat: no-repeat;
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
    
}

.social-contact a.tw {
    background-position: 0px 0;
}
.social-contact a.in {
    background-position: -50px 0;
}
.social-contact a.yt {
    background-position: -105px 0;
}
.social-contact a.gr {
    background-position: -160px 0;
}
/*busqueda*/
.number_index{
    text-align: center;
    color: #001865;
    font-size: 15px;
    font-weight: bold;
    width: 28px;
    height: 28px;
    background-color: #60d1e0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
}
.left {
    float: left;
}
.right {
    float: right;
}
.result .left, .result .right {
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
.flx-result{
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
    justify-content: flex-start;
}
@media(max-width:600px){
    .flx-result{
        column-gap: 15px;
    }
}
.result{
    border-bottom: solid 1px  #e2e4e8;
    padding: 20px 0;
    position: relative;
    padding-bottom: 25px;
}
.result h4{
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: left;
    color: #0098dd;
    margin: 0px;
    max-width: 80%;
    width: 100%;

}
.result h4 a{
    color: #0098dd;

}
.result h4 a:hover:after{
    right: -5px;
    transition: .5s;

}
.result h4 a:after {
    border: 2px solid #0098dd;
    border-bottom: 0;
    border-left: 0;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 6px;
    transform: rotate(45deg);
    vertical-align: middle;
    width: 10px;
    position: relative;
    right: 0;
    transition: .5s;
}

.tbl.bdsp .clearfix {
    border-spacing: 0;
}

@media(max-width:500px){
    .result .left, .result .right {
        float:none;
    }
}
@media(min-width:768px){
    .txt-right-lg{
        text-align: right !important;
        justify-content: flex-end!important;
    }
    .search.styleForm input[type=submit], .search.styleForm button{
        margin-top:0 !important;
    }
}
/* ############ Información bursatil */

.tbl {
    display: table;
    width: 100%;
    position: relative;
}
.tbl .mid {
    vertical-align: middle;
}
.tbl .br {
    border-right: 1px solid #e2e4e8
}
.tbl .bl {
    border-left: 1px solid #e2e4e8;
    padding-left: 0;
}
.tbl .bl > div{
    padding: 10px;
}
.tbl .bb {
    border-bottom: 1px solid #e2e4e8;
}
.acordion_row .tbl>div[class*="col"] {
    float: none !important;
    display: table-cell;
    padding-right: 0;
}
.sec__accordions:not(:last-child){
    margin-bottom:30px;
}
.sec__accordions .acordion_row{
    margin: 0;
    padding: 0;
}
#informacion_bursatil .tabs__panels > div.active{
    padding: 30px 0;

}
.acordion_row .t--header.t--header-white p, .acordion_row .t--header.t--header-white span {
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    margin: 0;
}
.acordion_row .t--header.t--header-white{
    background-color: #fff;
    padding-top: 0;
    padding-bottom:0;
}

.acordion_row .t--header.t--header-white:after{
    right: 10px;
}
.acordion_row .t--header.t--header-white .tbl > div:first-child{
    background-color: #fafafa;
}
.acordion_row .t--header.t--header-white .tbl > div:first-child .h4{
    color:#002e9d;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
.acordion_row .t--header.t--header-white{
    border-top: 1px solid #e2e4e8;
    border-bottom: 1px solid #e2e4e8;
}
.acordion_row .t--header.t--header-white .tbl > div:first-child,
.acordion_row .t--header.t--header-white .tbl > div:nth-child(2){
    padding: 25px 15px;
}
.acordion_row .green {
    color: #22c55e;
    font-size: 19px;
}
.acordion_row .red {
    color: #d7503d;
    font-size: 19px;
}
.acordion_row  .p20{
    padding: 20px;
}

.acordion_row .bbot {
    border-bottom: 2px solid #EEE;
}
.f28{
    font-size: 28px;
    font-weight: 600;
}
.acordion_row p:not(:last-child) {
    margin-bottom: 10px;
}
#informacion_bursatil .tabs__panels {
    max-height: 830px;
    overflow-y: scroll;
}
@media(min-width:767px){
    .acordion_row .t--header.t--header-white:hover{
        background-color: #fafafa;
    }
    .acordion_row .col2 {
        width: 16.66667%;
        float: left;
    }
    
    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .off1 {
        margin-left:8.33333%
    }
    .off2{
        margin-left: 16.66667%;
    }
    .col2 {
        width: 16.66667%;
    }
    .col3 {
        width: 25%;
    }
}

@media screen and (max-width: 768px) {
    .acordion_row .t--header.t--header-white .tbl > div:first-child,
    .acordion_row .t--header.t--header-white .tbl > div:nth-child(2) {
        padding: 10px 15px;
    }
    .acordion_row .t--header.t--header-white .tbl > div:first-child {
        background-color: #fff;
        border: none;
    }
    .sec__accordions .acordion_row{
        border-left: 1px solid #e2e4e8;
        border-right: 1px solid #e2e4e8;
    }
    .acordion_row .tbl>div[class*="col"],.tbl {
        width: 100%;
        display: block ;
    }
    .tbl  .bl {
        display: none!important;
    }
    #informacion_bursatil .tabs__panels .h3{
        font-size: 28px;
    }
}


/* ############################## END */


/* ############################## Fondos de inversión calculadora END */
.dk-selected {
    width: 100%;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 45px;
    padding: 10px 0;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.dk-select .dk-select-options {
    margin-top: -1px;
    position: absolute;
    display: none;
    left: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.dk-select-options {
    width: 100%;
    z-index: 10;
    background-color: white;
    border: 1px solid #ccc;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 10.5em;
    list-style: none;
    margin: 0;
}
.dk-select, .dk-select *, .dk-select *:before, .dk-select *:after, .dk-select-multi, .dk-select-multi *, .dk-select-multi *:before, .dk-select-multi *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dk-selected:after {
    margin: -4px 15px 0 0;
    top: 50%;
    width: 27px;
    height: 9px;
    background: url(../assets/arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

.dk-select, .dk-select-multi {
    background-color: #fff;
    position: relative;
    z-index: 10;
    vertical-align: middle;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    cursor: pointer;
}
.dk-option {
    color: #000;
    padding: 10px 20px !important;
    font-size: 15px;
    border-top: 1px solid #545567;
    background-color: transparent;
    color: #545567;
}
.dk-select-options .dk-option-highlight {
    background-color: #f2f3f7;
    color: #000000;
}
.dk-select-open-down .dk-select-options {
    top: 100%;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dk-select-options{
    padding: 0;
}

.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .d-verde .dk-select-multi:focus .dk-select-options {
    display: block;
    border-color: #c8c8c8;
    border-top: none;
}
.style-dk-select.dk-select{
    border-radius: 5px;
    border: solid 1px #545567;
    background-color: #fff;
    position: relative;
}
.style-dk-select .dk-select-options {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 1px #545567;
    border-top: 0;
    margin: 0 !important;
}
.style-dk-select .dk-selected{
    padding: 13px 15px;
    border-radius: 0;
    color: #17224d;
    position: relative;
    line-height: 1.2;
}
.style-dk-select select[data-dkcacheid] {
    display: none;
}
.dk-selected:before, .dk-selected:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
}
.style-dk-select .dk-selected:after {
    margin: 0;
    top: 15px;
    right: 0;
    width: 27px;
    height: 15px;
    background: url(../assets/elementos-adicionales/arrow-blueDark.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.calc {
    border: none;
}
.f23 {
    font-size: 1.44em;
}
.calc th {
    vertical-align: bottom;
    font-size: 15px;
}
.calc td {
    font-size: 19px;
    color: #001865;
}
.calc td b {
    font-size: 19px;
    color: #001865;
}
.table-gen td, .table-gen th {
    padding: 18px 10px;
    border: 0;
    border-bottom: 1px solid #dfe4fc;
}
.table-gen th {
    background-color: #0090d7;
    color: #fff;
    font-size: 19px;
    vertical-align: middle;
}
.table-gen {
    margin-bottom: 25px;
    background-color: #ffffff;
    width: 100%;
    border-bottom: solid 4px #0098dd;
    border-spacing: 0;
}
.legal-light{
    color: #fff;
    font-weight: 600;
    font-size: 12px;
}
.mt20{
    margin-top: 20px;
}

#datepicker, #datepicker2, #datepicker3, #datepicker4 {
    background:  rgba(96, 209, 224, .1) url(../assets/icon-akar-calendar.svg) 95% center no-repeat;
    padding-right: 50px;
    text-align: left;
}
.styleForm-light .f23 {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}
@media screen and (max-width: 768px) {
    table.table.t-fondos td, .table-gen td {
        border: none !important;
        border-bottom: 1px solid #dbdbdb;
        position: relative;
        padding-left: 50%;
        padding-right: 20px;
        font-size: 1em;
        width: 100%;
        color: #666 !important;
        text-align: center;
    }
        table.table.t-fondos td:before, .table-gen td:before {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 40%;
        text-align: left;
        font-size: 0.8em;
        padding-right: 10px;
        overflow: hidden;
        word-break: break-word;
        content: attr(data-th) ": ";
    }
    table.table.t-fondos thead, table.table.t-fondos tbody, table.table.t-fondos th, table.table.t-fondos td, table.table.t-fondos tr, .table-gen thead, .table-gen tbody, .table-gen th, .table-gen td, .table-gen tr {
        display: block;
    }
    .table-gen tr{
        border-bottom: 2px solid #dfe4fc;
        background-color: #ffffff;
    }
    .table-gen thead tr{
        display: none;
    }
    .table-gen tr:nth-of-type(odd) {
        background-color: #e7eaf340;
    }
}

/* ############################## END */

/* ##############################
#################################### FOOTER 
################################################### */
footer ul{
    padding-left: 0px;
}
footer li, footer p{
    font-size: 15px;
    color: #ffffff;
}
footer li a{
    color: #ffffff;
}
.links-info{
    list-style: none;
}
.links-info li{
    padding: 3px 0;
}
.footer-top{
    padding: 50px 0;
    padding-bottom: 30px;
    background-color: #001865;
}

.maxW-356{
    max-width: 356px;
}
.image_logos{
    column-gap: 15px;
    display: flex;
    margin: auto;
    max-width: 580px;
    text-align: center;
    justify-content: space-between;
    align-items: center;
}
.image_logos img{
    max-width: 100%;
}
.footer-top .btn-round{
    font-size: 15px;
    color: #fff;
}

.mb-25{
    margin-bottom: 25px;
}

.fotter-category{
    font-size: 18px;
    font-weight: 600;
    color: #60d1e0;
    margin-bottom: 14px!important;
}
footer .social{
    margin-bottom: 25px;
}
footer .social a {
    width: 30px;
    height: 22px;
    display: inline-block;
    background: url(../assets/social.png);
    transition: all 0s;
    -moz-transition: all 0s;
    -webkit-transition: all 0s;
    -o-transition: all 0s;
}
footer .social a.fb {
    background-position: -150px 0;
}
footer .social a.tw {
    background-position: -60px 0;
}
footer .social a.blog {
    background-position: -30px 0;
}
footer .social a.in {
    background-position: -90px 0;
}
footer .social a.yt {
    background-position: 0 0;
}
footer .social a.gr {
    background-position: -120px 0;
}
footer .social a.sp {
    background-position: -180px 0;
}
footer .social a:hover {
    background-position-y: -22px;
}
.content-logos{
    border-top: solid 1px  #5fd1df;
    padding-top: 25px;
    margin-top: 10px;
}

.padT-15{
    padding-top: 15px;
}

@media(max-width: 768px){
    footer .social a {
        margin: 5px;
    }
}
@media(max-width: 600px){
    .footer-top .btn-round {
        padding: 15px 10px;
        max-width: 150px;
    }
    .image_logos img{
        width: 150px;
        max-width: 45%;
    }
}
/* ##############################
#################################### END FOOTER  */


/* ############################## HEADER MENU 
############################################################*/


/**/

/**/
header{
    background-color: #001865;
    box-shadow: 0 5px 3px 0 rgba(0, 0, 0, .16);
    padding: 20px 0;
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    left: 0;
}
header::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: block;
}
header.loaded::after{
    display: none;
}
.custom-menu-primary .hs-menu-wrapper ul{
    list-style: none;
    margin: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul > li> a {
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    padding: 5px 10px;
    display: block;
    width: 100%;
}
.custom-menu-primary .hs-menu-wrapper>ul> li{
    position: relative;
}
#nav-mobile {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 5px;
    width: 20px;
    display: none;
}
#nav-mobile span {
    width: 100%;
    height: 2px;
    display: block;
    margin-bottom: 5px;
    background-color: #60d1e0;
    border-radius: 2px;
}
#nav-mobile span:last-child {
    margin-bottom: 0;
}
.btn-banca-digital{
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    border-radius: 15px;
    border: solid 1px #0098dd;
    background-color: #0098dd;
    padding: 5px 15px;
    display: inline-block;
}
.language-switcher{
    position: relative;
    padding-right: 15px;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}
.language-switcher:before{
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
}

.language-switcher ul{
    display: none;
    background-color: #001865;
    margin: 0;
    padding: 15px;
    width: 150px;
    position: absolute;
    top: 30px;
    padding-top: 30px;
    left: -25px;
}
.language-switcher ul li {
    padding: 8px 5px;
    font-size: 15px;
    position: relative;
}
.language-switcher ul li.active {
    font-weight: bold;
}
.language-switcher ul li.active:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    border-left: 1px solid #60d1e0;
    border-top: 1px solid #60d1e0;
    width: 6px;
    height: 10px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.language-switcher ul li a{
    color: #ffffff;
}
.language-switcher ul li:not(:last-child) {
    border-bottom: solid 1px #60d1e0; 
}
.content-options{
    display: flex;
    column-gap: 10px;
}
.kl-navbar__panel {
    background-color: #001865;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-height: calc(100vh - 50px);
    overflow-y: auto;
}

.kl-navbar__panel-wrapper {
    margin: 0 auto;
    max-width: 1200px;
    padding: 32px 0;
    text-align: left;
}
.kl-navbar__panel a, .kl-navbar__panel span{
    color:#fff;
    font-size: 15px;
}
.kl-navbar__panel a:hover{
    color:#0098dd;
}
.kl-navbar__menu {
    padding: 10px 0;
}
.kl-navbar__entry_level span:not(.icon-arrow){
    font-weight: 600;
    margin-bottom: 10px;
}
.kl-navbar__entry_level{
    width: 100%;
    max-width: 290px;
    padding: 15px 0;
}

.kl-navbar__entry_level_2{
    padding: 20px 10px;
    background-color: #01134e;
    margin: 5px 0 !important;
}
.kl-navbar__menu a{
    padding: 5px 0;
    display: block;
}
.kl-navbar__entry_level{
    position: relative;
}
.nav-menu-ul .drop_down{
    padding-right: 12px;
}
.kl-navbar__menu li{
    position: relative;
}


.icon-arrow{
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}
.icon-arrow:after{
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    border-bottom: solid 1px #60d1e0;
    border-right: solid 1px #60d1e0;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    display: block;
}
.open > .icon-arrow:after,
.kl-navbar__entry_level.open > .icon-arrow:after,
li.open > .icon-arrow:after {
    transform: rotate(-135deg);
}
.nav-menu-ul .drop_down > .icon-arrow{
    top:2px;
    right: 5px;
}
.nav-menu-ul .drop_down > .icon-arrow:after{
    border-color: #fff;
}
.kl-navbar__entry_level  .icon-arrow{
    top: 20px;
    right: 10px;
}
.kl-navbar__menu li .icon-arrow{
    top: 5px;
    right: 10px;
    width: 80px;
    max-width: 80%;
}
.kl-navbar__menu.kl-navbar__entry_level_2{
    display: none;
}
@media(min-width:1040px){
    .kl-navbar__menu li{
        padding: 3px 0;
    }
    .kl-navbar__panel .panel_line{
        display: flex;
        justify-content: center;
    }
    .kl-navbar__panel .panel_line .kl-navbar__entry_level{
        border-bottom: none !important;
        max-width: none;
        width: auto;
        padding:5px  20px !important;
    }
    .kl-navbar__panel .panel_line .kl-navbar__entry_level:not(:last-child){
        border-right: 1px solid #60d1e0;
    }
    .kl-navbar__entry_level:not(:last-child){
        border-bottom: 1px solid #60d1e0;
    }
    .nav-menu-ul > li:hover > a{
    color: #5fd1df !important;
    }
    .nav-menu-ul .drop_down:hover .icon-arrow:after{
        border-color: #5fd1df;
    }
    .kl-navbar__menu.show_only-dsk{
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    .panel_3Columns{
        column-gap: 20px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        row-gap: 50px;
    }
    .kl-navbar__panel {
        left: 0;
        position: fixed;
        opacity: 0;
        visibility: hidden;
        top: 60px;
        transform: translateY(8px);
        transition: all .25s ease-in-out;
    }
    .drop_down:hover .kl-navbar__panel{
        opacity: 1;
    transform: translateY(0);
    visibility: visible;
    }
    .kl-navbar__entry_level > .icon-arrow, .hide_arrow_only_dsk  .icon-arrow{
        display: none;
    }
    
}
@media (max-width: 1080px) {
    .custom-menu-primary .hs-menu-wrapper>ul>li>a {
        padding: 5px;
    }
}
@media (max-width: 1040px) {
    .kl-navbar__menu li {
        /* border-bottom: 1px solid #ffffff1c; */
        padding: 3px;
    }
    .panel_line .kl-navbar__entry_level:last-child{
        border-bottom: none !important;
    }
    .open > a, .kl-navbar__entry_level.open > span, .kl-navbar__entry_level.open > span > a{
        color: #5fd1df !important;
    }
    .kl-navbar__panel{
    background-color: transparent;
    }
    .kl-navbar__panel-wrapper {
        padding: 10px 0px;
    }
    .kl-navbar__entry_level .icon-arrow {
        top: 3px;
        right: 0;
        height: 40px;
        width: 100px;
        max-width: 80%;
    }
    .kl-navbar__entry_level .icon-arrow:after {
        right: 10px;
        top: 15px;
    }
    .kl-navbar__menu li .icon-arrow {
        top: 5px;
        right: 10px;
        width: 100px;
        max-width: 80%;
        height: 20px;
    }
    .kl-navbar__menu li .icon-arrow:after {
        top: 5px;
    }
    .kl-navbar__panel-wrapper .kl-navbar__entry_level {
        border-bottom: 1px solid rgba(96, 209, 224, .5) !important;
    }
    .kl-navbar__panel-wrapper div:last-child > .kl-navbar__entry_level:last-child {
        border-bottom: none!important;
    }
    .kl-navbar__menu {
        padding: 10px !important;
        display: none;
    }
    .nav-menu-ul .drop_down > .icon-arrow {
        height: 35px;
        width: 100px;
        max-width: 80%;
    }
    .nav-menu-ul .drop_down > .icon-arrow:after {
        top: 15px;
        right: 5px;
    }
    .kl-navbar__entry_level_2 {
        background-color: #001865;
    }
    .drop_down.open{
        background-color: #01134e;
    }
    .drop_down.open > a{
        color: #5fd1df !important;
    }
    .open > .icon-arrow:after, .kl-navbar__entry_level.open > .icon-arrow:after, li.open > .icon-arrow:after{
        border-color: #5fd1df !important;
    }
    .kl-navbar__entry_level{
        max-width: 100%;
        padding: 15px 10px;
    }
    .kl-navbar__panel {
        max-height: 0;
        overflow: hidden;
        position: static;
    }
    .open .kl-navbar__panel {
        max-height: 100%;
        overflow: visible;
        position: relative ;
        opacity: 1;
        visibility: visible;
    }
    .kl-navbar__item--active .kl-navbar__panel {
        max-height: inherit;
    }
    .nav-menu{
        position: fixed;
        top:50px;
        left: -100%;
        width: 100%;
        background-color: #001865;
        height: calc(100vh - 50px);
        overflow-y: auto;
        padding: 20px;
        transition: 0.4s ease;
    }
    .nav-menu.open-menu {
        left: 0px;
        transition: 0.4s ease;
    }
    #nav-mobile {
        display:block;
    }
    .logo_header img{
        width: 120px;
    }
    .custom-menu-primary .hs-menu-wrapper ul{
        padding:0;
    }
    .custom-menu-primary .hs-menu-wrapper>ul>li>a{
        padding: 0 10px;
        display: block;
        font-size: 15px;
    }
    .custom-menu-primary .hs-menu-wrapper>ul>li{
        padding: 15px 0px;

    }
    .custom-menu-primary .hs-menu-wrapper>ul>li:not(:last-child) {
        border-bottom: solid 1px #60d1e0;
        
    }
    .nav-mobile.nav-open span:nth-child(1){
        transform:rotate(45deg);
        position: relative;
        top: 7px;
    }
    .nav-mobile.nav-open span:nth-child(2){
        transform:rotate(-45deg);
    }
    .nav-mobile.nav-open span:nth-child(3){
        opacity:0;
    }
    .btn-banca-digital{
        position: fixed;
        top: 20px;
        right: 60px;
    }
    .language-switcher ul {
        background-color: #001865;
        margin: 0;
        padding: 15px;
        width: 100%;
        position: relative;
        top: 0;
        padding-top: 25px;
        left: 0;
    }
    .language-switcher ul li{
        padding: 8px 10px;
    }
    .language-switcher:before {
        right: 15px;
    }
    .language-switcher {
        margin-right: 0px;
        margin-left: 0px;
        width: 50%;
    }
    .language-switcher:before {
        right: inherit;
        left: 55px;
    }
    .nav-open-lan.language-switcher:before{
        transform: rotate(-45deg);
        top:8px;
    }
    .nav-open-lan.language-switcher ul{
        display: block;
    }
    .language-switcher > img{
        margin-left: 15px;
    }
    .content-options{
        padding-top: 20px;
    }
}
@media (min-width: 1041px) {
    .custom-menu-primary .hs-menu-wrapper>ul {
        column-gap: 10px;
        display: flex;
        justify-content: flex-end;
        margin-top: 8px;
        padding: 0;
    }
    .custom-menu-primary .hs-menu-wrapper>ul>li{
        text-align: center;
    }
    .custom-menu-primary .hs-menu-wrapper>ul> li:not(:last-child):before {
        background-color: #60d1e0;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        right: -5px;
        top: 5px;
        width: 1px;
    }
    .nav-menu{
        display: flex !important;
        align-items: center;
        column-gap: 10px;
        justify-content: flex-end;
    }
    .language-switcher:hover:before{
        transform: rotate(-45deg);
        top:8px;
    }
    .language-switcher:hover ul{
        display: block;
    }
    
}
/* ############################## END HEADER MENU */



/* Responsive Grid #########################################
###################################################################
########################################################################## */

.row-fluid {
    width: 100%;
}
.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}
.row-fluid:after {
    clear: both;
}
.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2.127659574%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .span12 {
    width: 99.99999998999999%;
}
.row-fluid .span11 {
    width: 91.489361693%;
}
.row-fluid .span10 {
    width: 82.97872339599999%;
}
.row-fluid .span9 {
    width: 74.468085099%;
}
.row-fluid .span8 {
    width: 65.95744680199999%;
}
.row-fluid .span7 {
    width: 57.446808505%;
}
.row-fluid .span6 {
    width: 48.93617020799999%;
}
.row-fluid .span5 {
    width: 40.425531911%;
}
.row-fluid .span4 {
    width: 31.914893614%;
}
.row-fluid .span3 {
    width: 23.404255317%;
}
.row-fluid .span2 {
    width: 14.89361702%;
}
.row-fluid .span1 {
    width: 6.382978723%;
}
@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }
    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}
@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        
    }
    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }
    .row-fluid:after {
        clear: both;
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        margin-left: 2.762430939%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    .row-fluid .span12 {
        width: 99.999999993%;
    }
    .row-fluid .span11 {
        width: 91.436464082%;
    }
    .row-fluid .span10 {
        width: 82.87292817100001%;
    }
    .row-fluid .span9 {
        width: 74.30939226%;
    }
    .row-fluid .span8 {
        width: 65.74585634900001%;
    }
    .row-fluid .span7 {
        width: 57.182320438000005%;
    }
    .row-fluid .span6 {
        width: 48.618784527%;
    }
    .row-fluid .span5 {
        width: 40.055248616%;
    }
    .row-fluid .span4 {
        width: 31.491712705%;
    }
    .row-fluid .span3 {
        width: 22.928176794%;
    }
    .row-fluid .span2 {
        width: 14.364640883%;
    }
    .row-fluid .span1 {
        width: 5.801104972%;
    }
}
@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        
    }
    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }
    .row-fluid:after {
        clear: both;
    }
    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        margin-left: 2.564102564%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
    .row-fluid .span12 {
        width: 100%;
    }
    .row-fluid .span11 {
        width: 91.45299145300001%;
    }
    .row-fluid .span10 {
        width: 82.905982906%;
    }
    .row-fluid .span9 {
        width: 74.358974359%;
    }
    .row-fluid .span8 {
        width: 65.81196581200001%;
    }
    .row-fluid .span7 {
        width: 57.264957265%;
    }
    .row-fluid .span6 {
        width: 48.717948718%;
    }
    .row-fluid .span5 {
        width: 40.170940171000005%;
    }
    .row-fluid .span4 {
        width: 31.623931624%;
    }
    .row-fluid .span3 {
        width: 23.076923077%;
    }
    .row-fluid .span2 {
        width: 14.529914530000001%;
    }
    .row-fluid .span1 {
        width: 5.982905983%;
    }
}
/*información financiera Acordeon tabs links*/
.tabs-links .tabs{
    border-bottom: solid 2px #60d1e0;
}
.tabs-links .tabs a.active, .tabs-links .tabs a:hover {
    background-color: transparent;
    font-weight: 600;
    border-bottom: solid 2px #60d1e0;
}
.tabs-links .tabs a {
    height: auto;
    text-align: center;
    display: inline-block;
    background-color: transparent;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    padding: 15px;
    border-bottom: solid 2px transparent;
}
.tabs-links form .drop.dk-select {
    border-radius: 25px;
}
.tabs-links .dk-select-open-down .dk-selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #009cde;
}
.tabs-links .dblue .dk-select {
    background-color: #009cde;
}
.tabs-links .dk-select, .tabs-links .dk-select-multi {
    background-color: #fff;
    position: relative;
    z-index: 10;
    vertical-align: middle;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    cursor: pointer;
}
.tabs-links .dblue .dk-selected {
    color: #fff;
}
.tabs-links .dk-selected {
    width: 100%;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 45px;
    padding: 11px 50px 11px 20px;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tabs-links .dk-select-options {
    width: 100%;
    z-index: 10;
    background-color: white;
    border: 1px solid #ccc;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 10.5em;
    list-style: none;
    margin: 0;
}
.show-xs {
    display: none;
}
.download {
    display: flex;
    align-items: center;
    min-height: 50px;
    font-size: 20px;
    padding-left: 60px;
    margin-bottom: 40px;
    background: url(../assets/page-modulos/icono-descargable.svg) 0 0 no-repeat;
    transition: background 300ms;
    -moz-transition: background 300ms;
    -webkit-transition: background 300ms;
    -o-transition: background 300ms;
    color: #002e9d;
    background-size: 40px;
}
.download:hover {
    background-position: 0 10px !important;
    color: #33393f;
}
.acc {
    padding: 15px 25px;
    display: block;
    font-weight: 600;
    font-size: 19px;
    position: relative;
    border: none;
    background-color: #f7f7f7;
    color: #002e9d;
    margin-top: 20px;
    cursor: pointer;
    padding-right: 45px;
}
.acc-cont {
    padding: 15px 25px;
    border: none;
    background-color: #f7f7f7;
}
.acc:after {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
    background: url(../assets/arrow-round.png) center center no-repeat;
    background-size: contain;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
}
.acc.on:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media screen and (max-width: 640px) {
    .hide-xs {
        display: none !important;
    }
    .download {
        font-size: 16px;
        padding-left: 50px;
    }
}
@media screen and (max-width: 640px) {
    .show-xs {
        display: block !important;
    }
}
/*sucursales*/
.mb30 {
    margin-bottom: 30px;
}
.offices{
    padding: 0;
    margin-top: 45px;
}
.offices h5{
    font-size: 19px;
    color: #5d5d5d;
    font-weight: normal;
}
.offices h5 a{
    color: #5d5d5d;
    text-decoration: underline;
}
.offices li h4{
    font-size: 22px;
    color: #000;
    margin-bottom: 20px;
}
.offices li h5, .offices li p {
    color: #5d5d5d;
}
.offices li p {
    font-size: 19px;
}
.offices li:last-child {
    border-bottom: 0;
}
.offices li {
    padding: 40px 0;
    border-top: 1px solid #ccc;
    list-style: none;
    
}
#map-canvas {
    padding: 10px;
    width: 100%;
    height: 500px;
}
#map-canvas img {
    max-width: inherit;
}
.gm-control-active>img:nth-child(1) {
    display: block;
}
.gm-control-active>img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
}
.dismissButton {
    background-color: #fff;
    border: 1px solid #dadce0;
    color: #1a73e8;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 36px;
    cursor: pointer;
    padding: 0 24px;
}
.gm-style .gm-style-cc a, .gm-style .gm-style-cc button, .gm-style .gm-style-cc span, .gm-style .gm-style-mtc div {
    font-size: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*banca digital*/
.banca-digital .btnTab{
    font-size: 15px;
}

.guia {
    height: auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f2f3f7;
    padding: 30px 35px 60px !important;
    margin: 10px auto;
    z-index: 1;
}
.guia .cont {
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    position: inherit;
    top: 0;
    left: 0;
}

.guia h4 {
    font-size: 15px;
    font-weight: bold;
    color: #002e9d;
    margin-bottom: 5px;
    letter-spacing: 1.5px;
}
.guia h2 {
    font-size: 28px;
    font-weight: 600;
    height: auto;
    border-bottom:none;
    margin-bottom: 5px;
    color: #000;
}
.guia p {
    font-size: 19px;
}
.guia.video-over .cont {
    background-color: transparent;
}
.guia.video-over .cont:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #09d;
    z-index: -1;
}
.guia.video-over h2, .guia.video-over h4 {
    color: #fff;
    border: none;
}
.guia.video-over .video {
    width: 100%;
    height: 130px;
    padding: 30px 5px;
    text-align: center;
    font-size: 1.3em;
    left: 0;
    z-index: 10;
    flex-direction: column;
    color: #fff;
    background: none;
    position: absolute;
    bottom: 20px;
}
.guia.video-over p {
    display: none;
}
.guia.video-over .video.btn-download img{
    filter: grayscale(1) brightness(10);
    transform: scale(1.5);
    position: relative;
    top: -15px;
}
.guia .video, .guia .file {
    z-index:20;
    display: flex;
    padding: 0;
    left: 0;
    width: auto;
    background: none;
    background-size: auto;
}
.guia.video-over .file {
    opacity: 0;
}
.guia .file, .guia .video {
    position:relative;
    bottom: 0;
    width: auto;
    height:auto;
    font-size: 20px;
    line-height: 1.25;
    text-align: left;
    color: #002e9d;
}
@media(max-width:500px){
    .guia h2 {
    font-size: 26px;
    }
    .guia p {
        font-size: 16px;
    }
    .guia {
        padding: 30px 20px 30px !important;
    }
}
/*sala prensa*/
.tabs-fontSZ20 a{
    font-size: 20px !important;
}
.tbl {
    display: table;
    width: 100%;
}
.tbl.bdsp {
    border-spacing: 15px;
    margin-top: -15px;
}
.tbl > div[class*="col"] {
    float: none !important;
    display: table-cell;
}
.block.col4 {
    padding: 30px 35px 60px;
}
.block {
    cursor: pointer;
    margin-bottom: 15px;
    vertical-align: top;
    background-color: #f2f3f7;
    border-radius: 10px;
}
.block.col4 h4 {
    width: 100%;
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 5px;
}
.block.col4 h4 a{
    color: #000;
}
.block.col4 .cat {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: 1.5px;
    color: #002e9d;
    margin-bottom: 10px;
}
.block.col4  h6 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    color: #0098dd;
    margin-bottom: 25px;
}
.block.col4 h6 em {
    font-style: normal;
}
.block.col4 p{
    line-height: 1.32;
    font-size: 19px;
}
@media screen and (max-width: 768px) {
    .tbl.xs-flex {
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        margin: 0;
    }
    .tbl.xs-flex .block {
        padding: 30px 20px 60px;
        margin: 10px;
        margin-bottom: 15px;
    }
    .block.col4 h4 {
        font-size: 20px;
    }
    .block.col4 p {
        font-size: 14px;
    }
    .tbl.xs-flex .block.sm-col6 {
        width: 48%;
    }
}
@media screen and (max-width: 640px) {
    .tbl > div[class*="col"] {
        width: 100%;
        display: block;
    }
}
input.cbox:empty ~ label {
    font-weight: 100;
    text-indent: 30px;
    font-size: 16px;
}
input.cbox:empty ~ label {
    position: relative;
    float: left;
    font-weight: 700;
    text-indent: 30px;
    font-size: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input.cbox:empty ~ label em {
    font-size: 14px;
    margin-top: 3px;
    float: left;
}

input.cbox:empty ~ label:before {
    content: "";
    background-color: #FFF;
    border: solid 2px #60d1e0;
    border-radius: 3px;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
}
input.cbox:checked ~ label:before{
    content: "";
    background: url(../assets/analisis-financiero/check.png) -6px bottom no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
    background-position: center;
}
/*colaboradores*/
.txt-grey-fSZ19, .txt-grey-fSZ19 *{
    color: #5d5d5d;
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: normal;
}
.colaboradores .tabs__panels > div.active{
    padding: 50px 0;
}
.colaboradores .tabs__panels{
    max-width: 975px;
    margin: auto;
}
/*contratacion*/
.contratacion input.cbox:empty ~ label:before {
    top: 2px;
}
.contratacion input.cbox:empty {
    margin-left: -999em;
    height: auto;
}

.title-line{
    font-size: 28px;
    font-weight: 600;
    text-align: left;
    color: #001865;
    position: relative;
    margin-top: 35px;
}

@media(min-width:500px){
    .title-line:before{
        content: "";
        background-color: #e2e4e8;
        width: 100%;
        max-width: 70%;
        height: 1px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0%,-50%);

    }
}
/*Analisis Financiero 2*/
#avanzada input.cbox:empty ~ label:before {
    content: "";
    background-color: #FFF;
    border: solid 2px #60d1e0;
    border-radius: 3px;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
}
#avanzada input.cbox:empty ~ label {
    font-size: 19px;
    font-weight: 400;
    text-indent: 0;
    padding-left: 30px;
    margin-bottom: 0;
    position: relative;
    float: left;
}
#avanzada input.cbox:checked ~ label:before{
    content: "";
    background: url(../assets/analisis-financiero/check.png) -6px bottom no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
    background-position: center;
}
#avanzada label {
    padding-left: 12px;
    font-size: 20px;
    color: #000000;
    margin-bottom: 20px;
    display: block;
}
#avanzada input.cbox:empty ~ label span:after {
    content: '';
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background-color:  #60d1e0;
}
#avanzada input.cbox:empty ~ label span {
    padding-right: 30px;
    position: relative;
}

input.cbox:empty ~ label {
    position: relative;
    float: left;
    font-weight: 700;
    text-indent: 30px;
    font-size: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#avanzada input.cbox:empty {
    margin-left: -999em;
    height: auto;
}
.pika-table tbody tr{
background-color: #f8faff;
}
.pika-table tbody tr td{
background-color: #f8faff;
}
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #6f7d9a;
    opacity: .6;
}
.is-selected .pika-button {
    color: #001865;
    font-weight: 700;
    background: #e5e9f5;
    box-shadow: none;
    border-radius: 3px;
}
.pika-table th {
    color: #000000;
}
.pika-button:hover {
    color: #fff;
    background: #0098dd;
    box-shadow: none;
    border-radius: 3px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mb10 {
    margin-bottom: 10px;
}
.mt40 {
    margin-top: 40px;
}
/*emisoras*/
select[data-dkcacheid] {
    display: none;
}
.texto {
    font-size: 19px;
    color: #5d5d5d;
}
.lista {
    margin: 30px 0;
    color: #5d5d5d;
    
}
.lista li {
    background:none;
    font-size: 19px;
    color: #5d5d5d;
    padding: 0;
    margin: 0;
}
.lbor {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #e2e4e8;
    padding: 30px 0px;
}
.lbor li {
    padding: 25px 0px;
    border-top: none;
}
.lbor li:not(:first-child) {
    border-bottom: 1px solid #e2e4e8;
}
#emisiones .h3, #emisiones h3{
    font-size: 28px;
    font-weight: 600;
    color: #001865;
    margin-bottom: 0;
}
.lbor .h4{
    font-size: 19px;
    font-weight: 600;
    color: #5d5d5d;
}

.mb5 {
    margin-bottom: 5px;
}
.mb60 {
    margin-bottom: 60px;
}
.modal, .overlay {
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    overflow: auto;
    background-color: #001865;
    background-color: rgba(0, 24, 101, 0.9);
}
.modal .close-modal {
    width: 42px;
    height: 42px;
    z-index: 999;
    position: fixed;
    top: 25px;
    right: 5%;
    border: none;
    background: #001865 url(../assets/emisores/icon-close.svg) center center no-repeat;
    cursor: pointer;
}
.bg-white {
    background-color: #fff;
}
.white{
    color: white;
}
.emisora table th, .table-gen th {
    background-color: #0090d7;
    color: #fff;
    font-size: 19px;
}
.emisora table td, .emisora table th, .table-gen td, .table-gen th {
    padding: inerit;
    border-bottom: 1px solid #dfe4fc;
    font-size: 19px;
    text-align: center;
}
.modal .container.emi .table-gen td {
    font-size: 19px;
    color: #001865 !important;
}
.modal .btn-download{
    
    justify-content: center;
}
.modal.modal_link_externo .login {
    background-color: #fff;
    border-top: solid 6px #0098dd;
    border-bottom: solid 6px #0098dd;
    padding: 50px 40px 30px;
    word-break: break-word;
    color: #001865;
    font-size: 19px;
    font-weight: 500;
}
.modal.modal_link_externo .container {
    max-width: 580px;
    width:100%;
}
.modal .logo {
    height: 110px;
    padding-top: 30px;
}
.modal .login {
    background-color: #011033;
    padding: 50px 40px 30px;
    word-break: break-word;
    width: 100%;
}
.modal .login iframe{
    width:100%;
}
@media screen and (max-width: 640px) {
    .modal .login {
        padding: 50px 20px;
    }
}
@media(max-width:500px){
    .modal .container.emi .table-gen td {
        font-size: 16px;
    }
    .modal {
        padding-top: 20px;
    }
    .modal .close-modal{
        top: 15px;
        right: 15px;
    }
}

/* Humanistas */

.videos_humanistas {
    padding: 0;
    margin: 25px 0;
    min-height: 600px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #f2f3f7;
}
@media(min-width:768px){
    .videos_humanistas {
        min-height: 775px;
    }
}
.videos_humanistas > a, .videos_humanistas > a img{
    display: block;
}
.content_humanistas{
    padding: 35px;
}
.videos_humanistas h4 {
    background-image: none;
    font-size: 14px;
    color: #000;
    padding: 0;
    margin: 0px 0 5px 0;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 1.5px;
    text-align: left;
    color: #002e9d;
}
.videos_humanistas h3 {
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    line-height: 1.25;
    margin: 0 0 5px 0;
}
.videos_humanistas h3 a {
    font-size: 28px;
    color: #000;
    line-height: 1.25;
}
.content_humanistas a {
    color: #000;
}
.color-black{
    color: #000 !important;
}
.videos_humanistas h5 {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 1.5px;
    text-align: left;
    color: #0098dd;
    padding: 0 !important;
    margin: 0;
    margin-bottom: 30px !important;
}
.videos_humanistas p {
    font-size: 19px;
    line-height: 1.32;
    color: #000;
    font-weight: 400;
    margin: 5px 0 0 0;
}
.videos_humanistas .share {
    margin: 15px 0 0 0;
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.videos_humanistas .share p {
    font-size: 20px;
    font-weight: 600;
}

.share a {
    width: auto;
    height: auto;
    background: none;
}
.share a:hover > img{
    filter: grayscale(1) brightness(0);
}
.lh180 {
    line-height: 180%;
}
.f18 {
    font-size:18px;
}
.subtitle {
    color: #0032a0;
    position: relative;
    padding-right: 75px;
    display: inline-block;
    font-size: 2.4em;
    font-weight: 300;
}
.f15{
    font-size: 15px;
}
.f20{
    font-size: 20px !important;
}
@media(max-width: 768px){
    .videos_humanistas p {
        font-size: 16px;
    }
    .content_humanistas {
        padding: 25px 20px;
    }
    .videos_humanistas .share p {
        font-size: 18px;
    }
    .videos_humanistas {
        min-height: auto;
    }
}
/* informacion corporativa*/
.align-Height{
    display: flex;
    flex-wrap: wrap;
}
.align-Height div{
    height: 100%;
}
.align-Height [class*="span"]{
    height: auto;
}
.justify-center{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}
/*faq glosario*/
ul.faq {
    list-style: none;
    padding: 0;
    margin: 0;
}
.faq > li {
    padding: 40px 10px !important;
    border-bottom: 2px solid #e2e4e8;
}
.faq > li h3 {
    font-size: 1.5em;
    margin-bottom: 10px;
    font-weight: 700;
    color: #0098dd;
}
.faq > li p {
    font-size: 1em;
    color: #5d5d5d;
    line-height: 1.32;
}
.mb20 {
    margin-bottom: 20px;
}
.mb40 {
    margin-bottom: 40px;
}
.mt20 {
    margin-top: 20px;
}
.pag {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pag a:hover, .pag a.act {
    border: none;
    color: #0098dd;
}
.pag a {
    font-size: 24px;
    padding: 5px 15px;
    position: relative;
    border: none;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #545567;
    display: inline-block;
}
.pag a:not(:last-child){
    border-right: solid 1px #e2e4e8;
}
.pag .prev, .pag .next{
    display: flex;
    align-items: center;
    column-gap: 3px;
}
@media(max-width:600px){
    .pag .prev, .pag .next{
    font-size: 0;
    }
}
/*suscripcion*/
.suscripcion__form p{
    font-size: 15px;
    color: #17224d;
}
.styleForm.suscripcion__form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="range"]), .styleForm.suscripcion__form select, .styleForm.suscripcion__form textarea {
    background-color: #f3f8ff;
}
.boletin {
    padding: 15px 0px;
    background-color: none;
}
.mb10 {
    margin-bottom: 10px;
}
.mr20 {
    margin-right: 20px;
}
.suscripcion__form .subtitle{
    line-height: 1.2;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 30px;
    color: var(--blue-primary);
}
.separador{
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-color: #e2e4e8;
}
.mtb-50{
    margin: 50px 0;
}
.pl30 {
    padding-left: 30px;
}
.suscripcion__form  a{
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #0098dd;
}
.suscripcion__form  .gray8 {
    color: #868686;
}
.suscripcion__form input.cbox:empty {
    margin-left: -999em;
    height: auto;
}
.suscripcion__form input.cbox:empty ~ label {
    position: relative;
    float: none;
    text-indent: 30px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.suscripcion__form input.cbox:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0px;
    bottom: 0;
    left: 0;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: solid 2px #60d1e0;
    background-color: #fff;
}
.suscripcion__form input.cbox:checked ~ label:before{
    background-color: #60d1e0;
}
.suscripcion__form input.cbox:checked ~ label:before , .suscripcion__form input.cbox.checked ~ label:before {
    content: "";
    background: url(../assets/analisis-financiero/check.png) center no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    background-color: #60d1e0;
}
.suscripcion__form input[type=radio]{
    position: absolute;
    visibility: hidden;
}
.cnt_radio{
    position: relative;
    padding-left: 30px;
}
.suscripcion__form .check_radio{
    display: block;
    position: absolute;
    border: 1px solid #60d1e0;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
	z-index: 1;
    cursor: pointer;
}

.suscripcion__form .check_radio::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 5px;
    left: 5px;
    margin: auto;
}

.suscripcion__form input[type=radio]:checked ~ .check_radio {
   background-color: #60d1e0;
}

.suscripcion__form input[type=radio]:checked ~ .check_radio::before{
    background: #002e9d;
}

/***/
/*calculadora simulador-credito-digital*/
.box_resultado{
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #f3f8ff;
}
.box_resultado h3{
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-bottom: 15px;
}
.box_resultado .resultado{
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: normal;
    text-align: center;
    color: #0098dd;
    margin: 0;
}
.styleFormCalc .dk-selected{
    background-color: #f3f8ff;
}
.styleFormCalc output{
    padding: 14px 15px;
    border-radius: 5px;
    background-color: #f3f8ff;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    color: #6f7d9b;
    max-width: 180px;
    width: 100%;
    margin: 5px auto;
}
@media(max-width:630px){
    .styleFormCalc output{
        max-width: 100%;
    }
}
.monto_minmax{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    color: #6f7d9b;
    font-size: 15px;
    width: 100%;
    margin: 5px 0;
    margin-top: 10px;
    min-height: 20px;
}
.simbol-ml45 {
    margin-left: 45px;
}
.simbol {
    font-size: 1.8rem;
    margin: 10px;
}
output {
    padding: 0px;
    margin: 0px;
}
output, .resultado {
    display: block;
    font-family: 'Calibri', arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 15px 0;
    width: 100%;
}

input[type="range"] {
  /* Personalizar la pista */
    &::-webkit-slider-runnable-track {
        /*background: #d9dadb;*/
        background: transparent;
        height: 7px;
        border-radius: 4px;
    }

    &::-moz-range-track {
        background: transparent;
        height: 7px;
        border-radius: 4px;
    }

    &::-ms-track {
        background: transparent;
        height: 7px;
        border-radius: 4px;
    }

    /* Personalizar el pulgar */
    &::-webkit-slider-thumb {
        -webkit-appearance: none; /* Remover la apariencia por defecto */
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #ffffff;
        border: solid 4px #5fd1df;
        margin-top: -7px; /* Ajustar la posición vertical */
        cursor: pointer; /* Cambiar el cursor al pasar por encima */
    }

    &::-moz-range-thumb {
        -webkit-appearance: none; /* Remover la apariencia por defecto */
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #ffffff;
        border: solid 4px #5fd1df;
        margin-top: -7px; /* Ajustar la posición vertical */
        cursor: pointer; /* Cambiar el cursor al pasar por encima */
    }

    &::-ms-thumb {
        -webkit-appearance: none; /* Remover la apariencia por defecto */
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #ffffff;
        border: solid 4px #5fd1df;
        margin-top: -7px; /* Ajustar la posición vertical */
        cursor: pointer; /* Cambiar el cursor al pasar por encima */
    }

    /* Personalizar el relleno a la izquierda del pulgar */
    &::-webkit-slider-thumb + ::-webkit-slider-runnable-track {
        background: #5fd1df;
        background: linear-gradient(to right, #5fd1df 0%, #5fd1df 0%, #ccc 0%, #d9dadb 100%);
        height: 7px;
        border-radius: 4px;
    }

    &::-moz-range-progress {
        background: #5fd1df;
    }

    &::-ms-fill-lower {
        background: #5fd1df;
    }

    /* Personalizar el relleno a la derecha del pulgar */
    &::-ms-fill-upper {
        background: #5fd1df;
    }
}

input[type="range"] {
    appearance: none;
    width: 100%;
    height: 7px;
    background: transparent;
    border-radius: 4px;
}


/**/

/*extras*/

@media screen and (max-width: 768px) {
    .sm-mb20 {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 640px) {
    .xs-mb20 {
        margin-bottom: 20px;
    }
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.left {
    float: left;
}
div{
    display: block;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.clearfix:after, .container:after, article:after, .row:after, .item:after {
    clear: both;
}
.center {
    text-align: center;
}
.clearfix:before, .clearfix:after, article:before, article:after, .container:before, .container:after, .row:before, .row:after, .item:before, .item:after {
    display: table;
    content: " ";
}
.col1 {
    width: 8.33333%;
}
.col2 {
    width: 16.66667%;
}
.col3 {
    width: 25%;
}
.col4 {
    width: 33.33333%;
}
.col5 {
    width: 41.66667%;
}
.col6 {
    width: 50%;
}
.col7 {
    width: 58.33333%;
}
.col8 {
    width: 66.66667%;
}
.col9 {
    width: 75%;
}
.col10 {
    width: 83.33333%;
}
.col11 {
    width: 91.66667%;
}
.col12 {
    width: 100%;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
div[class*="xs-col"] {
    padding-right: 15px;
    padding-left: 15px;
}
.mt50 {
    margin-top: 50px;
}
@media (max-width: 768px) {
    .container,
    article,
    .col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {
        width: 100%;
    }
    div[class*="off"] {
        margin-left: 0;
    }
    .sm-nb.col1,
    .sm-col1 {
        width: 8.33333%;
        float: left;
    }
    .sm-off1 {
        margin-left: 8.33333% !important;
    }
    .sm-nb.col2,
    .sm-col2 {
        width: 16.66667%;
        float: left;
    }
    .sm-off2 {
        margin-left: 16.66667% !important;
    }
    .sm-nb.col3,
    .sm-col3 {
        width: 25%;
        float: left;
    }
    .sm-off3 {
        margin-left: 25% !important;
    }
    .sm-nb.col4,
    .sm-col4 {
        width: 33.33333%;
        float: left;
    }
    .sm-off4 {
        margin-left: 33.33333% !important;
    }
    .sm-nb.col5,
    .sm-col5 {
        width: 41.66667%;
        float: left;
    }
    .sm-off5 {
        margin-left: 41.66667% !important;
    }
    .sm-nb.col6,
    .sm-col6 {
        width: 50%;
        float: left;
    }
    .sm-off6 {
        margin-left: 50% !important;
    }
    .sm-nb.col7,
    .sm-col7 {
        width: 58.33333%;
        float: left;
    }
    .sm-off7 {
        margin-left: 58.33333% !important;
    }
    .sm-nb.col8,
    .sm-col8 {
        width: 66.66667%;
        float: left;
    }
    .sm-off8 {
        margin-left: 66.66667% !important;
    }
    .sm-nb.col9,
    .sm-col9 {
        width: 75%;
        float: left;
    }
    .sm-off9 {
        margin-left: 75% !important;
    }
    .sm-nb.col10,
    .sm-col10 {
        width: 83.33333%;
        float: left;
    }
    .sm-off10 {
        margin-left: 83.33333% !important;
    }
    .sm-nb.col11,
    .sm-col11 {
        width: 91.66667%;
        float: left;
    }
    .sm-off11 {
        margin-left: 91.66667% !important;
    }
    .sm-nb.col12,
    .sm-col12 {
        width: 100%;
        float: left;
    }
    .sm-off12 {
        margin-left: 100% !important;
    }
    .flex {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-flow: row wrap-reverse;
        -webkit-flex-flow: row wrap-reverse;
    }
}
@media (max-width: 640px) {
    div[class*="sm-off"] {
        margin-left: 0 !important;
    }
    .xs-col1 {
        width: 8.33333% !important;
        float: left;
    }
    .xs-off1 {
        margin-left: 8.33333% !important;
    }
    .xs-col2 {
        width: 16.66667% !important;
        float: left;
    }
    .xs-off2 {
        margin-left: 16.66667% !important;
    }
    .xs-col3 {
        width: 25% !important;
        float: left;
    }
    .xs-off3 {
        margin-left: 25% !important;
    }
    .xs-col4 {
        width: 33.33333% !important;
        float: left;
    }
    .xs-off4 {
        margin-left: 33.33333% !important;
    }
    .xs-col5 {
        width: 41.66667% !important;
        float: left;
    }
    .xs-off5 {
        margin-left: 41.66667% !important;
    }
    .xs-col6 {
        width: 50% !important;
        float: left;
    }
    .xs-off6 {
        margin-left: 50% !important;
    }
    .xs-col7 {
        width: 58.33333% !important;
        float: left;
    }
    .xs-off7 {
        margin-left: 58.33333% !important;
    }
    .xs-col8 {
        width: 66.66667% !important;
        float: left;
    }
    .xs-off8 {
        margin-left: 66.66667% !important;
    }
    .xs-col9 {
        width: 75% !important;
        float: left;
    }
    .xs-off9 {
        margin-left: 75% !important;
    }
    .xs-col10 {
        width: 83.33333% !important;
        float: left;
    }
    .xs-off10 {
        margin-left: 83.33333% !important;
    }
    .xs-col11 {
        width: 91.66667% !important;
        float: left;
    }
    .xs-off11 {
        margin-left: 91.66667% !important;
    }
    .xs-col12 {
        width: 100% !important;
        float: left;
    }
    .xs-off12 {
        margin-left: 100% !important;
    }
}