/*---- Interactive Menu ----*/
.LancasterMenu {
  width: 10vw;
  max-width: calc(10vh - 10px);
  height: 10vw;
  max-height: calc(10vh - 10px);
  position: fixed;
  top: 0px;
  right: 0px;
  margin: 5px;
  z-index: 8;
  cursor: pointer;
  background-image: url(images/Menu.png);
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  background-color: transparent;
  transition-duration: .5s;
  animation: Steer 4s ease infinite;
}
.LancasterMenu.active {
  opacity: .5;
  animation: none;
  transform: rotate(0deg);
}
.carousel-container {
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  width: calc(90% - 1px);
  border: solid .5px #ffffff80;
  border-radius: 20px;
}
.carousel-track {
  display: flex;
  transition: transform 0.2s ease;
}
.carousel-slide {
  min-width: 100%;
  box-sizing: border-box;
}
.carousel-btn {
  position: absolute;   /* float inside carousel-container */
  top: 50%;             /* halfway down */
  transform: translateY(-50%);
  border: none;
  color: #000000;
  font-size: 2rem;
  cursor: pointer;
  background-color: transparent;
  z-index: 3;           /* above iframe */
}
.prev-btn {
  left: 0px;           /* place on left side */
  height: 110px;
  width: auto;
  opacity: .6;
  transition-duration: .5s;
}
.prev-btn:hover {
  opacity: .8;
}
.next-btn {
  right: 0px;          /* place on right side */
  height: 110px;
  width: auto;
  opacity: .6;
  transition-duration: .5s;
}
.next-btn:hover {
  opacity: .8;
}

@keyframes Steer {

  0% { transform: rotate(0deg); }

  9.09% { transform: rotate(20deg); }
  18.18% { transform: rotate(0deg); }
  27.27% { transform: rotate(-20deg); }
  36.36% { transform: rotate(0deg); }

  /* 90° fast turn (half timing span) */
  40.90% { transform: rotate(90deg); }
  45.45% { transform: rotate(0deg); }

  54.54% { transform: rotate(-20deg); }
  63.63% { transform: rotate(0deg); }
  72.72% { transform: rotate(20deg); }
  81.81% { transform: rotate(0deg); }

  /* -90° fast turn (half timing span) */
  86.36% { transform: rotate(-90deg); }
  90.90% { transform: rotate(0deg); }

  100% { transform: rotate(0deg); }
}