/*=== GLOBAL ===*/

/** FUENTES **/
@font-face {
	font-family: "MontserratEBold";
	src: url('/skins/page/fuentes/Montserrat-ExtraBold.woff');
}
@font-face {
	font-family: "MontserratBold";
	src: url('/skins/page/fuentes/Montserrat-Bold.woff');
}
@font-face {
	font-family: "MontserratMedium";
	src: url('/skins/page/fuentes/Montserrat-Medium.woff');
}

/** VARIABLES **/
:root{
	--primary-color: #24356F;
	--secondary-color: #FDB715;
	--primary-text: #6B6B6B;
}


*{margin:0;padding:0;box-sizing:border-box; font-family: 'MontserratMedium';}
a{text-decoration:none!important;color:inherit;} a:hover{color:inherit;}

h1,h2,h3{ font-family: 'MontserratBold'; }
a,p,span,button,small,h4,h5,h6, li{ font-family: 'MontserratMedium'; }
ul li{ list-style-position: inside; color: var(--primary-text); }

/*= COLORS =*/
.c-primary{ color: var(--primary-text); }

/*= BUTTONS =*/
.btn-primary-link{
	color: #FFF;
	border-radius: 10px;
	padding: 8px 25px;
	font-weight: bold;
	background: var(--secondary-color);
	box-shadow: 5px 2px 8px rgba(0, 0, 0, 0.5);
} .btn-primary-link:hover{ color: #FFF;  }

/*= FONT-SIZE =*/



.fs-15{ 
	font-size: 15px!important; 
}

.cajas-lineacredito .fs-15{ 
	background-color: #F0F0F0;
	border: 2px solid #24356F;
    border-radius: 35px;
	padding: 30px 0px;
}

.cajas-ahorros .fs-15{ 
	background-color: #F0F0F0;
	border: 2px solid #24356F;
    border-radius: 35px;
	padding: 30px 0px;
}

.fs-20{ 
	font-size: 20px!important; 
}
.fs-25{ font-size: 25px!important; }

/*=ADICIONALES=*/
.no-after:after{ content: none; }

body{
	margin-top: 170px;
}


/*=== FATHER NAVBAR ===*/
nav.main-navbar{
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	position: relative;
	z-index: 10;
	position:fixed;
	top:0;
	left: 0;
	width: 100%;
	margin-top: 0px;
	background-color: #FFF;
}
.main-navbar  .container .nav-toggle .menu{
	 position: relative;
	 left: 65px; 
	color: var(--primary-color);
	 font-weight: bold;
	 bottom: 40px;
	 font-size: 25px;
}
/* nav toggle */
.nav-toggle {
  cursor: pointer;
  height: 2rem;
  width: 40px;
  position: relative;
  right: 150px;
}
.nav-toggle:hover {
  opacity: 0.8;
}

/* nav */
.items-navbar {
  background: var(--primary-color);
  color: white;
  font-size: 2rem;
  height: 110vh;
  right: -510px;
  padding: 6rem 2rem 2rem 2rem;
  position: fixed;
  top: 0;
  transition: right 0.5s;
  width: 400px;
  z-index: 999;
}
.items-navbar.expanded { right: 0; }
.items-navbar .close-nav{
	position: absolute;
	left: -100px;
	cursor: pointer;
	background: var(--secondary-color);
	font-size: 20px;
	border-radius: 50px;
	color: white;
	padding: 15px 25px;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	left: -70px;
}
.items-navbar .nav-section{ margin-bottom: 30px;  }
.items-navbar .nav-section .nav-title{
	color: var(--secondary-color);
	font-family: 'MontserratBold';
	font-size: 30px;
}
.items-navbar .nav-section ul li{
	list-style: none;
	font-size: 15px;
}
.items-navbar .nav-section ul li a{
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
}
.items-navbar .nav-section ul li a:hover{ color: #C7C7C7; }



/*=== TOP-NAV ===*/
.top-nav{
	background: var(--primary-color);
	padding: 12px 0;
}

/* REDES SOCIALES */
.social img{
	width: 35px;
	height: 35px;
	object-fit: cover;
	object-position: center;
	margin-right: 10px;
}
.social a{
	display: inline-block;
    margin: 0 3px;
    color: #ffffff;
	transition: .2s ease-in;
	font-size: 19px;
}
.social a:hover{ color: var(--secondary-color);  }

.social a i{
	display: flex;
    flex-direction: row;
    background: var(--secondary-color);
    color: #ffffff;
    border: none;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
	justify-content: center;
	align-items: center;
}

.social a i:hover{
    background: var(--primary-color);;
}

/* BARRA - BOTONES  */
.buttons-nav .top-button i{
	color: #FFF;
	background: var(--secondary-color);
	padding: 8px;
	border-radius: 50px;
	margin-right: -15px;
}
.buttons-nav .top-button span{
	color: #FFF;
	font-size: 20px;
	padding: 5px 15px 5px 20px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	border-radius: 0 50px 50px 0;
}
.buttons-nav .top-button:last-child{
	margin-left: 30px;
}


/*=== BOTTOM-NAV ===*/

/* LOGO  */
.bottom-nav div img.logo{
	width: 290px;
}

/* MENU HAMBURGUER  */
.bottom-nav div i{
	color: var(--primary-color);;
	font-size: 45px;
	cursor: pointer;
}


/*=== BANNER ===*/
header{
	width: 100%;
	height: 900px;
}

.fondo-video-youtube, .fondo-img-banner {
  position: relative;
  display: block;
  width: 100%;
  height: 600px;
  overflow: hidden;
  margin-top: 23px;
}

.banner-video-youtube{
  position: absolute;
  top: -80%;
  left: -80%;
  z-index: 1;
  margin: auto;
  opacity: 1;
  width: 260%;
  height: 260%;
}
.fondo-imagen {
	position: absolute;
  z-index: 1;
  object-fit: cover;
  object-position: center;
  margin: auto;
  opacity: 1;
  width: 100%;
  height: 100%;
}


/*=== SECTION.NUESTROS_SERVICIOS ===*/
section{
	margin-top: 40px;
}
section h2{
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	color: var(--secondary-color);
	position: relative;
	font-weight: bold;

}
section h2:after {
    content:"";
    position: absolute;
    left: calc(50% - 20px);
    top: 35px;
    width: 50px;
    height: 0.5em;
    border-bottom: 1px solid var(--secondary-color);
    z-index: -1;
}
section p{
	width: 70%;
	color: var(--primary-text);
	text-align: center;
	margin: 25px auto;
	font-size: 15px;
}

/* CARD COMPONENT */
.cards-section{ text-align: center; margin-top: 80px; }
.cards-section .col{ margin-bottom: 80px;  }
.img-card-component{ position: relative; }

.img-card-component {
	text-align: center;
}
.img-card-component i{
	position: absolute;
	color: #FFF;
	text-shadow: 0 0 15px #000;
	top: calc(50% - 25px);
  	left: calc(50% - 25px);
	font-size: 50px;
	z-index: 3;
}

.text-card-component{ margin-top: 40px; }
.text-card-component h4{ color: var(--primary-color); }
.text-card-component p{
	font-size: 15px;
	width: 90%;
	margin-top:0;
	margin-bottom: 30px;
	color: var(--primary-text);
}
.text-card-component a{
	color: #FFF;
	font-size: 15px;
	padding: 5px 10px;
	border-radius: 5px;
	transition: .2s ease-in-out;
	background: var(--primary-color);
} .text-card-component a:hover{ background: var(--secondary-color);  }
.text-card-component a i{
	padding: 8px 8px 6px 0;
	border-right: 1px solid grey;
}
.text-card-component a span{ padding: 10px; }


/*=== SEMI-FOOTER ===*/
.semi-footer{ width: 100%; }
.semi-footer img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.semi-footer .semi-footer-text {
	margin-top: -250px;
	padding-bottom: 12px;
}
.semi-footer .semi-footer-text h4{ font-size: 40px; color: #FFF; margin: 0; }
.semi-footer .semi-footer-text p{ font-size: 15px; color: #FFF; margin: 0; padding-bottom: 10px; }
.semi-footer .semi-footer-text a.btn-primary-link{ font-size: 30px; }
.semi-footer .semi-footer-text .info {
	font-size: 45px;
	color: #FFF;
	margin-top: 30px;
	font-weight: 500;
	line-height: 30px;
}
.semi-footer .semi-footer-text .info span{ 
	display: block; 
	font-size: 25px;
}

.semi-footer .semi-footer-text .info a{ 
	font-size: 27px;
}
/*=== FOOTER ===*/
footer{
	background: var(--primary-color);
	padding: 40px 0;
}
footer .container{ color: #FFF; }
footer .container .row > div{
	border-right: 1px solid grey;
} footer .container .col:last-child{ border:none; }

/* FREQUENT QUESTIONS  */
footer .container .fq{ border: none!important;  }
footer .container .fq i{
	color: #FFF;
	font-size: 30px;
	background: var(--secondary-color);
	padding: 11px 15px;
	border-radius: 50px;
	text-shadow: 2px 2px #000;
}


/**
 *
 * COMPONENTES
 *
 */
.box-text{ width: 70%; }
.text-right-imp p,
.text-right-imp div,
.text-right-imp ul{ text-align: right!important; width: 100%; margin: 5px 0;}

.text-left-imp p,
.text-left-imp div,
.text-left-imp ul{ text-align: left!important; width: 100%; margin: 5px 0;}

.text-justify-imp p,
.text-justify-imp div,
.text-justify-imp ul{ margin: auto;}

.dinamica {
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.caja-contenido-simple h2, .primary-color{ color: var(--primary-color); height: 65px; }
.caja-contenido-simple.disenio1,
.caja-contenido-simple.disenio2,
.caja-contenido-simple.disenio3,
.caja-contenido-simple.disenio4{margin-bottom: 50px;}
.descripcion-ul-w70 ul{ width: 70%; margin: auto; }
.btn-vermas{
	color: #FFF;
	padding: 5px 15px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 15px;
	transition: .2s ease-in;
	background: var(--primary-color);
}
.btn-vermas:hover{ background: var(--secondary-color); color: #FFF; }

.caja-contenido-simple .archivo a{
  background: var(--secondary-color);
  color: #FFF;
  padding: 3px 15px;
  border-radius: 50px;
  margin-top: 20px;
}

/* CAJA CONTENIDO SIMPLE DISEÑO 4  */
/*.caja-contenido-simple.disenio4{ text-align: center; }
.caja-contenido-simple.disenio4 img{
	box-shadow: 0px 6px 5px #ccc;
	border-radius: 50%;
}
.caja-contenido-simple.disenio4 h2{
	font-weight: bold;
	text-transform: capitalize;
	color: var(--primary-color);
}
.caja-contenido-simple.disenio4 h2:after{ content: none;  }
.caja-contenido-simple.disenio4 p { width: 100%; }
.caja-contenido-simple.disenio4 a i{
	padding-right: 10px;
	border-right: 1px solid grey;
}
.caja-contenido-simple.disenio4 a span{ margin-left: 5px;  }*/


/*CAROUSEL*/
.carousel-caption{text-align: left!important;text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);  padding-bottom: 0;}
.carousel-caption h2 span{font-size: 43px;width: 70%!important; font-family: 'MontserratBold'!important;}
.carousel-caption div.banner-description{font-size: 24px;width: 50%;}
.carousel-caption a{font-size: 25px;}


/*BOTONES FLOTANTES*/
.pqr-app {
	position: fixed;
	top: auto;
	right: 10px;
	z-index: 999;
	width: 100px;
}
.pqr-app a {
	text-decoration: none;
	display: block;
	padding: 2px ;
	border-radius: 50px;
}
.pqr-app p {
	font-size: 14px;
	color: #ffffff;
	margin: 0px;
	margin-bottom: 6px;
}
.pqr-app .fa-comments { margin-top: -10px; }
.pqr-app .pqr {
	border-radius: 12px;
	padding: 10px;
}
.pqr-app .pqr i { color: #ffffff; }
.pqr-app img { height: 50px; width: 60%; }
.pqr-app .app {
	background: #24356F;
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

/* ////////// nuestro servicios //////////// */

.caja-169 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
  }
  
  #caja-169 img:hover {
	transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  }
  .caja-170 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
  }
  
  #caja-170 img:hover {
	transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  }
  .caja-171 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
  }
  
  #caja-171 img:hover {
	transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  }
  .caja-172 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
  }
  
  #caja-172 img:hover {
	transform: scale(0.8);
	-ms-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  }

#caja-211 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
}
#caja-211 img:hover{
	transform:scale(0.8);
	-ms-transform:scale(0.8); /* IE 9*/ 
	-moz-transform:scale(0.8); /* Firefox */ 
	-webkit-transform:scale(0.8); /* Safari and Chrome */ 
	-o-transform:scale(0.8); /*Opera*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#caja-212 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
}
#caja-212 img:hover{
	transform:scale(0.8);
	-ms-transform:scale(0.8); /* IE 9*/ 
	-moz-transform:scale(0.8); /* Firefox */ 
	-webkit-transform:scale(0.8); /* Safari and Chrome */ 
	-o-transform:scale(0.8); /*Opera*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#caja-213 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
}
#caja-213 img:hover{
	transform:scale(0.8);
	-ms-transform:scale(0.8); /* IE 9*/ 
	-moz-transform:scale(0.8); /* Firefox */ 
	-webkit-transform:scale(0.8); /* Safari and Chrome */ 
	-o-transform:scale(0.8); /*Opera*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#caja-214 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
}
#caja-214 img:hover{
	transform:scale(0.8);
	-ms-transform:scale(0.8); /* IE 9*/ 
	-moz-transform:scale(0.8); /* Firefox */ 
	-webkit-transform:scale(0.8); /* Safari and Chrome */ 
	-o-transform:scale(0.8); /*Opera*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
/*estilos nuevos */
.carousel-indicators{
	margin: 0;
}


  /*ESTILOS DE NOSOTROS-QUIENES SOMOS*/
/*contenedor-84*/




  /*contenedor-85*/
  #contenedor-85 .row .col-sm-6 .mt-3 .objectivos p:nth-child(1){
        color: var(--primary-color);
		font-size: 40px;
		font-family: 'MontserratMedium';
		margin-bottom: 0;
		width: 100%;
		margin-top: 0;
  } 
  #contenedor-85 .row .col-sm-6 .mt-3 .objectivos p:nth-child(2){
	  position: relative;
	  bottom: 0	px;
	color: var(--secondary-color);
    margin-top: -20px;
	margin-bottom: 10px;
	font-size: 35px;
	font-family: 'MontserratMedium';
	font-weight: bold;
	width: 100%;

} 
#contenedor-85 .row .col-sm-6 .mt-3 .objectivos p:nth-child(3){
	position: relative;
	bottom: 35px;
	color: var(--primary-color);
    margin-top: 0;
	margin-bottom: 0;
	font-size: 45px;
	font-family: 'MontserratMedium';
	font-weight: bold;
	width: 100%;
} 
#contenedor-85 .row .col-sm-6 .mt-3 .objectivos p:nth-child(4){
    font-family: 'MontserratMedium';
	position: relative;
	bottom: 35px;
	width: 100%;
	font-size: 17px;
} 
#contenedor-85 .row .col-sm-6 .mt-3 .febatco {
	width: 93%;
	margin: auto;
	font-family: 'MontserratMedium';
}

#contenedor-85 .row .col-sm-6 .mt-3 .febatco p:nth-child(1){
	position: relative;
	top: 10px;
	font-size: 15px;
	font-family: 'MontserratMedium';
	margin-bottom: 35px;
	width: 100%;
	
} 
#contenedor-85 .row .col-sm-6 .mt-3 .febatco p:nth-child(2){
      width: 100%;
	  font-size: 13px;
	  color: var(--primary-color);
	  margin: 10px 0 0PX 0px;
}
#contenedor-85 .row .col-sm-6 .mt-3 .febatco p:nth-child(3){
	width: 100%;
	font-size: 13px;
    color: var(--primary-color);
	margin: 0;

}
#contenedor-85 .row .col-sm-6 .mt-3 .febatco p:nth-child(4){
	width: 100%;
	font-size: 13px;
    color: var(--primary-color);
	margin: 0;
}
#contenedor-85 .row .col-sm-6 .mt-3 .febatco p:nth-child(5){
	width: 100%;
	font-size: 13px;
    color: var(--primary-color);
	margin: 0;
	
}
#contenedor-85 .row .col-sm-6 .mt-3 .febatco p:nth-child(6){
	width: 100%;
	font-size: 13px;
    color: var(--primary-color);
	margin: 0;

}

/*CONTENEDOR DE MISION Y VISION*/
#contenedor-88 .row .col-sm-6 .caja-contenido-simple h2{
	position: relative;
	top: 280px;
	color: var(--primary-color);
	font-size:45px !important ;
	
}
#contenedor-88 .row .col-sm-6 .img-card-component img{
	  width: 50%;
	  position: relative;
	  left: 145px;
}

/*CONTENEDOR 91*/
#contenedor-91{
	padding-top: 3%;
}
#contenedor-91 h2{
	 color: var(--primary-color);
	 margin: 0;
	 font-size: 40px !important;
}
#contenedor-91 .descripcion-seccion {
	 position: relative;
	 bottom: 20px;
}
#contenedor-91 h2::after{
	border: none;

}
#contenedor-91 .row .img-card-component img{
	width: 90%;
	height: 90%;
	position: relative;
	bottom: 50px;
}


#contenedor-91 .row .col-sm-6 .caja-contenido-simple .mt-3 h3 {
     color: var(--primary-color);
	 font-family: 'MontserratBold';
}
#contenedor-91 .row .col-sm-6 .caja-contenido-simple .mt-3 p{
   width: 97%;
   height: 90%;
   font-size: 'MontserratMedium';
   margin-top: 0px;
   margin-bottom: 0px;
}
/*estilos para que sedividan los li en dos*/
#contenedor-91 .row .col-sm-6 .caja-contenido-simple .mt-3 ul {
	 display: grid;
	 grid-template-columns:repeat(2,1fr) ;
	 grid-gap: 10px;
}
#contenedor-91 .row .col-sm-6 .caja-contenido-simple .mt-3 ul li{
	color: var(--primary-color);
}

#contenedor-91 .descripcion-seccion p{
	 margin-top: 15px;
	 margin-bottom: 15px;
}
/*contenedor-95*/
#contenedor-95{
	margin: 0;
   
}
#contenedor-95 .row{
	margin-top: 15px;
}
#contenedor-95  .container{
	padding-top:55px ;
	padding-bottom:55px;
}
#contenedor-95   h2{
	 color: var(--primary-color);
}

#contenedor-95 .row .col-sm-4 .caja-contenido-simple{
	 border-radius: 6%;
}
#contenedor-95 .row .col-sm-4 .caja-contenido-simple h2{
	 padding-top: 30px;
	 color: #fff;
	 font-family: 'MontserratMedium';
}
#contenedor-95 .row .col-sm-4 .mt-3 p{
    width:100%;
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(1){
      color: var(--secondary-color);
	  /*font-weight: bold;*/
	  text-align: center;
	  margin-top: 0;
	  position: relative;
	  
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(2){
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	position: relative;
	top: -10px;
	font-size: 20px;
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(3){
   text-align: center;
	margin-top: 0;
	position: relative;
	top: -25px;
	font-size: 15px;
	margin-bottom: 0;
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(4){
	text-align: center;
	margin-top: 0;
	position: relative;
	top: -25px;
	font-size: 15px;
	margin-bottom: 0;

}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(5){

	text-align: center;
	margin-top: 0;
	position: relative;
	top: -25px;
	font-size: 15px;
	margin-bottom: 0;
	
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(6){

	text-align: center;
	margin-top: 0;
	position: relative;
	top: -25px;
	font-size: 15px;
	margin-bottom: 0;

}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(7){

	text-align: center;
	margin-top: 0;
	position: relative;
	top: -25px;
	font-size: 15px;
	margin-bottom: 0;

}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(8){
	color: #FFf;
	font-weight: bold;
	text-align: center;
	 padding-top: 10px;
	position: relative;
	top: -25px;
	font-size: 20px;
	margin-top: 15px;
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(9){
   margin-bottom: 0;
   margin-top: 0;
   position: relative;
   top:-40px;
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(10){
	   margin-bottom: 0;
	   margin-top: 0;
	   position: relative;
	   top:-40px;
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(11){
   margin-bottom: 0;
   margin-top: 0;
   position: relative;
   top:-40px;
}
#contenedor-95 .row .col-sm-4 .mt-3 p:nth-child(12){
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
	top:-40px;
 }

#contenedor-95 .row .col-sm-4  .btn-vermas{
	  background-color: var(--primary-color);
	  border: 1px solid #fff;
	  border-radius: 40px;
	  margin:auto;
	  width: 53%;
	  text-align: center;
	}

#contenedor-95 .row .col-sm-4  .btn-vermas:hover{
	  background-color: var(--secondary-color);
}
	   
	 
#contenedor-95 .row .col-sm-4  .btn-enlaces
{
	padding-top: 10px;
	padding-bottom: 15px;
	border-top: 1px solid #fff;
}
#contenedor-95 .descripcion-seccion  p{
	 margin-top: 0;
	 margin-bottom: 0;
	 font-size: 15px;
	 font-family: 'MontserratMedium';
}
/*estilos de servicios*/

#contenedor-115 .row .col-sm-3 .caja-contenido-simple .img-card-component img{
	width: 90%;
	height: 80px;
}



.pregutas-frecuentes {
background-color: #d3d3d3;
padding-bottom: 35px;
    padding-top: 35px;

}
.pregutas-frecuentes .container-fluid {
	 width: 92% !important;
}
.pregutas-frecuentes .container-fluid .col-sm-12 .row  .magen img{
	 position: relative;
	 top: 40px;
	 
}
.pregutas-frecuentes .container-fluid .col-sm-12 .row  .imagen img:nth-child(1){
	 position: relative;
	 top: 25px;
}

/*ESTILOS DE CONTROL SOCIAL*/
#contenedor-132  .row  .col-sm-12 .caja-contenido-simple  h2  {
   margin-bottom: 30px;
   font-size: 30px !important;
   font-family: 'MontserratBold';
}
#contenedor-132  .row  .col-sm-12 .mt-3 p {
      margin-top: 20px;
	  position: relative;
	  bottom: 25px;
	  font-family: 'MontserratMedium';
	  font-size: 15px !important;
}
#contenedor-132  .row  .col-sm-6 .caja-contenido-simple .row .col-sm-7 h2 {
  font-size: 30px !important;
  font-family: 'MontserratBold';  
}
#contenedor-132  .row  .col-sm-6 .caja-contenido-simple .row .col-sm-7  p{
	margin-top: 0;
	margin-bottom: 0;
}
#contenedor-132  .row  .col-sm-6 .caja-contenido-simple .row .col-sm-5 img{
	width: 250px;
	position: relative;
	bottom: 45px;
}




/*STILOS DE LOS CONTACTOS*/
.conta-conctato{
	 background-image: url(../images/fondocontacto.png);
	 background-size: 100% 100%;

}
.contacto-titulo{
	padding-top: 15px;
}
.contacto-titulo .Titulo {
	color: #fff;
	width: 50%;
	margin: auto;
	position: relative;
	bottom: 20px;
}
.Titulo  p:nth-child(1){
     font-size: 60px;
     margin-bottom:0;
}
.contacto-titulo .Titulo  p:nth-child(2){
	font-size:30px;
	margin-bottom:0;
}
.contacto-titulo .Titulo  p:nth-child(3){
	font-size: 35px;
   
}
/**ESTILOS DEL SELECT*/

.contacto-titulo select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.contacto-titulo  select::-ms-expand{
	display: none;
}
.contacto-titulo .selector {
	position: relative;
	max-width: 340px;
	margin: auto;
	padding-top:50px ;
}
.contacto-titulo .selector a{
	position: relative;
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 7px 10px;
	height: 42px;
	outline: 0;
	border: 0;
	border-radius: 25px;
	background-color: var(--secondary-color);
	color: #fff;
	font-size: 1rem;
	color: #fff;
	font-family: 'MontserratMedium';
	transition: all 0.25s ease;
	font-size:16px;
	text-align: center;
}

.contacto-titulo .selector  i{
	position: absolute;
	right: 20px;
	top: 65px;
	width: 16px;
	height: 16px;
	display: block;
	transition: all 0.25s ease;
	color: white;
}

.contacto-titulo .selector select:hover  option{
	 background-color: gray;
	
}



/*FIN DE LOS ESTILOS DEL SELECT*/


.conta-conctato .col  {
	padding-top: 105px;
	padding-bottom: 105px;
}

.conta-conctato .col form input{
     background-color: rgba(255,255,255,0.5);
	 border-radius: 20px;
	 /**width: 480px;*/
	
	 
}
.conta-conctato .col form textarea{
	background-color: rgba(255,255,255,0.5);
	border-radius: 15px;
	/**width: 480px;*/
}
.conta-conctato .col form textarea::placeholder{
	color: #fff;
}
.conta-conctato .col form input::placeholder{
	   color: #fff;
}
.conta-conctato .col .col-sm-12 .form-row .form-group{
	 margin: 0;
}
.conta-conctato .col .col-sm-12{
	 width: 80%;
}
.conta-conctato  .col  form {
	 color: #fff;
}
.conta-conctato  .col  form .boton-contactenos button{
	 background-color: var(--primary-color);
	 width: 20%;
	 height: 35px;
	 border-radius: 35px;
	 margin-top: 15px;
	 position: relative;
	 left: 350px;
	 bottom: 80px;
}
.conta-conctato  .col  form .boton-contactenos button:hover{
	  background-color: var(--secondary-color);
}

/**estilos de mision y vision*/
#contenedor-137{
	 padding: 6%;
}
#contenedor-137 .container .row .col-sm-6 .caja-contenido-simple h2{
	 position: absolute;
	 width: 100%;
	 top: 130px;
	 font-size:40px !important;
	 font-family: 'MontserratBold';

}
#contenedor-137 .container .row .col-sm-6 .caja-contenido-simple .img-card-component{
	 position: relative;
	 bottom: 25px;
}
#contenedor-137 .container .row .col-sm-6 .caja-contenido-simple mt-3{
	font-family: 'MontserratMedium';
}


/**contenedor 125*/
#contenedor-125 .container .row .col-sm-3 img{
	filter: drop-shadow(-5px 8px 5px rgba(0, 0, 0, 0.3));
}

#contenedor-125 .row .col-sm-3 img:hover{
	transform:scale(0.8);
	-ms-transform:scale(0.8); /* IE 9*/ 
	-moz-transform:scale(0.8); /* Firefox */ 
	-webkit-transform:scale(0.8); /* Safari and Chrome */ 
	-o-transform:scale(0.8); /*Opera*/ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.modal-body {
	color: black !important;
}
.modal-header{
	color: black !important;
}


/**ESTILOS DE CONTROL SOCIAL*/ 

.control-social .containedor-funciones{
	 background-color:var(--primary-color);
	 width: 70%;
	 border-top-left-radius: 25px;
	 border-top-right-radius: 25px;
	 margin: auto;
}
.control-social .row{}
.control-social .containedor-funciones .titulo{
     color: #fff;
	 font-size: 25px;
	 padding-top: 15px;
	 margin-left: 20px;
}

.control-social .containedor-funciones .iconos{
	 text-align: right;
	 padding: 20px 15px 0px;
}

.control-social .containedor-funciones .iconos i{
    font-size: 15px;
    background: #fff;
    padding: 7px 8px;
    border-radius: 50px;
    
}
.control-social .containedor-funciones  .textos-social{
	background-color: #F1F1F2;
	
}
.control-social .containedor-funciones  .texto{
	 font-size: 20px;
	 color: var(--primary-color);
	 padding-top: 15px;
	 padding-left: 15px;
}
.control-social .containedor-funciones .funciones-comite{
	  font-size: 15px;
	  color: var(--primary-color);
	  padding-left: 20px;
	  padding-top: 15px;
	  font-weight: bold;	   
}
.control-social .containedor-funciones .row:nth-child(2){
	padding-bottom: 50px;
	background-color: #FFF;
}
.control-social .containedor-funciones .pdf-estilos{

	
}
.control-social .containedor-funciones .pdf-estilos a i{
	font-size: 30px;
    padding:15px;
}
.formulario-container{
	height: 600px;
}
.formulario-container .container{
	background-color:var(--primary-color);
	width: 70%;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px ;	
}
.formulario-container .container .titulo{
	 color: #fff;
	 font-size: 25px;
	 padding-top: 15px;
	 padding-left: 10px;
}
.formulario-container .row .btn-enviar{
	 background-color: var(--primary-color);
	 color: #fff;
	 position: relative;
	 
	 width: 120px;
	 height: 30px;
	 padding: 2px;
}
.formulario-container .row  .formualrios{
 border-bottom-right-radius: 25px;
 border-bottom-left-radius: 25px ;	
}
.formulario-container .row  form input[type=text]::placeholder{
	  color: var(--primary-color);
}
.formulario-container .row  form input[type=email]::placeholder{
	color: var(--primary-color);

}
.formulario-container .row  form input[type=number]::placeholder{
	color: var(--primary-color);
}
.formulario-container .row  form textarea::placeholder{
	color: var(--primary-color);
}
/*estilo de formatos*/


.control-social{
   padding-top: 20px;
   padding-bottom: 20px;
}
.control-social .container{
	background-color: var(--primary-color);
	width: 65%;
	padding: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 15px;
}
.control-social .container .titulo p{
	color: #fff;
	font-size: 25px;
    margin: 0px;
      margin-left: 5px;

}

.docs-container .docs-header .iconos{
	text-align: right;
	padding: 0px 15px 0px;
}
.docs-container .docs-header .iconos i{
   font-size: 15px;
   background: #fff;
   padding: 7px 8px;
   border-radius: 50px;
   
}
.contaiener-caja{
	padding-bottom: 60px;
}
.contaiener-caja .contenedor .row{

	width: 65%;
	margin: auto;
	padding-top: 15px;
	height: 300px;
	white-space: nowrap;
	overflow-y: auto;
	
}
.contaiener-caja .contenedor .row::-webkit-scrollbar{
   width: 7px;
   background-color: var(--primary-text);
}
/*barra del escroll*/
.contaiener-caja .contenedor .row::-webkit-scrollbar-thumb{
   background-color: var(--primary-color);
   border-radius: 7px;
}
.contaiener-caja .contenedor .row .nombre-formato{
	background-color: #f4f4f4;
	font-size: 20px;
}
.contaiener-caja .contenedor .row .nombre-formato p{
	margin-left: 15px
}
.contaiener-caja .contenedor .row .pdf-formato{
	background-color: #f4f4f4;
   
}
.contaiener-caja .contenedor .row .pdf-formato i{
	font-size: 25px;
	padding: 5px;
	position: relative;
	left: 70px;
	
}



.contenedor-general form  .selector select{
	position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 7px 10px;
    height: 42px;
    outline: 0;
    border: 0;
    border-radius: 25px;
    background-color: var(--secondary-color);
}
.contenedor-general form  .selector select option{
	background-color: #d1d1d1;
}
.contenedor-general .contacto-titulo .Titulo  .selector input[type=submit] {

	position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 7px 10px;
    height: 42px;
    outline: 0;
    border: 0;
    border-radius: 25px;
    background-color: var(--secondary-color);
}
/**estilos de carruselsection**/
.carouselsection .caja-contenido-simple {
	
	border-radius: 0em;
  }
  .carouselsection .right_scroll {
	  right: -35px;
  }
  
  .con-espacios .carouselsection .caja-contenido-simple {
	margin: 10px;
  }
  
  .con-espacios .carouselsection {
	padding-left: 40px;
	padding-right: 40px;
  }
  
.slider-principal-11{
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}

/*
.slider-principal-11 .carouselprincipal11 .carousel-control-next, .carousel-control-prev{
	bottom: 500px;
}
*/

.slider-principal-11 #carouselprincipal11 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-11 #carouselprincipal11 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}





.slider-principal-12{
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}

.slider-principal-12 #carouselprincipal12 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-12 #carouselprincipal12 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}




.slider-principal-25{
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}

.slider-principal-25 #carouselprincipal25 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-25 #carouselprincipal25 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}






.slider-principal-13{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slider-principal-13 #carouselprincipal13 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-13 #carouselprincipal13 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}


.slider-principal-15{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slider-principal-15 #carouselprincipal15 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-15 #carouselprincipal15 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}
.slider-principal-14{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slider-principal-14 #carouselprincipal14 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-14 #carouselprincipal14 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}

#contenedor-173 .row{
	width: 100% !important;
}
.carouselsection {
	width: 90%;
    margin: auto;
}


/*estilos del slider linea credito*/
.slider-principal-16{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slider-principal-16 #carouselprincipal16 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-16 #carouselprincipal16 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}
/*estilos del slider auxilios*/
.slider-principal-18{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slider-principal-18 #carouselprincipal18 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-18 #carouselprincipal18 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}
/*estilos del slider auxilios*/
.slider-principal-19{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slider-principal-19 #carouselprincipal19 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-19 #carouselprincipal19 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}

/*estilos de los ahorros*/
#contenedor-183 {
	margin-bottom: 45px;
}

#contenedor-183 .row h2{
	position: relative;
    padding: 20px 0px;
}
#contenedor-183 .row .btn-vermas-ahorro{
	color: #FFF;
    padding: 5px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
    transition: .2s ease-in;
    background: var(--primary-color);
}
#contenedor-183 .row  .descripcion-ul-w70 {
	text-align: left !important;
}

#contenedor-206 .row .caja-contenido-simple  h2{
	 color: var(--secondary-color);
	 font-size: 25px !important;
	 margin: 0;
}
#contenedor-206 .row .caja-contenido-simple .mt-3{
	margin-top: 0px !important;
}
#contenedor-206 .row .caja-contenido-simple .mt-3 p{
	margin:auto;
}
/*estilosdel contenedor contenedor-180*/
#contenedor-180  h2{
    color: #24356F;
	font-size: 25px;
}
/*estilos contenedor  216*/
#contenedor-216 .row .btn-vermas-ahorro {
    color: #FFF;
    padding: 5px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
    transition: .2s ease-in;
    background: var(--primary-color);
    position: relative;
    bottom: 20px;
}

#contenedor-216 .row .btn-vermas-ahorro:hover {
    color: #FFF;
    background: #FDB715;
}

#contenedor-183 .row .btn-vermas-ahorro:hover {
    color: #FFF;
    background: #FDB715;
}

#contenedor-216 {
	padding-bottom: 20px;
}
/**carrusel estilos*/

.cont-carousel .left_scroll {
	position: absolute;
	font-size: 25px;
	width: 30px;
	padding: 0px;
	top: 45%;
	left: -40px;
	color: #000000;
	text-align: center;
	border-radius: 5em;
	cursor: pointer;
	z-index: 2;
}
.cont-carousel .right_scroll {
    position: absolute;
    font-size: 25px;
    width: 30px;
    padding: 0px;
    top: 45%;
    right: -40px;
    color: #000000;
    text-align: center;
    border-radius: 5em;
    cursor: pointer;
    z-index: 2;
}
.carousel_inner ul {
    position: relative; 
    left: 0px; 
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
    width: 9999px; 
    z-index: 1;
 }
 .valores .caja .cajaca{
	padding: 10px;
	height: 275px;
}


.valores .imagen-fondo {
	color: #ffffff;
    position: relative;
    min-height: 240px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
	cursor: pointer;
	width: 100%;
 }
 
.cajaca .content-icon:hover {
    opacity: 0.2;
    box-shadow: none;
}

 .imagen-fondo:hover .material, .imagen-fondo:hover {
    opacity: 0.8;
    box-shadow: none;
}


.valores {
	padding: 25px;
}

.valores .imagen-fondo .material {
    background: #24356F;
    text-align: center;
    position: absolute;
    top: 0;
	border-radius: 15px;
    left: 0;
    padding: 30px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
}
.valores .imagen-fondo:hover .material {
	background: #24356F;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    width: 100%;
    height: 100%;
    visibility: visible;
    -webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
    transition: all 1000ms ease-out;
}

/*CONVENIOS*/
.convenios{
	padding: 30px;
}

.seccion-convenios img{
	width: 190px;
	height: 190px;
	border-radius: 265px;
	-webkit-box-shadow: 5px 5px 15px 5px #c0c0c0;
	box-shadow: 5px 5px 15px 5px #c0c0c0;
	display: block;
    margin: auto;
}

.convenios .container H2{
	font-size: 25px;
    color: var(--primary-color);
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    text-align: center;
    margin-top: 25px;
 }
 
 
.convenios .container .lista{
	background: #eeeeee;
    padding: 10px;
    margin: 5px;
    color: #999999;
	cursor: pointer;
	 
}
.convenios .lista a:hover {
    color: var(--primary-color);
}
.caja-ahorro{
	padding-top: 15px;
}

/*estilos de los convenios*/

.slider-principal-20{
	position: relative;
	display: block;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slider-principal-20 #carouselprincipal20 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-20 #carouselprincipal20 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}

/**ESTILOS DE AUXILIOS */
 .modal-dialog .modal-body .imagen-modal img{
	position: relative;
    left: 40px;
}

/*politicas*/
.politica:hover{
	 cursor: pointer;
	 color: var(--primary-color);
}


/*estilos del responsive gigante  formatos*/


/*estilos contactos boton*/
.conta-conctato .container-fluid .form-group .pol_datos:hover {
   color: var(--primary-color);
   cursor: pointer;
}


/**SLIDER DE NOTICIAS ESTILOS */
.slider-principal-21{
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}

/*
.slider-principal-21 .carouselprincipal21 .carousel-control-next, .carousel-control-prev{
	bottom: 500px;
}
*/

.slider-principal-21 #carouselprincipal21 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-21 #carouselprincipal21 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}

/**ESTILOS PARA NOTICIAS*/
.btn-vermas2{
	background-color:var(--primary-color);
	color: #fff;
}
.btn-vermas2:hover{
	color: #fff;
	font-weight: bold;
}

.btn-volver {
	background-color: var(--primary-color);
	color: #fff !important;
}
.btn-volver:hover{
   color: #fff;
   font-weight: bold;
}

.texto-azul{
	color: var(--primary-color);
}

/*estatus y reglamentos estilos del banner*/
.slider-principal-22{
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}

/*
.slider-principal-22 .carouselprincipal22 .carousel-control-next, .carousel-control-prev{
	bottom: 500px;
}
*/

.slider-principal-22 #carouselprincipal22 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-22 #carouselprincipal22 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}


/*Estatus y reglamentos estilos */

.formatos  .container .row  .titulo-formatos {
	background-color: var(--primary-color);
	color: #fff;
	width: 100%;
	height: 40px;
}
.formatos  .container .row  .titulo-formatos h4{
   position: relative;
   top: 5px;
}

.formatos  .container .row  .titulo-reglamentos{
	background-color: var(--primary-color);
	color: #fff;
	width: 100%;
	height: 40px;
}
.formatos  .container .row  .titulo-reglamentos h4{
    position: relative;
	top: 5px;
}
.formatos  .container .row ul{
	 padding: 15px;
	 background-color: #eeeeee;
}
.formatos  .container .row  ul li{
	text-decoration: none;
	width: 80%;
	list-style: none;
	color: var(--primary-color);
}

/*Preguntas Frecuentes*/
.contenedorpag {
	max-width: 1100px;
	margin: auto;
	position: relative;
}
.contenedorpag p{
	margin-bottom: 0;
}
.acordionQ .Item a{
	display: flex;
	width: 100%;
	border-radius: 8px;
	padding: 5px 10px;
	color: #fff;
	background-color: var(--primary-color);
	justify-content: space-between;
}


.slider-principal-23{
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}

/*
.slider-principal-23 .carouselprincipal23 .carousel-control-next, .carousel-control-prev{
	bottom: 500px;
}
*/

.slider-principal-23 #carouselprincipal23 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 230px;
}
.slider-principal-23 #carouselprincipal23 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}

/**revisoria Fiscal*/
.slider-principal-24{
	position: relative;
	display: block;
	height: 300px;
	overflow: hidden;
}

/*
.slider-principal-24 #carouselprincipal24 .carousel-control-next, .carousel-control-prev{
	bottom: 500px;
}
*/

.slider-principal-24 #carouselprincipal24 .content-caption .banner-title{
	font-size: 54px;
    width: 100%!important;
    font-family: 'MontserratBold';
	position: relative;
	bottom: 250px;
}
.slider-principal-24 #carouselprincipal24 .fondo-img-banner .fondo-imagen {
    position: absolute;
	z-index: 1;
	object-fit: cover;
	object-position: center;
	margin: auto;
	opacity: 1;
	width: 100%;
	height: 40%;
}


/*estilos de revisoria fiscal*/

.revisoria{
	padding: 20px;
	margin: auto;
    width: 50%;
}
.revisoria .ruta-revisoras a{
      color: var(--primary-color);
}
.revisoria .nombre_persona_revisoria p:nth-child(1){
	margin-bottom: 0;
	color: #24356F;
}
.revisoria .nombre_persona_revisoria p:nth-child(2){
	width: 20%;
	margin: auto;
	position: relative;
    top: -23px;
	color: var(--primary-color);
}


.responsive{
	display: none;
}

/*RESPONSIVE DE FEBATCO*/

 
/*Responsive giganete*/
@media (min-width:1668px) and (max-width: 1800px){
	.contaiener-caja .contenedor{
	 width: 100%;
	 border-top-left-radius: 25px;
	 border-top-right-radius: 25px;
	 margin: auto;
	} 
 }
 @media (min-width:1800px) and (max-width: 2000px){
	 .contaiener-caja .contenedor{
		 width: 97%;
		 border-top-left-radius: 25px;
		 border-top-right-radius: 25px;
		 margin: auto;
	 }
 }
 @media (min-width:2000px) and (max-width: 2300px){
	 .contaiener-caja .contenedor{
	 
		 width: 83%;
		 border-top-left-radius: 25px;
		 border-top-right-radius: 25px;
		 margin: auto;
	 }

 }
 
/*responsive tableta*/
@media  (min-width:800px) {
    	  	/*=== TOP-NAV ===*/
	.top-nav div{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.top-nav div.buttons-nav{ 
		margin: 10px 0px;
	 }
	
}

@media screen and (max-width: 768px) {
	/*=== TOP-NAV ===*/
	.top-nav div{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-left: 0rem !important;
	}
	.top-nav div.buttons-nav{ 
		margin-top: 15px;
	 }
	.buttons-nav .top-button i{
		 margin-right: -10px; 
     }
	/*=== BOTTOM-NAV ===*/
	.bottom-nav div img.logo{ width: 200px; }
	.bottom-nav div i{ font-size: 30px; }
	.bottom-nav .nav-toggle .menu{
		display: none;
	}

	/*=== BANNER ===*/
	.swiper-slide{ height: 400px; }
	.swiper-slide .banner-text p{ font-size: 15px; }
	.swiper-slide .banner-text a{ font-size: 15px; }

	/*=== SECTION.NUESTROS_SERVICIOS ===*/
	section p{ width: 80%; }

	/*=== FOOTER ===*/
	footer .container .row > div{ margin-bottom: 50px; border: none; }

	
}

/*responsive telefono*/

@media screen and (max-width: 576px) {
	/*=== BANNER ===*/
	.swiper-slide .banner-text h1{ font-size: 30px; }
	.swiper-slide .banner-text{ left: 10px; top:calc(45%); }

	section h2{ font-size: 30px; }

	/*=== SEMI-FOOTER ===*/
	.semi-footer .semi-footer-text{ margin-top: -125px; padding-bottom: 10px; }
	.semi-footer .semi-footer-text h4{ font-size:20px; text-shadow: 2px 2px 8px #000; }
	.semi-footer .semi-footer-text a.btn-primary-link{ font-size: 13px; }
	.semi-footer .semi-footer-text .info { font-size: 15px;margin-top: 15px; line-height: 20px; }

	.top-nav{
		display: none;
	}

	body {
		margin-top: 62px;
	}

	.social-responsive{
		display: flex;
	}

	.social-responsive  i{
		display: flex;
    align-items: center;
    justify-content: center;
    margin: 1px;
    font-size: 18px;
    padding: 13px 22px;
    text-align: center;
    background: var(--secondary-color);
    border-radius: 50px;
    width: 0%;
	}

	.social-responsive .red {
		margin: 3px;
	}

	.conta-conctato .col .col-sm-12 {
		width: 100%;
	}
	
	.g-recaptcha{
		display: flex;
		justify-content: center;
	}

	.boton-contactenos{
		display: flex;
		justify-content: center;
	}
	.slider-principal-11 #carouselprincipal11 .fondo-img-banner .fondo-imagen {

	object-fit: contain !important;

}

}

@media screen and (max-width: 480px) {
	/*=== BOTTOM-NAV ===*/
	.bottom-nav div img.logo{ width: 150px; }
	.bottom-nav div i{
		font-size: 25px;
		position: relative;
		left: 155px;
		top: 6px;
	}

	/*=== SECTION.NUESTROS_SERVICIOS ===*/
	section p{ width: 95%; }
	.semi-footer .semi-footer-text{
		margin-top: -145px;
		padding-bottom: 0px;
		margin-bottom: -12px;
	}
	.semi-footer .semi-footer-text p{
		font-size: 15px;
		padding-bottom: 0;
	}
    .semi-footer .semi-footer-text .info span {
		display: block;
		font-size: 15px;
	}
	.semi-footer .semi-footer-text .info a{
		font-size: 15px;
	}
	.pqr-app{
		position: fixed;
		top: 200px;
		right: 0px;
		z-index: 999;

	}
	.items-navbar {
		background: var(--primary-color);
		color: white;
		font-size: 2rem;
		height: 110vh;
		right: -510px;
		padding: 6rem 2rem 2rem 2rem;
		position: fixed;
		top: 0;
		transition: right 0.5s;
		width: 300px;
		z-index: 999;
	}
	 
		.slider-principal-1{
			position: relative;
			display: block;
			height: 300px;
			overflow: hidden;
		}

        /*
		.slider-principal-1 .carouselprincipal1 .carousel-control-next, .carousel-control-prev{
			bottom: 500px;
		}
        */
		.slider-principal-1 #carouselprincipal1 .content-caption .banner-title{
			font-size: 22px;
			width: 100%!important;
			font-family: 'MontserratBold';
			position: relative;
			bottom: 220px;
		}
		.slider-principal-1 #carouselprincipal1 .content-caption  .banner-description{
			position: relative;
			bottom: 230px;
			width: 100%;
			font-size: 20px;
		}
		.slider-principal-1 #carouselprincipal1 .content-caption .btn-primary-link{
			position: relative;
			bottom: 241px;
			width: 100% !important;
			font-size: 10px;
		}
		.slider-principal-1 #carouselprincipal1 .fondo-img-banner .fondo-imagen {
			position: absolute;
			z-index: 1;
			object-fit: contain;
			object-position: center;
			margin: auto;
			opacity: 1;
			width: 100%;
			height: 40%;
		}
	
		.semi-footer img{
			background-size: 100%;
			height: 150px;

		 }
		 footer .col-sm-3 {
			 text-align: center;
		 }
		 .control-social { 
			 padding-top: 55px; 
		     padding-bottom: 0px; 
			 width: 100%;
			 margin: auto;
			 position: relative;
             bottom: 70px;

		}
		.contaiener-caja .contenedor .row {
			width: 100%;
			margin: auto;
			padding-top: 15px;
			height: 300px;
			white-space: nowrap;
			overflow-y: auto;
		}
		.control-social .container {
			background-color: var(--primary-color);
			width: 100%;
			padding: 15px;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
			padding: 15px;
		}	
		#contenedor-132 .row .col-sm-12 .mt-3 p span{
			position: relative;
            top: 40px;
		}
		#contenedor-132 .row .col-sm-6 .caja-contenido-simple .row .col-sm-7 h2{
			text-align: center !important;
			position: relative;
			bottom: 65px;
		}
		#contenedor-132 .row .col-sm-6 .caja-contenido-simple .row .col-sm-7 .text-left-imp{
			position: relative;
			bottom: 65px;
		}
		#contenedor-132 .row .col-sm-6 .caja-contenido-simple .row .col-sm-7 .text-left-imp p span{
			position: relative;
            left: 74px;
		}
		#contenedor-132 .row .col-sm-6 .caja-contenido-simple .row .col-sm-7 .mt-3{
			margin-bottom: 0;
		}

		.formulario-container .container {
		background-color: var(--primary-color);
		width: 100%;
		HEIGHT: 80%;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
		position: relative;
		bottom: 166px;
     }
	 .control-social .containedor-funciones {
		background-color: var(--primary-color);
		 width: 100%;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		margin: auto;
	}

	/*responsiuve de revisoria*/
	.revisoria {
		padding-top: 20px;
		margin: auto;
		width: 100%;
	}
	.revisoria .nombre_persona_revisoria  p{
		padding-bottom: 10px;
	}
	.revisoria .nombre_persona_revisoria  p:nth-child(2){
		padding-top:10px ;
		position: relative;
		right: 115px;
	}

	/*responsive de contactenos*/
	.contacto-titulo .Titulo {
		color: #fff;
		width: 100%;
		margin: auto;
		position: relative;
		bottom: 20px;
	}
	.Titulo p:nth-child(1) {
		font-size: 40px;
		margin-bottom: 0;
	}
	.conta-conctato .col form .boton-contactenos button {
		background-color: var(--primary-color);
		width: 35%;
		height: 35px;
		border-radius: 35px;
		margin-top: 15px;
		position: relative;
		left: 0;
		bottom: 0px;
	}

	/*responsive de Convenios*/
	.convenios .container H2 {
		font-size: 25px;
		color: var(--primary-color);
		padding-top: 5px;
		padding-bottom: 5px;
		width: 100%;
		margin-left: -18px;
		text-align: center;
	}
	.modal-dialog .modal-body .imagen-modal img {
		position: relative;
		left: 15px;
	}
		/*responsive de ahorros*/
		
     #contenedor-181 {
		 width: 94%;
	 }
	 .control-social .containedor-funciones .iconos {
		text-align: right;
		padding: 0px 0px 0px;
	}
	.responsive{
		display: block;
	}
	.responsive2{
		display: none;
	}
}

@media screen and (max-width: 406px) {
	.buttons-nav .top-button{ margin-bottom: 5px;  }
	.buttons-nav .top-button:last-child{margin: 0;}
}
.simulador {
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
    padding: 20px;
    color: #333333;
    font-weight: 300;
    border-radius: 0.5em;
}

.btn-azul {
    background: #24356F;
    color: #FFFFFF;
    border-radius: 0px;
}

.texto-azul {
    color: #24356F !important;
}

.caja-login {
    max-width: 700px;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 60px;
    background: #EEEEEE;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
}

.intro-convenios img{
	width: 460px !important;
}

.modal-titulo{
	color: #24356F;
	font-weight: 600;
}

.indice:hover{
	font-weight: 600;
	color: #FDB715;
}

.hola{
	font-weight: 600;
	color: #24356F;
}

.login-nombre{
	font-weight: 600;
	color: #FDB715;
}

.checkmark {
    position: absolute;
    top: -6px;
    right: 0;
    height: 40px;
    width: 80px;
    background-color: #f2f2f2;
    border-radius: 15px;
    text-align: center;
    display: flex;
    align-items: center;
}

.container-radio input:checked ~ .checkmark {
	background-color: #f2f2f2;
  }

  .container-radio {
	display: block;
	position: relative;
	padding-right: 90px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .container-radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
	content: "✔";
	width: 100%;
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .container-radio input:checked ~ .checkmark:after {
	display: block;
  }
  
  
  .cajas-ahorros .imagen-contenido img{
	width: 190px;
    height: 190px;
    border-radius: 265px;
	-webkit-box-shadow: 5px 5px 15px 5px #C0C0C0; 
	box-shadow: 5px 5px 15px 5px #C0C0C0;
	
	}


	.docs-container {
		margin: auto;
		width: 65%;
	  }
	  .docs-container .docs-header {
		height: 45px;
		border-radius: 20px 20px 0 0;
		background-color: var(--primary-color);
		display: flex;
		justify-content: start;
		align-items: center;
		padding: 30px 30px;
	  }
	  .docs-container .docs-header h3 {
		color: #fff;
		font-size: 1.5rem;
		font-weight: 300;
		margin-bottom: 0;
	  }
	  .docs-container .items-docs-row {
		max-height: 500px;
		overflow-y: scroll;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
	  }
	  .docs-container .items-docs-row::-webkit-scrollbar {
		width: 5px;
	  }
	  .docs-container .items-docs-row::-webkit-scrollbar-thumb {
		background: var(--primary-color);
		border-radius: 50px;
	  }
	  .docs-container .items-docs-row .doc-item-theme {
		padding: 10px 20px;
		background-color: var(--primary-color);
		border-radius: 50px;
		cursor: pointer;
	  }
	  .docs-container .items-docs-row .doc-item-theme h4 {
		color: #fff;
		font-size: 1.1rem;
		font-weight: 300;
		margin-bottom: 0;
	  }
	  .docs-container .items-docs-row .doc-item-theme .img-docs {
		width: 25px;
	  }
	  .docs-container .items-docs-row .doc-item-file {
		padding: 5px 20px;
		background-color: #eff0f0;
		border-radius: 10px;
		cursor: pointer;
	  }
	  .docs-container .items-docs-row .doc-item-file h4 {
		font-size: 1.2rem;
		font-weight: 300;
		margin-bottom: 0;
		padding: 0.75rem;
	  }
	  .docs-container .items-docs-row .doc-item-head {
		padding: 8px 20px;
		background-color: var(--blue);
		border-radius: 8px;
		cursor: pointer;
	  }
	  .docs-container .items-docs-row .doc-item-head .documento {
		position: relative;
	  }
	  .docs-container .items-docs-row .area {
		position: relative;
	  }
	  .docs-container .items-docs-row .adjuntos {
		position: relative;
	  }
	  
	  .docs-container .items-docs-row .doc-item-body .documento::before {
		content: "";
		position: absolute;
		display: block;
		width: 1px;
		height: 50px;
		background: var(--cian);
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	  }
	  .docs-container .items-docs-row .doc-item-body .area::before {
		content: "";
		position: absolute;
		display: block;
		width: 1px;
		height: 50px;
		background: var(--cian);
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	  }
	  .docs-container .items-docs-row .doc-item-head span {
		color: #fff;
	  }
	  .docs-container .items-docs-row .doc-item-body {
		background: transparent;
		border: 1px solid #e0e0e0;
		cursor: inherit;
	  }
	  .docs-container .items-docs-row .doc-item-body span {
		color: #6b8080;
		font-size: 0.8rem;
	  }
	  .docs-container .items-docs-row .doc-item-body h4 {
		color: #6b8080;
		font-size: 1.1rem;
	  }
	  .docs-container .items-docs-row .doc-item-file .img-docs {
		width: 70px;
	  }
	  .docs-container .cont-docs {
		display: none;
	  }
	  .docs-container .doc {
		background-color: #fff;
	  }
	  .docs-container .doc {
		padding: 15px 20px;
	  }
	  .docs-container .doc:nth-child(2n) {
		background-color: #fff;
	  }
	  .docs-container .doc h5 {
		margin-bottom: 0;
		color: var(--primary-color);
		font-size: 1rem;
		font-weight: 100;
	  }
	  
	  .disenio6 .imagen-contenido img{
		width: 190px;
		height: 190px;
		border-radius: 265px;
		-webkit-box-shadow: 5px 5px 15px 5px #c0c0c0;
		box-shadow: 5px 5px 15px 5px #c0c0c0;
	  }
	  
.back-blue{
	width: 190px;
	height: 190px;
	background-color: var(--primary-color);
	border-radius: 265px;
	opacity: 0.4;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}



.cajaca img{
    border-radius: 112px;
    height: 150px;
    width: 150px;
    -webkit-box-shadow: 5px 5px 15px 5px #c0c0c0;
    box-shadow: 5px 5px 15px 5px #c0c0c0;
}


#archor-289 {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}