/* Menu */


nav {margin: 0.6% 0 0.4em 0 !important; padding-left: 2% !important}
nav a {color: #000 !important; }
nav a.active { font-weight: bold; color: #ff0000 !important }




#featured-3 a {color: #25a841; text-decoration: none }

h2 {font-weight: normal; color: #999}




card {background-color: #F5F8EC !important }


/* Botones */

.btn-primary {background-color: #25a841; border-color: #25a841;  }

#piePage {background-color: #F5F8EC !important}



#carouselExampleCaptions .carousel-caption {padding-bottom: 3.4em}
#carouselExampleCaptions .carousel-caption h5 {font-size: 3em}
#carouselExampleCaptions .carousel-caption p {font-size: 1.5em}


.badge {background-color: #F5F8EC; color: #6fbe49; font-weight: bold !important}


/* Carrousell Logos */


@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {

margin-top: 40px;
margin-bottom: 30px; 	
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
}

/*
.logos:before, .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
}

*/

.logo_items {
  display: inline-block;
  animation: 50s slides infinite linear;
}

.logos:hover .logo_items {
  animation-play-state: paused;
}

.logo_items img{
  height: 100px;
  margin: 0 25px
}




.carousel img {height: 600px}





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

	
	
}
	

/* Versión movil */
	
	@media screen and (max-width: 480px) { 

	.carousel img {height: 350px !important;}
	
	h2 {text-align: center; color: #999}
	h4 {text-align: center; }
	
	}