@keyframes fadeInUp {
  0% {
    transform: translateY(80%);
    opacity: 0;
  }
  80% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 1.5s fadeInUp;
}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: rgb(var(--bs-tertiary-color-rgb));
  font-family: Montserrat;
  background-color: #f6f7fa !important;
}

.features-dark{

	background-color: #4A5568 !important;
	color: #C4E2FE !important;
	
}

.features-light{

	background-color: #fff ;
	color:#4A5568 !important;

	

}

.features-yellow{

	background-color: #FFD74E !important;
	color:#4A5568 !important;

	

}



.feature{
	/*width: 380px;*/
	height: 28em;

}


.numero-dark{

		background-color: #fff ;
		color:#4A5568 !important;
		font-size: 35pt !important;
		font-weight: 500; 
		text-align: right !important;
	}

.numero-light{

		background: #4A5568 !important;
		color:#fff !important;
		font-size: 35pt !important;
		font-weight: 500; 
		text-align: right !important;
	}

.numero-yellow{

		background:  #FFD74E !important;
		color:#4A5568 !important;
		font-size: 35pt !important;
		font-weight: 500; 
		text-align: right !important;
	}


.navbar-light-lm{

	background-color:  #f6f7fa !important;
	margin: 0pt 5pt 15pt 5pt !important;

		
}

/* CUSTOMIZE Heros 
-------------------------------------------------- */

.cabecera{

	background-image: url("../img/1-1024x399.jpg");
	background-repeat: no-repeat;
 	background-size: cover !important;
	background-color: #EEF2F8 !important;
	opacity: 0.7;
	height: 600pt ;
	border-radius: 25px;
	vertical-align: middle !important;

}

.sector{

	background-color: #fff !important;
	
	
}

.bg-2{

 background-color:  #f6f7fa !important;

}

.bg-3{

 background-color:   #4A5568 !important;

}


/* CUSTOMIZE plataformas
-------------------------------------------------- */

.plataforma{

	background-color: #f6f7fa;
	height: 16em;
		
	img{

		width:16em !important;	
	}

	

}

/* CUSTOMIZE text 
-------------------------------------------------- */

/* CUSTOMIZE text 
-------------------------------------------------- */
.client-img{

	filter: grayscale(1);
}






/* CUSTOMIZE brands 
-------------------------------------------------- */

.brands{

	background-color: #fff;
	height: 17em;
		
	img{

		width:16em !important;	
	}

	

}



.grey{

	filter: grayscale(0.5);
}


.acolor:hover{

	filter: none;

}


.lateral{

	height: 520pt; 
	background-color: #fff  ;
	
}


/* CUSTOMIZE text 
-------------------------------------------------- */




.titulo-ppal {

font-weight: 600 !important;
color: #2e2e2e !important;

}

.titulo-sec {

font-weight: 500 !important;
color: #2e2e2e !important;

}

.text-claro{

	color: #C4E2FE !important;

}

.text-oscuro{

	color: #2e2e2e !important ;

}

.text-1{

	color: #8B96A8;
}

/* Text claro end */

.contenedor{

	padding-right: 80pt !important;
	padding-left: 80pt !important;

}


/* slider logos*/

.container-logos {

	img-logos{

		width: 200px;
		filter: grayscale(0.5) !important;
		filter: opacity(0.5);
		padding-left: 30px;
	}
  overflow: hidden;
  .slider {
    animation: slidein 30s linear infinite;
    white-space: nowrap;
    .logos {
      width: 100%;
      display: inline-block;
      margin-right: 10em;
      .fab {
        width: calc(100% / 5);
        animation: fade-in 0.5s 
          cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
      }
    }
  }
}

@keyframes slidein {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* fIN slider logos*/

/* CUSTOMIZE iconos 
-------------------------------------------------- */

.icolor {

color:#C4E2FE  !important;

}


/* fin icon */



.margen{

margin-top: 6em !important;
margin-bottom: 7em !important;



}

.boton{

	background-color:#C4E2FE !important;
	border: none;
	color: #4A5568 !important;

}


/* CUSTOMIZE filas 
-------------------------------------------------- */




.fila {

margin-top: 5em;
background-color: #4A5568;
font-weight: 600 !important;
color: #4A5568 !important;

}

.text-claro{

	color: #C4E2FE ;

}

/* Text claro end */


.menu-boton{

	text-align: right !important;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */



/* MARKETING CONTENT
-------------------------------------------------- */



/* Featurettes
------------------------- */

/* RESPONSIVE CSS
-------------------------------------------------- */



/*fin*/