.grid-container {
	margin: 0;
	padding: 0;
	height: 100vh;
	display: grid;
	place-items: center;
	overflow: hidden;
  }
  
/******** marquee ***********/

.hs-wrapper{
	position: relative;
	margin: 0 auto;
	overflow: hidden;

}
.hs-wrapper img{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-animation: showMe 1.2s linear infinite 0s forwards;
	-moz-animation: showMe 1.2s linear infinite 0s forwards;
	-o-animation: showMe 1.2s linear infinite 0s forwards;
	-ms-animation: showMe 1.2s linear infinite 0s forwards;
	animation: showMe 1.2s linear infinite 0s forwards;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;	 
	object-fit: cover;
	font-family: "object-fit:cover";
	object-position: top;
}

/*
.hs-wrapper img {
	
}
*/

.hs-wrapper img:nth-child(1){
	z-index: 9;
	position: relative;
	vertical-align: bottom;
}
.hs-wrapper img:nth-child(2){
    -webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	animation-delay: 0.3s;
	z-index: 8;
}
.hs-wrapper img:nth-child(3){
    -webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	animation-delay: 0.6s;
	z-index: 7;
}
.hs-wrapper img:nth-child(4){
    -webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	animation-delay: 0.9s;
	z-index: 6;
}
.hs-wrapper img:nth-child(5){
    -webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	animation-delay: 1.2s;
	z-index: 5;
}
/* .hs-wrapper img:nth-child(6){
    -webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	animation-delay:1.5s;
	z-index: 4;
}
.hs-wrapper img:nth-child(7){
    -webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
	-o-animation-delay: 1.8s;
	-ms-nimation-delay: 1.8s;
	animation-delay: 1.8s;
	z-index: 3;
}
.hs-wrapper img:nth-child(8){
    -webkit-animation-delay: 2.1s;
	-moz-animation-delay: 2.1s;
	-o-animation-delay: 2.1s;
	-ms-animation-delay: 2.1s;
	animation-delay: 2.1s;
	z-index: 2;
} */ 
.hs-wrapper:hover img{
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	-ms-animation-play-state: running;
	animation-play-state: running;
}

@-webkit-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-moz-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100;}
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-o-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@-ms-keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}

@keyframes showMe {
    0% { visibility: visible; z-index: 100; }
	12.5% { visibility: visible; z-index: 100; }
	25% { visibility: hidden; z-index: 0; }
    100% { visibility: hidden; z-index: 0; }
}


  .container-fluid-work {
	display: flex;
	overflow: hidden;
	height: 100vw;
	width: 100%;
	position: relative;
  }
  
  .container-fluid-work .single-column {
	  animation: var(--animation, none) 16s infinite linear;
	  -ms-flex: 0 0 25%;
    	flex: 0 0 25%;
    	max-width: 25%;
  }


  .container-fluid-work .single-column:nth-child(1) {
	animation-duration: 20s;
}

.container-fluid-work .single-column:nth-child(2) {
	animation-duration: 32s;
}

.container-fluid-work .single-column:nth-child(3) {
	animation-duration: 44s;
}
  
  .container-fluid-work .single-column:hover {
	  animation-play-state: paused;
  }
  
  .container-fluid-work .single-column:nth-of-type(odd) {
	align-self: flex-end;
	--direction: 50%;

  }
	.container-fluid-work .single-column.animated { --animation : slide }
  @keyframes slide {
	to {
	  -webkit-transform: translateY(var(--direction, -50%));
			  transform: translateY(var(--direction, -50%));
	}
  }

  @media (max-width: 600px) {
	.container-fluid-work .single-column {
		-ms-flex: 0 0 50%;
		  flex: 0 0 50%;
		  max-width: 50%;
	}
	  .container-fluid-work {
		  height:220vh;
	  }
  }


/* https://satellite414.com/covers  page specific*/
#code_block-2-427 {
	position: relative;
}

#code_block-2-427 .sticky-navigation {
  	position: absolute;
	bottom: 0;
    left: 0;
    background: black;
    padding: 17px;
    left: 50%;
    transform: translateX(-50%);
  	z-index: 100;
}

#code_block-2-427 .sticky-navigation .top-navigation {
   margin: 0;
}



/* 01-05-2025 */ 
.four-column {
	display: flex;
	height: 100vh;
}

.four-column .column {
	flex: 1;
	overflow: hidden;
	position: relative;
}

.four-column .slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.four-column .slide {
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	font-size: 2rem;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	overflow: hidden;
}

.four-column .slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}