.background-div {

	opacity: .1;
/*	background: linear-gradient(-75deg, #C52233, #580C1F, #000000, #000000, #4D7C8A);
	background-size: 600% 600%; */

	background-size: 100% 100%;
	animation: gradient 15s ease infinite;
	height: 100%;
}



.oxy-video-background .oxy-video-container video {

height: 100vh;	
object-fit: cover;


}



@media (max-width: 720px) {
  .oxy-video-background .oxy-video-container video {

left: 50%;


}
}




left: 100%;


/* @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




.c-custom--logo-wrapper img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.4s;
}
.c-custom--logo-wrapper:hover img {
  filter: grayscale(0);
  opacity: 1;
}
.c-custom--logo-wrapper img {
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 0.4s;
}
.c-custom--logo-wrapper:hover img {
  filter: grayscale(0);
  opacity: 1;
}
/* Custom CSS for card hovers - It's recommended to move the CSS stylesheet to avoid FOUC */

.c-custom--card-w-img * {
  z-index: 2;
}
.c-custom--card-image {
  z-index: 0;
}

.c-custom--card-w-img:hover .c-custom--card-image {
  opacity: 1;
  transform: scale(1);
}
div.oxy-repeater-pages, div.oxy-repeater-pages-wrap {
grid-column: 1 / -1;
}


.portfolio-repeater:nth-child(2n) {
transition-delay: 0.5s;
}