@keyframes right {
  from {
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
  to {
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
}

@keyframes left {
  from {
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
  to {
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
}

@keyframes down {
  from {
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
  to {
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
}

@keyframes up {
  from {
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
  to {
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
}

@keyframes out {
  from {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
  }
}

@keyframes in {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.15);
  }
}

#slides {
  position: fixed;
  width: 1px;
  height: 1px;
  left: -9999px;
}

#slideshow {
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height:500px;
}

#slideshow .slide, #slideshow span, #slideshow .static-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#slideshow .slide span {
  background-size: cover;
  background-position: center;
}

#slideshow .slide span.animate.right, #slideshow .slide span.animate.left {
  left: calc((-4vw + -4vh + -4%)/3);
  right: calc((-4vw + -4vh + -4%)/3);
}

#slideshow .slide span.animate.up, #slideshow .slide span.animate.down {
  top: calc((-4vw + -4vh + -4%)/3);
  bottom: calc((-4vw + -4vh + -4%)/3);
}

#slideshow span.animate {
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

#slideshow span.animate.right {
  animation-name: right;
}

#slideshow span.animate.left {
  animation-name: left;
}

#slideshow span.animate.up {
  animation-name: up;
}

#slideshow span.animate.down {
  animation-name: down;
}

#slideshow span.animate.in {
  animation-name: in;
}

#slideshow span.animate.out {
  animation-name: out;
}

#slideshow span.animate.paused {
  animation-play-state: paused;
}

.static-content {display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;}

.static-content h1{font-family: sans-serif;
    margin: 0;
    position: absolute;
    color: white;
	top: 55%;
    left: 50%;
	padding: 20px;
	background: rgba(0,0,0,0.4);
    transform: translate(-50%, -50%);
    text-shadow: 0 2px 4px rgb(0 0 0 / 40%);
}

/*slide_2 */



#slides_2 {
  position: fixed;
  width: 1px;
  height: 1px;
  left: -9999px;
}

#slideshow_2 {
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height:500px;
}

#slideshow_2 .slide, #slideshow_2 span, #slideshow_2 .static-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#slideshow_2 .slide span {
  background-size: cover;
  background-position: center;
}

#slideshow_2 .slide span.animate.right, #slideshow_2 .slide span.animate.left {
  left: calc((-4vw + -4vh + -4%)/3);
  right: calc((-4vw + -4vh + -4%)/3);
}

#slideshow_2 .slide span.animate.up, #slideshow_2 .slide span.animate.down {
  top: calc((-4vw + -4vh + -4%)/3);
  bottom: calc((-4vw + -4vh + -4%)/3);
}

#slideshow_2 span.animate {
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

#slideshow_2 span.animate.right {
  animation-name: right;
}

#slideshow_2 span.animate.left {
  animation-name: left;
}

#slideshow_2 span.animate.up {
  animation-name: up;
}

#slideshow_2 span.animate.down {
  animation-name: down;
}

#slideshow_2 span.animate.in {
  animation-name: in;
}

#slideshow_2 span.animate.out {
  animation-name: out;
}

#slideshow_2 span.animate.paused {
  animation-play-state: paused;
}