html, body { width: 100%; height: auto; margin: 0; padding: 0;   overflow-x: hidden !important;
             background: #fff; color: #fff; /*font-size: 17px;*/ font-family: "Poppins", sans-serif;
             font-weight: 300; letter-spacing: 1px;  scroll-behavior: smooth !important;  }
body { padding: 0px;
scroll-behavior: smooth !important; 
 animation: fadein 2s;
    -moz-animation: fadein 2s;  
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s; }

@keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-webkit-keyframes fadein {  from { opacity:0; } to { opacity:1;} }
@-o-keyframes fadein {  from { opacity:0; } to { opacity:1;} } 

div {  scroll-behavior: smooth !important; }
a { text-decoration: none; outline: none;  }
a:hover, a:onclick { text-decoration: none; outline: none;  }
b { font-weight: 600;  }
header { width: 100%; height: 90px; background: #FF5754; top: 0; left: 0; position: fixed; z-index: 100; text-align: right; }
ul.men {  margin-right:5%; padding:30px 0; }
ul.men li { list-style:none; width:auto; display: inline-block; vertical-align:middle; padding:5px 7px;  }
ul.men li a { color:#fff; }
ul.men li a:hover { color:#fff; }
ul.men li a.active { color:#fff; }
ul.menu li a.active { color:#ffaa3a; font-weight:600; }
li { list-style:none; }
section {  width: 100%; height: auto; padding:90px 0; position:relative;  scroll-behavior: smooth !important;}
h1, h2, h3, a, blockquote, body, label, input, figure, button, .modal_, .tabcontent, .cruzz, .cruz, form { transition:all 200ms ease; outline: none; font-family: "Poppins", sans-serif; }
h1, h2, h3, h4, h5 { font-weight: 700; margin-bottom:35px; font-family: "Poppins", sans-serif;  }
footer { background: #FF5754; color: #fff; clear: both;  color: #fff; padding: 60px 5% !important; position:relative; font-weight:300; }
footer h3 { margin-bottom: 35px; font-size: 32px;  border-bottom: #fff solid 3px; width:auto; display: inline-block; border-bottom:#fff solid 2px;  }
footer a { color: #fff; }
footer a:hover { color: #B3C9DA; }
footer ul { padding-left: 0px;}
footer hr { width: 75px; height: 2px !important; background: #439208; opacity: 1; margin: 0px auto 30px auto; }
a.active { color:#ffaa3a; }
.logo { width:290px; position: absolute; left:5%; top:25px; }
input { width:100%; margin:5px 0; border:#9D9D9C solid 1px; padding:10px; background:none; }
.custom-select { width:100%; margin:5px 0; border:#9D9D9C solid 1px; background:url(img/down2.svg) no-repeat; background-position:98% center ; background-size: 15px !important; 
                 background-size: auto; padding:10px; overflow: hidden; }
select { width: 110%; border:none; background:none; color:#9D9D9C; }
textarea { width:100%; height: 130px; margin:5px 0; border:#9D9D9C solid 1px; resize: none; padding:10px; }
button { border:none; width:200px; height:100px; padding:0px; position:relative; background: none; }
button:hover { padding-top: 10px; }
button:click { padding-top: 10px; }
b { font-weight:700; }
hr { width:260px; opacity:1; border-top:#FF5754 solid 4px;  margin:25px 0; }

.flickity-prev-next-button { display:none; }
.redes { margin:25px 0; }
.redes a { display: inline-block; margin:25px 0 0 0; }
.submit 
.submit { color:#fff; border: none;  background:#FF5754; display:block; text-align:center; max-width:150px;  }
.collapse { color:#696969; }
.hr { margin-top:50px; padding-top:50px; border-top:#fff solid 1px; }
#requisitos { background:#B3C9DA; text-align:center; padding:75px 0 !important; height:auto !important; }
.pilll { padding:30px 0 0; margin:5px 0; border-bottom:#2f3b49 solid 1px; position:relative; }
.btn_faq { width:100%; color:#696969; position:relative; margin-bottom:40px; display: block; font-weight:400; font-size:20px;  }
.texto { font-size:20px; max-width:790px; font-weight:300; margin-bottom:15px; transition:all 300ms ease;  }
.texto1 { font-size:18px; max-width:790px; font-weight:200; margin-bottom:15px; transition:all 300ms ease;  }
.cruz { position:absolute; top:15px; right:10px;  }
.cruzz { rotate: 180deg; top:15px; right:10px;  }
.card-body { border: none; }
.clear { clear: both; }
.anchorb { margin-bottom:25px; display: block; position:relative; font-weight:700; font-size:20px; }
#faq { color:#696969; }
#faq h2 { color:#696969; font-size:36px; }
.ml-3 { margin-left:40px !important; }
#requisitos h2 { font-size:36px; color:#696969; margin-bottom:50px; }
#requisitos p { font-size:20px; }
#requisitos img { width:110px; margin-bottom:25px; }
#porcenta h1 { color:#FF5754; font-size:36px; } 
#porcenta { color:#878787; background:  url(img/porcenta.webp) no-repeat; background-size: auto 110%; margin-top: -20px; background-position:0 14%; }
#contacto { color:#878787; background:  url(img/porcenta2.webp) no-repeat; background-size: auto 110%; margin-top: 0px; background-position:0 14%; }
#beneficios { color:#696969; padding:75px 0; }
.barra { padding:15px 0;  border-bottom:#B3C9DA solid 2px; text-align:left; position:relative; font-size:16.5px; }
.barra img { width:79px; position:absolute; top:-14px; }
.bbt { border-top:#B3C9DA solid 2px;  }
.ribon1 { left:9%; }
.ribon2 { left:7%;  }
.ribon3 { left:5%;  }
.ribon4 { left:3%; }
.b1 { padding-left:21%; }
.b2 { padding-left:18%;  }
.b3 { padding-left:16%;  }
.b4 { padding-left:13%; }

.bgb { background: rgba(255, 255, 255, .8); padding-left:3%; }
.w3-black { background: rgba(255, 87, 84, .5) !important; width:300px; margin-left:-100px; text-align: center; padding:10px; }
.w3-black a { display: block; }
.w3-black a:hover { display: block; background:#fff; color:#FF5754 !important; }
.rs-foo { width:30px;  }
.w3-dropdown-hover { color:#fff !important; background:none !important; }
.form { opacity:.4; pointer-events:none; }
.default-class {
  background-color: lightgray;
  color: black;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}
.f22 { font-size:22px !important; } 
.f36 { font-size:36px !important; } 
.f46 { font-size:46px !important; } 

.f68 { font-size:68px !important; } 

.mt100 { margin-top:100px; }
.mt150 { margin-top:150px; }
.mt50 { margin-top:50px; }
.pb { padding-bottom:75px; }
.pb50 { padding-bottom:50px; }
.pb25 { padding-bottom:25px; }

.fw300 { font-weight:300; }
.fw600 { font-weight:600; }
.cover { background-size:cover;  }
.salmon { color:#FF5754;  }
.salmon-bg { background:#FF5754;  }
.txtg { color:#696969; }
.container { position:relative; z-index:10; }
.velo { position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background: rgba(0, 0, 0, .2); }
ul.listado { margin:0 0 70px 0; padding:0;  } 
ul.listado li { margin:0 0 20px 0; } 
ul.listado li { margin:0 0 20px 0; font-size:18px; font-weight:200; max-width:550px; } 
ul.listado li span { color:#FF5754; font-weight:700;  } 
.btn-salmon { background:#FF5754; color:#fff; padding:15px 20px; border-radius:5px; font-weight:700; }
.banner { padding:90px 0 125px 0; height:auto;
          background:#FF5754 url(img/bg-icon.svg) no-repeat center; background-size:100% auto !important; }
.banner h2 { margin:10px auto 60px; }

.banner1 { padding:90px 0 125px 0; height:auto;
          background:#FF5754 url(img/banner1.webp) no-repeat center; background-size:cover !important; }
.banner1 h2 { margin:10px auto 60px; }
.banner1 p { margin:-10px auto 60px auto; }

.banner2 { padding:90px 0 125px 0; height:auto;
          background:#FF5754 url(img/banner2.webp) no-repeat center; background-size:cover !important; }
.banner2 h2 { margin:10px auto 60px; }
.banner2 p { margin:-10px auto 60px auto; }

.banner3 { padding:90px 0 125px 0; height:auto;
          background:#FF5754 url(img/banner3.webp) no-repeat center; background-size:cover !important; }
.banner3 h2 { margin:10px auto 60px; }
.banner3 p { margin:-10px auto 60px auto; }


.banner4 { padding:90px 0 125px 0; height:auto;
          background:#FF5754 url(img/banner4.webp) no-repeat center; background-size:cover !important; }
.banner4 h2 { margin:10px auto 60px; }
.banner4 p { margin:-10px auto 60px auto; }


.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #FF5754 !important;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer;
}
.flickity-button {
  color: #FF5754 !important;
}

#soluciones-financieras .carousel_ .flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left !important;
  line-height: 1;
}

.beneficios { background:#B3C9DA; color:#fff; padding:125px 0; }
.beneficios .panel { color:#fff; display:inline-block; margin:50px; width:400px; height: 350px; vertical-align: top;
                     border:#fff solid 2px; padding:30px 4% 10px; text-align:center; border-radius:15px; }
.beneficios .panel h3 { color:#FF5754; font-size:32px; margin-top:35px;  }
.beneficios .panel p { color:#696969; font-size:22px; font-weight:600; }
.beneficios .panel p br { display:none; }
.beneficios .panel:hover { color:#fff; cursor: pointer;
                     border:#849EB7 solid 2px; background: #849EB7; }
.beneficios .panel:hover h3 { color:#fff; }
.beneficios .panel:hover p { color:#fff; }
/*.h3t { margin-top:35px; }*/

.arrendar { padding:75px 0; font-weight:500; }
.arrendar p { margin:25px auto; font-size:18px;  }
.credito { margin:75px 0; }

.carousel {
  background: #fff; max-width: 960px; margin: 75px 0; margin: 0 auto;
}

.carousel-cell {
  width: 470px;
  height: 250px;
  margin-right: 10px;
  background: #fff;
  border-radius: 5px; text-align: left !important; padding-left: 160px; padding-top: 50px;
}

.carousel-cell h3 { color:#FF5754; font-size:20px; }
  .carousel-cell p { color:#696969; font-size:18px; }

.uno { background: url(img/uno.webp) no-repeat center left; background-size:auto 100% !important; }
.dos { background: url(img/dos.webp) no-repeat center left; background-size:auto 100% !important; }
.tres { background: url(img/tres.webp) no-repeat center left; background-size:auto 100% !important; }


.modal-body {
    padding-top: 90px !important;
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}

.btn-close {opacity: 1; display: block; float: right; margin-bottom: 15px;
    background: url(img/cerrar.svg);}
.accept { position:relative; margin:20px 0; padding-left:25px; font-size:15px; }
.sheck { position:absolute; left:0; top:0; }
.active-class {
  background-color: dodgerblue;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}
a.aqui { text-decoration: underline; }
#acuerdo { border: red solid 1px; }

/* Icon 1 */
.burger {cursor: pointer; position: absolute; top: 20px; right: 25px; 
         z-index:99999999;  width:50px; height:50px; display:none; }
.main { right: -5% !important; transition:all 400ms ease; padding-right:9%; }

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 10px;
  position: relative;
  margin: 9px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 13px;
}

#nav-icon1 span:nth-child(3) {
  top: 26px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.img-porcenta { display:none; }
.sinbg { background:none !important; }
#acceder { padding:75px 0; height:auto; background-size:cover; background-position:center; }
#acceder ul { padding:15px 0; height:auto; }
#acceder ul li { list-style: initial; padding:15px 0; height:auto; font-size:18px; list-style-type: square;}



#acceder ul li::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: auto !important; color:#FF5754; line-height: 25px; font-size:28px;
}


.tresc { font-weight:300; }
.ajuste-copy { margin:-40px auto 75px; }
.half-col { padding-left:70px; }
.gradient { background: url(img/gradient.webp) repeat-x left bottom; }
.carousel_ {
  width: 350px !important; padding-bottom: 75px;
}
.carousel-cell_ {
  width: 350px !important;
  height: auto; padding-bottom: 20px;
  margin-right: 10px;
  padding-left: 0px;
  padding-top: 0px;
}
ul.cuadrado { padding-top:20px; }
ul.cuadrado li { list-style: initial;
    list-style-type: initial;
  height: auto;
  font-size: 18px;
  list-style-type: square; padding-left:10px; }

.inicio { background: url(img/Financiamiento_empresarial_Porcenta.webp) no-repeat center; background-size:cover !important; }
.af { background: url(img/arrendamiento-financiero.webp) no-repeat center; background-size:cover !important; }
.ap { background: url(img/arrendamiento-puro.webp) no-repeat center; background-size:cover !important; }
.lb { background: url(img/leasing-back.webp) no-repeat center; background-size:cover !important; }
.ch { background: url(img/credito-garantia-hipotecaria-porcenta.webp) no-repeat center; background-size:cover !important; }



@media only screen and (max-width: 890px) {
    #porcenta { color: #878787;    background: url(img/porcenta.webp) no-repeat;
    background-size:cover;    margin-top: -20px; background-position: 0 14%;
}
    ul.men { position: absolute; top: 90px; background: #FF5754; width: 100%; right: -110%; transition:all 400ms ease; padding: 30px 25px; }
    .burger {cursor: pointer; position: fixed; top: 20px; right: 25px; 
             z-index:99999999;  width:50px; height:50px; display:block; }
}
 @media only screen and (max-width: 580px) {
      #credito-hipotecario {
        height: auto;
        padding: 100px 0;
    }

    #credito-hipotecario .mt150 {
    margin-top: 0px;
}

.beneficios .panel {
    color: #fff;
    display: inline-block;
    margin: 0px 0px 20px 0px;
    width: 100%;
    height: auto;
    vertical-align: top;
    border: #fff solid 2px;
    padding: 30px 3% 10px;
    text-align: center;
    border-radius: 15px;
}

.carousel-cell {
    width: 100%;
    height: 250px;
    margin-right: 10px;
    background: #fff;
    border-radius: 5px;
    text-align: left !important;
    padding-left: 120px;
    padding-top: 50px;
}
.uno { background: url(img/uno.webp) no-repeat center left; background-size: 90% auto !important; }
.dos { background: url(img/dos.webp) no-repeat center left; background-size:90% auto!important; }
.tres { background: url(img/tres.webp) no-repeat center left; background-size:90% auto !important; }
.banner {
    padding: 90px 0 125px 0;
    height: auto;
    background: #FF5754 url(img/bg-icon.svg) no-repeat center;
    background-size:auto 100%  !important;
}
    .banner img {
        rotate: 90deg;
        height: 20px;
        margin: 70px auto;
        padding: 2px 0;
        position: relative;
    }
    
    h1 { font-size: 28px !important; }
    .f46 { font-size: 28px; }
    .f22 { font-size: 20px !important; }
    h1 br { display:none; }
    h2 br { display:none; }
    h3 br{ display:none; }
    p br { display:none; }
    #credito-hipotecario-garantia img { margin-top:50px; }
    #contacto {
    color: #878787;
    background: none !important; 
    background-size: auto 110%;
    margin-top: 0px;
    background-position: 0 14%;
}

}

 @media only screen and (max-width: 580px) {
    .logo-foo { width: 220px; }
    .ml-3 { margin-left: 0px !important; }
    #requisitos p { margin-bottom:35px; }
    .col-7 { width:100%; padding:5% !important; }
    .offset-5 { padding:0; margin-left: 0 !important; }

    .barra { padding:15px 0;  border-bottom:#B3C9DA solid 2px; text-align:left; position:relative; font-size:16.5px; }
.barra img { width:79px; position:absolute; top:-14px; }
.bbt { border-top:#B3C9DA solid 2px;  }
.ribon1 { left:1%; }
.ribon2 { left:1%;  }
.ribon3 { left:1%;  }
.ribon4 { left:1%; }
.b1 { padding-left:21%; }
.b2 { padding-left:21%;  }
.b3 { padding-left:21%;  }
.b4 { padding-left:21%; }
   .half-col {
    padding-left: 3%;
}

#contacto br { display:none !important; }
.accept br { display:none !important; }
.cover {
    background-size: auto 100%; background-position: center right;
} 
 }

 @media only screen and (max-width: 500px) {
 #porcenta h1 { color: #FF5754; font-size: 34px; padding-top:120px; padding-right:7%; }
    #requisitos h2 { font-size: 34px; color: #696969; margin-bottom: 50px; }
    #faq h2 { color: #696969; font-size: 34px; }
    h1 br, h2 br, h3 br, p br  { display:none; }
    #porcenta br { display:none; }
    #porcenta {  color: #878787; background: none; background-size:cover;
                 margin-top: -20px; background-position: 0 14%; padding-bottom: 0px; padding-top: 0px; }
    .btn_faq { padding-right:20%; }
    .img-porcenta { display:block; width:100%; height:auto; }
    .logo {    width: 220px;    position: absolute;    left: 5%;    top: 25px; }
     h1 br { display:none; }
     #arroz h1 { max-width:200px; }
     .carousel-nav { display:none; }
     #onigiris_ { color: #000;    padding-bottom: 0px;    margin-bottom: -50px;    height: auto !important;    margin-bottom: -250px; }
     .col { width:100%; flex:none; }
     .g-3, .gy-3 {  --bs-gutter-y: 0rem; }
     ul.men li {
    list-style: none;
    width: auto;
    display: block;
    vertical-align: middle;
    padding: 5px 7px;
}
.w3-black {
    width: 300px;
    margin-left: -200px;
    text-align: center;
    padding: 10px;
    background: rgba(255, 87, 84, 0.7) !important;
}
.f68 {
    font-size: 34px !important;
}

.inicio { background: url(img/Financiamiento_empresarial_Porcenta_.webp) no-repeat center; background-size:cover !important; }
.af { background: url(img/arrendamiento_financiero_porcenta_.webp) no-repeat center; background-size:cover !important; }
.ap { background: url(img/Arrendamiento_puro_Porcenta_.webp) no-repeat center; background-size:cover !important; }
.lb { background: url(img/leasing_back_porcenta_.webp) no-repeat center; background-size:cover !important; }
.ch { background: url(img/Credito_garantia_hipotecaria_porcenta_.webp) no-repeat center; background-size:cover !important; }

.banner1 { background: url(img/decision_financiera_porcenta_.webp) no-repeat center; background-size:cover !important; }
.banner2 {
  padding: 90px 0 125px 0;
  height: auto;
  background: #FF5754 url(img/estrategia_financiera_porcenta_.webp) no-repeat center;
    background-size: auto;
  background-size: cover !important;
}
.banner3 {
  padding: 90px 0 125px 0;
  height: auto;
  background: #FF5754 url(img/Expertos_finanzas_porcenta_.webp) no-repeat center;
    background-size: auto;
  background-size: cover !important;
}
.banner4 {
  padding: 90px 0 125px 0;
  height: auto;
  background: #FF5754 url(img/estrategia_credito_hipotecario_porcenta_.webp) no-repeat center;
    background-size: auto;
  background-size: cover !important;
}

 }


@media only screen and (max-width: 400px) {
  .carousel-cell_ {
  width: 100%;
  height: auto;
  margin-right: 10px;
  padding-left: 0px;
  padding-top: 0px;
}
     h1 br { display:none; }
     .carousel-nav { display:none; }
}