/* font converted using font-converter.net. thank you! */
@font-face {
     font-family: 'Bourgeois-Bold';
     src: url('../css/Bourgeois-Bold.ttf');
     font-weight: normal;
     font-style: normal;
 }

/* font converted using font-converter.net. thank you! */
@font-face {
     font-family: 'Gotham-Book';
     src: url('../css/Gotham-Book.otf');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'Gotham-Bold';
     src: url('../css/Gotham-Bold.otf');
     font-weight: normal;
     font-style: normal;
 }
  @font-face {
     font-family: 'Gotham-Black';
     src: url('../css/Gotham-Black.otf');
     font-weight: normal;
     font-style: normal;
 }

#prestamos-banco {
  font-family: "Bourgeois-Medium";
  letter-spacing: 1px;
  font-size: 20px;
  margin-top: -30px;
  height: 100%;
}

h1{
    font-size: 40px;
    color: #000;
    font-family: "Gotham-Bold";
    margin: 0;
}


#bloque-banco{
  background-image: url('../img/fondo-desk.jpg');
  width: 100%
}
#bloque-banco .container{
  display: block;
  max-width: 1400px;
  padding-left:0;
}

.personaje.col-lg-5{
  padding: -40px;
}
#cintillo-banco{
  margin: -10px 0;
}
#bloque-banco .ofertas-efectivo{
    margin-top: 5%;
    margin-bottom: 3%;
}
#bloque-banco .efectivo-express {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 25px;
}

 #prestamos-banco .banner-footer{
  position: relative;
  z-index: 1;
  bottom: 180px;
}

#prestamos-banco .banner-footer p{
  text-align: center;
  color: #68339B;
  font-family: "Gotham-Book";
  font-size: 25px;
  margin: 0;
  padding: 1% 0 1% 0;
}
.content-acordion{
margin-bottom: -120px;
}
.pannel{
  color: #000;
  letter-spacing: 0px;
  margin-top: -10%;
}
 .content-acordion .accordion{
  margin: -10% 0 13% 0;
  text-align: center;
 }
 .content-acordion .accordion h2{
  font-family: 'Gotham-Book';
  letter-spacing: 0;
  color:#92529C;
  margin: 0;
 }
 .content-acordion .accordion h2:hover{
  color:#BA69C7
 }
 div.accordion:hover,div.accordion:active{
  cursor: pointer;

 }

 p.accordion:after {
    content: '\f078';
    font-size: 20px;
    /*color: #777;*/
    color: #777;
    position: absolute;
    top: 2px;
    right: 15px;
    font-family: "FontAwesome";
    /*padding: 5px;*/
    /*margin-right: 40px;*/
}
div.pannel{
    transition: 0.2s ease-in-out;
    background-color: white;
}
div.pannel.show {
    max-height: 300px;
    display: none !important;
}
 .content-chapa1{
 background: #fff;
 margin-bottom: 30px;
 display: flex;
 flex-direction: row;
 justify-content: space-between; 
}
 .chapa-1-descripcion{
 width: 65%;
 font-size: 12px;
 font-family: 'Gotham-Book';
 text-align: justify;
}
 .content-chapa2{
 margin-bottom: 35px;
 display: flex;
 flex-direction: row;
 justify-content: space-between; 
}
 .chapa-2-descripcion{
 width: 65%;
 font-size: 12px;
 font-family: 'Gotham-Book';
 text-align:justify;
}


a{
text-decoration: none;
    color: #000000;
}
a:hover, a:focus{
color: #ff3485;
text-decoration: underline;
}
.tyc a:hover{
  color:#70578b
}

/*Sliks*/
.slick-next{
  height: 27px;
  width: 15px;
  z-index: 999999;
  background-image: url(../img/flecha-der.png);
}
.slick-prev {
  height: 27px;
  width: 15px;
  z-index: 999999;
  background-image: url(../img/flecha-izq.png);
}

.slick-prev:before,
.slick-next:before {
  font-size: 35px;
}

.slick-next {
  right: 15px;
}

.slick-prev {
  left: 15px;
}

#tips{
  padding: 2% 5%;
  margin: -11% 0% 0% 0%;
}

#tips .container{
  border: 3px solid #68339B;
  padding: 2% 5%;
}
#tips h2{
  font-size: 40px;
  font-family: 'Bourgeois-Medium';
  text-align: center;
 
  color: #ff3485;
}
#tips .text {
    font-family: 'Gotham-Bold';
    font-size: 25px;
    color: #000;
    margin: 0;
   }
   #tips .text-center {
    margin: 0;
   }
#tips p{
  font-size: 20px;
  font-family: 'Bourgeois-Medium';
  margin: 2% 0;
  text-align: justify;
}
#tips p strong{
  font-size: 20px;
  font-family: 'Gotham-Bold';
}


#tips .viñetas-banco{
  margin: 4% 0;
  font-family: 'Gotham-Book';
  color: #000;
}


@media screen and (max-width: 769px) {
 

 #prestamos-banco {
  margin-top: -40px;
}
#cintillo-banco{
  margin: -10px 0;
}

#bloque-banco .efectivo-express {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.banner-footer{
  bottom: 0 !important;
}
#bloque-banco .efectivo-express{
  margin: 10% 0;
}
#prestamos-banco .banner-footer p{
  font-size: 15px;
}

#tips{
  padding: 5% 5%;
  margin: 0;
}
#tips p{
    margin: -5% 0 0;
    font-size: 15px !important;
    text-align: left;
}
#tips .tyc{
  margin: 2% 0;
}
.content-acordion .accordion{
  margin: 4% 4% !important;
  text-align: center;
}
.content-acordion .accordion h2{
  font-size: 17px;
}
#tips .viñetas-banco{
  margin: 5% 0;
  color: #000;
  font-size: 15px;
}
#prestamos-banco .banner-footer hr{
  margin-top: 10px;
}
.content-acordion{
margin-bottom: -5px;
}
.pannel{
  margin-top: 0;
}
 .content-chapa1{
  background: #fff;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  row-gap:10px;
}
 .chapa1{
  width: 70%;
  margin: 0 auto;
}

 .chapa-1-descripcion{
  width: 100%;
  font-size: 10px;
  font-family: 'Gotham-Book';
  text-align: justify;
}
 .content-chapa2{
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  row-gap:10px;
}
 .chapa2{
  width: 70%;
  margin: 0 auto;
}
 .chapa-2-descripcion{
  width: 100%;
  font-size: 10px;
  font-family: 'Gotham-Book';
  text-align: justify;
}

h1, .h1 {
    font-size: 25px !important;
    color: #000;
    font-family: "Gotham-Bold";
}
  }

  
@media screen and (max-width: 1024px) {

  #prestamos-banco .banner-footer{
    bottom: 110px;
  }
  #terminos-y-condiciones{
    margin-top: 0;
  }
  #terminos-y-condiciones .chapa1{
    width: 50%;
  }
  #terminos-y-condiciones .content-chapa1{
    column-gap: 30px;
  }
  #terminos-y-condiciones .chapa2{
    width: 50%;
  }
  #terminos-y-condiciones .content-chapa2{
    column-gap: 30px;
  }
  h1{
    font-size: 43px;
  }
  
}