/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body.lbk {font-size: 14px; color: #2F3E59}
body a {text-decoration: none}
body.lbk p {font-size: 24px; color: #2F3E59}
body.lbk ul {padding: 0 !important}
body.lbk h2 {font-size: 40px; }
body.lbk .tit3 {font-size: 70px; max-width: inherit}


.lbk .s1 .botblue {margin: 40px 0 !important}
.s2 {background: #F2F3F5 url("../img/bg-iso.png") no-repeat; background-position: 130% 0; background-size: auto 100%; }
.text-blue {color: #2956E8}

.mh-500 {max-height: 500px}
.fs-40 {font-size: 40px !important}

.check-circ li:before {content: "\F26A"; font-family: "Bootstrap-icons"; color: #5C5AFF; position: absolute; left: 0}
.check-circ li {padding-left: 35px; color: #2F3E59; position: relative; margin: 10px 0; font-size: 24px}

.brdbold {border-top:8px solid #2F3E59; border-bottom: 8px solid #2F3E59}
.ilus {height: 100px}
.bg-grey {background: #F2F3F5}

body.lbk .g-5, body.lbk .gx-5 {--bs-gutter-x: 5rem;}

.brokers {background: url("../img/bg-brokers.jpg") no-repeat top center; background-size: 100% auto; color: #fff}
.brokers.text-white h2 {color: #fff }
.brokers.text-white p {color: #fff; font-size: 28px}
.brokers.text-white .swiper-slide span {color: #fff; display: block; font-size: 20px; margin: 20px 0}

body.lbk .swiper-brokers-1 .swiper-pagination-bullet {background: #fff}
body.lbk .swiper-brokers-1 .swiper-pagination-bullet-active {background: #fff !important}
.swiper-brokers-2 .swiper-slide {border-radius: 20px; background: #E9EBE8 url("../img/bg-broker.png") no-repeat; background-position: right bottom; color: #2F3E59; height: auto }
.swiper-brokers-2 .swiper-slide p {color: #2F3E59; margin: 5px 0 }
.swiper-brokers-2 .swiper-slide .name {font-size: 25px; font-weight: 600}
.swiper-brokers-2 .swiper-slide .loc {font-size: 22px; }
.swiper-brokers-2 .swiper-slide .desc {font-size: 18px; padding: 2% 4% 4% 4% }
.swiper-brokers-2 .swiper-slide .soc {font-size: 16px; text-decoration: underline; }


.swiper-historia img {border-top-right-radius: 20px; border-top-left-radius: 20px}
.framsdesc {background: #F2F3F5; color: #2F3E59; text-align: center; padding: 20px; height: auto}
.swiper-historia  {background: #F2F3F5;}
.swiper-historia .swiper-pagination {position: relative}
body.lbk .swiper-pagination-bullet-active {background: #999 !important}

.bignum {font-size: 70px; color: #0092FF; font-weight: 700}
.nums p {max-width: 200px; margin: 0 auto}

body.lbk form label {font-weight: 500; font-size: 18px; margin: 15px 0 10px}
body.lbk form input {font-size: 16px; padding: 20px 10px}
body.lbk form select {font-size: 16px; padding: 10px}
body.lbk .botblue {margin: 0 !important; display: inline-block !important}
.botcv {border: 1px solid #2956E8 !important; background: #fff !important; color: #2956E8 !important; border-radius: 5px !important; display: inline-block}
#inputGroupFile01 {visibility: hidden !important}
section.contact {border-bottom: 10px solid #000066}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
.captvideo {position: absolute; left: 0; z-index: 9; top: 10%; max-width: 450px;}
.controlvid {position: absolute; z-index: 999; font-size: 80px; top: 50%; left: 50%; transform: translateX(-50%);}
.controlvid button {background: none; opacity: .5; color: #2956e8}
.controlvid .second {display: none}

#video3 {border-radius: 40px;
  border: 20px solid;
  width: auto;
  margin: 0 auto;}

@media (max-width: 750px) {
    body.lbk .container {padding: 0 6%;}
    body.lbk .tit3 {font-size: 34px}
    .lbk .s1 .botblue {margin: 0 auto !important; display: block !important;}
    .fs-40 {font-size: 24px !important}
    body.lbk p {font-size: 18px}
    .s2 {background: #F2F3F5 url("../img/bg-isoM.png") no-repeat; background-position: bottom center; background-size: auto; }
    .check-circ li {font-size: 18px}
    .brokers.text-white p {font-size: 18px}
    .brokers {background: url("../img/bg-brokersM.jpg") no-repeat top center; background-size: 100% auto; color: #fff}
    .swiper-brokers-2 .swiper-slide .name {font-size: 18px; font-weight: 500; display: inline-block; padding-left: 3%}
    .swiper-brokers-2 .swiper-slide .loc:before {content: ", " }
    .swiper-brokers-2 .swiper-slide .loc {font-size: 18px; font-weight: 500; display: inline-block; }
    .swiper-brokers-2 .swiper-slide .soc {display: block; padding-left: 3%}
    .nums p {max-width: inherit}
    section.contact {border-bottom: none}
    
    body.lbk #nav-icon1 {left: inherit !important}
    #navresp #top #fav a.favorite::after {right: 4%; top: -22px !important;}
    #desplegable.collapse.in {display: block}
    
    .captvideo {position: relative; top: inherit}
    .pie3 .wrap.d-block.d-lg-flex {margin: 0 auto}
    
     .barprog:after {
        content: ""; border-right: 2px solid rgba(41, 86, 232, 1); height: 800px;
  width: 2px;
  display: block;
  position: absolute;
  right: 6px;
  top: 50px;
    }
     .barprog .input {position: relative}
    .barprog .step { position: absolute; right: -28px;top: 65%; width: 20px; height: 20px; border: 2px solid rgba(41, 86, 232, 1); border-radius: 50%; z-index: 99}
    .barprog .step.one { background: #fff}
    .barprog .step.two { background: rgba(41, 86, 232, 0.15)}
    .barprog .step.three { background: rgba(41, 86, 232, 0.3)}
    .barprog .step.four { background: rgba(41, 86, 232, 0.45)}
    .barprog .step.five { background: rgba(41, 86, 232, 0.6)}
    .barprog .step.six { background: rgba(41, 86, 232, 0.75)}
    .barprog .step.seven { background: rgba(41, 86, 232, 0.9)}
    .barprog .step.eight { background: rgba(41, 86, 232, 1)}
}