/* Portfolio styles - Additional styles beyond Bootstrap */
/* Most portfolio styles are in styles.css (Bootstrap) */

/* Custom portfolio adjustments */
#portfolio .container-fluid,
#portfolio .container-sm,
#portfolio .container-md,
#portfolio .container-lg,
#portfolio .container-xl {
max-width: 1920px;
}

#portfolio .container-fluid .portfolio-box,
#portfolio .container-sm .portfolio-box,
#portfolio .container-md .portfolio-box,
#portfolio .container-lg .portfolio-box,
#portfolio .container-xl .portfolio-box {
position: relative;
  display: block;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption,
#portfolio .container-sm .portfolio-box .portfolio-box-caption,
#portfolio .container-md .portfolio-box .portfolio-box-caption,
#portfolio .container-lg .portfolio-box .portfolio-box-caption,
#portfolio .container-xl .portfolio-box .portfolio-box-caption {
display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	opacity: 0;
	color: #fff;
	'background: linear-gradient(to bottom, rgba(100, 100, 100, 0.1) 0%, rgba(35, 63, 63, 0.8) 100%), url(../assets/img/barres.jpg) center;
	'	transition: opacity 0.5s ease;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-category,
#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-category,
#portfolio .container-md .portfolio-box .portfolio-box-caption .project-category,
#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-category,
#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-category {
font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name,
#portfolio .container-sm .portfolio-box .portfolio-box-caption .project-name,
#portfolio .container-md .portfolio-box .portfolio-box-caption .project-name,
#portfolio .container-lg .portfolio-box .portfolio-box-caption .project-name,
#portfolio .container-xl .portfolio-box .portfolio-box-caption .project-name {
font-size: 0.8rem;
}

#portfolio .container-fluid .portfolio-box:hover .portfolio-box-caption,
#portfolio .container-sm .portfolio-box:hover .portfolio-box-caption,
#portfolio .container-md .portfolio-box:hover .portfolio-box-caption,
#portfolio .container-lg .portfolio-box:hover .portfolio-box-caption,
#portfolio .container-xl .portfolio-box:hover .portfolio-box-caption {
opacity: 1;
}

.text-white-75 {
color: #9FC;
}

.image_container {
display: inline-block;
	
    overflow: hidden;
}

.image_container img {
width: 100%;
}

.k1 {
background: linear-gradient(to bottom, rgba(251, 251, 251, 0.6) 100%, rgba(251, 251, 251, 0) 1%), url(../assets/img/barres.jpg) center;
	transition: opacity 0.5s ease;
}

.k2 {
background: linear-gradient(to bottom, rgba(251, 251, 251, 0.8) 100%, rgba(251, 251, 251, 0) 1%), url(../assets/img/cens.gif) center;
	transition: opacity 0.5s ease;
}

.k3 {
background: linear-gradient(to bottom, rgba(251, 251, 251, 0.7) 100%, rgba(251, 251, 251, 0) 1%), url(../assets/img/catindustria.jpg) center;
	transition: opacity 0.5s ease;
}

.k4 {
background: linear-gradient(to bottom, rgba(251, 251, 251, 0.7) 100%, rgba(251, 251, 251, 0) 1%), url(../assets/img/FCI4.jpg) center;
	transition: opacity 0.5s ease;
}

.k5 {
background: linear-gradient(to bottom, rgba(251, 251, 251, 0.8) 100%, rgba(251, 251, 251, 0) 1%), url(../assets/img/bombolles.jpg) center;
	transition: opacity 0.5s ease;
}

.k6 {
background: linear-gradient(to bottom, rgba(251, 251, 251, 0.8) 100%, rgba(251, 251, 251, 0) 1%), url(../assets/img/QFD.jpg) center;
	transition: opacity 0.5s ease;
}