.slideshow img {

	position: absolute;

	top: 0; left: 0;

	z-index: 99;

	background: none;

}



/* 2 FRAMES */

.slideshow-2 img {

	animation: slideshow-2 8s linear 0s infinite;

}

@keyframes slideshow-2 {

	37.5% {opacity: 1;}

	50% { opacity: 0;}

	87.5% { opacity: 0;}

	100% { opacity: 1;}

}



/* 3 FRAMES */

.slideshow-3 img {

	animation: slideshow-3 12s linear 0s infinite;

}

@keyframes slideshow-3 {

	25% {opacity: 1;}

	33.33% { opacity: 0;}

	91.67% { opacity: 0;}

	100% { opacity: 1;}

}



/* 4 FRAMES */

.slideshow-4 img {

	animation: slideshow-4 16s linear 0s infinite;

}

@keyframes slideshow-4 {

	18.75% {opacity: 1;}

	25% { opacity: 0;}

	93.75% { opacity: 0;}

	100% { opacity: 1;}

}



/* 5 FRAMES */

.slideshow-5 img {

	animation: slideshow-5 20s linear 0s infinite;

}

@keyframes slideshow-5 {

	15% {opacity: 1;}

	20% { opacity: 0;}

	95% { opacity: 0;}

	100% { opacity: 1;}

}



/* 6 FRAMES */

.slideshow-6 img {

	animation: slideshow-6 24s linear 0s infinite;

}

@keyframes slideshow-6 {

	12.5% {opacity: 1;}

	16.67% { opacity: 0;}

	95.83% { opacity: 0;}

	100% { opacity: 1;}

}



/* 7 FRAMES */

.slideshow-7 img {

	animation: slideshow-7 28s linear 0s infinite;

}

@keyframes slideshow-7 {

	10.71% {opacity: 1;}

	14.29% { opacity: 0;}

	96.43% { opacity: 0;}

	100% { opacity: 1;}

}



/* 8 FRAMES */

.slideshow-8 img {

	animation: slideshow-8 32s linear 0s infinite;

}

@keyframes slideshow-8 {

	9.38% {opacity: 1;}

	12.5% { opacity: 0;}

	96.88% { opacity: 0;}

	100% { opacity: 1;}

}



/* 9 FRAMES */

.slideshow-9 img {

	animation: slideshow-9 36s linear 0s infinite;

}

@keyframes slideshow-9 {

	8.33% {opacity: 1;}

	11.11% { opacity: 0;}

	97.22% { opacity: 0;}

	100% { opacity: 1;}

}



/* 10 FRAMES */

.slideshow-10 img {

	animation: slideshow-10 40s linear 0s infinite;

}

@keyframes slideshow-10 {

	7.5% {opacity: 1;}

	10% { opacity: 0;}

	97.5% { opacity: 0;}

	100% { opacity: 1;}

}



.slideshow img:nth-child(2) {

  z-index: 98;

  animation-delay: 4s;

}

.slideshow img:nth-child(3) {

  z-index: 97;

  animation-delay: 8s;

}

.slideshow img:nth-child(4) {

  z-index: 96;

  animation-delay: 12s;

}

.slideshow img:nth-child(5) {

  z-index: 95;

  animation-delay: 16s;

}

.slideshow img:nth-child(6) {

  z-index: 94;

  animation-delay: 20s;

}

.slideshow img:nth-child(7) {

  z-index: 93;

  animation-delay: 24s;

}

.slideshow img:nth-child(8) {

  z-index: 92;

  animation-delay: 28s;

}

.slideshow img:nth-child(9) {

  z-index: 91;

  animation-delay: 32s;

}

.slideshow img:nth-child(10) {

  z-index: 90;

  animation-delay: 36s;

}

.slideshow .slideshow-nav {

	opacity: 0;

	transition: .5s ease;

}

.slideshow:hover .slideshow-nav {

	opacity: 33%;

}

.slideshow-nav {

	z-index: 100;

	position: absolute;

	margin-top: 30%;

	width: 48px;

	border-radius: 50%;

	text-align: center;

	font-size: 36px;

	font-weight: bold;

	color: var(--mot-white);

	background: var(--mot-black);

	user-select: none;

	cursor: pointer;

}

.slideshow-nav-prev {

	left: 5px;

}

.slideshow-nav-next {

	right: 5px;

}