#fifth_section{

  /*----------------EFECTO PARALLAX---------------*/
    
  background-image: url("/sites/default/files/imagenes/parallax/parallax1.jpg");

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


#fifth_section .custom-hero-heading strong {
	
    color: #fff;
    font-size: 17rem;
}

#fifth_section .custom-hero-heading-2 strong, .custom-hero-heading-3 strong {

    color: #DBA514 ;
    font-size: 6rem;
}

/* CSS PARA CARRUSEL MAIN SLIDER*/

.scroll-valores{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	background: rgba(32, 50, 92, 1);
}

.scroll-image{
  	width: 120px;
  	margin: 0 20px;
  	transition: .5s;
}

.scroll-div{
	position: relative;
	display: flex;
	width: 100%;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
	
}

.scroll-div div {
	white-space: nowrap;
	animation: animate 50s linear infinite;
}

@keyframes animate{
	0%{
		transform: translateX(0%);
	}
	
	100%{
		transform: translateX(-100%);
	}
}