@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400&display=swap);
/* Open Sans */
figure, body, html {
  margin: 0;
  background-color: #222; }

body {
  min-width: 0; }

figure {
  overflow: hidden; }

#global-header-container {
  margin-bottom: 0;
  display: none; }

.yle__app > .yle__navigation {
  margin-bottom: 0;
  display: none; }

.yle__app > .GridSystem-sc-15162af-2 {
  margin-bottom: 0;
  display: none; }

.yle__section--article.yle__section--fullWidth {
  margin-bottom: 0; }

/* .yle__footer {
  z-index: 1;
  display: none;
} */
html #app, body #app {
  min-height: auto; }

/* .yle-header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
} */
.yle-header-ad {
  display: none; }

html #app .yle__app, body #app .yle__app {
  padding-bottom: 0; }

.yle__article__paragraph {
  display: none; }

.inner-loader-wrapper[data-v-375f125f] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #222;
  transition: 0.5s;
  z-index: 140;
}
.inner-loader-wrapper > p[data-v-375f125f] {
  text-align: left;
  width: 180px;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.45;
  margin: 0;
  padding: 0;
  color: #eee;
}
.hidden[data-v-375f125f] {
  visibility: hidden;
  opacity: 0;
}

.outer-landing-wrapper[data-v-a07e830a] {
  position: fixed;
  max-width: 700px;
  margin: 0 auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
@media (max-width: 2400px) {
.outer-landing-wrapper[data-v-a07e830a] {
      max-width: 500px;
}
}
@media (max-width: 620px) {
.outer-landing-wrapper[data-v-a07e830a] {
      max-width: none;
      width: 100%;
      margin: 0;
}
}

/* ------ Landing background ------ */
.outer-landing-wrapper > #landing-background[data-v-a07e830a] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* ------ Titles ------ */
.outer-landing-wrapper > .inner-landing-wrapper[data-v-a07e830a] {
  position: absolute;
  top: 45%;
  left: 50%;
  width: 92%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
}
.outer-landing-wrapper > .inner-landing-wrapper > h1[data-v-a07e830a] {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  hyphens: manual;
  color: #eee;
  text-shadow: 4px 2px 12px rgba(0, 0, 0, 0.8);
}
@media (max-width: 600px) {
.outer-landing-wrapper > .inner-landing-wrapper > h1[data-v-a07e830a] {
      font-size: 52px;
}
}
@media (max-width: 500px) {
.outer-landing-wrapper > .inner-landing-wrapper > h1[data-v-a07e830a] {
      font-size: 40px;
}
}
.outer-landing-wrapper > .inner-landing-wrapper > h2[data-v-a07e830a] {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  margin: 0;
  padding: 40px 0 0 0;
  color: #eee;
  text-shadow: 4px 2px 12px rgba(0, 0, 0, 0.8);
}
@media (max-width: 600px) {
.outer-landing-wrapper > .inner-landing-wrapper > h2[data-v-a07e830a] {
      font-size: 17px;
}
}

/* ------  ------ */
.outer-landing-wrapper > .info-wrapper[data-v-a07e830a] {
  position: absolute;
  bottom: 7%;
  left: 50%;
  width: 92%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  transition: all 200ms ease-in-out;
}
@media (max-width: 1600px) and (min-aspect-ratio: 2 / 1) {
.outer-landing-wrapper > .info-wrapper[data-v-a07e830a] {
      bottom: 5%;
}
}
@media (max-width: 1000px) {
.outer-landing-wrapper > .info-wrapper[data-v-a07e830a] {
      bottom: 4%;
      transform: translate(-50%, -50%);
}
}
@media (max-width: 400px) {
.outer-landing-wrapper > .info-wrapper[data-v-a07e830a] {
      bottom: 1%;
}
}
@media (max-width: 350px) {
.outer-landing-wrapper > .info-wrapper[data-v-a07e830a] {
      bottom: 0;
}
}
.outer-landing-wrapper > .info-wrapper > p[data-v-a07e830a] {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #eee;
}
@media (max-width: 1000px) {
.outer-landing-wrapper > .info-wrapper > p[data-v-a07e830a] {
      font-size: 10px;
}
}
.outer-landing-wrapper > .info-wrapper > p > img[data-v-a07e830a] {
  width: 18px;
  margin: 0 8px 0 0;
  transform: translate(0, 4px);
}

.outer-buttons-wrapper[data-v-6d4510d0] {
  position: fixed;
  bottom: 20%;
  right: 50%;
  transform: translate(50%, 50%);
  width: 400px;
  margin: 0 auto;
  transition: all .5s ease-in-out;
}
@media (max-width: 1000px) {
.outer-buttons-wrapper[data-v-6d4510d0] {
      bottom: 17%;
}
}
@media (max-width: 420px) {
.outer-buttons-wrapper[data-v-6d4510d0] {
      width: 310px;
}
}
@media (max-width: 310px) {
.outer-buttons-wrapper[data-v-6d4510d0] {
      width: 280px;
}
}
.outer-buttons-wrapper--started[data-v-6d4510d0] {
  bottom: 65px;
  right: 2.8%;
  transform: translate(0, 0);
  width: 56px;
}
@media (max-width: 1200px) {
.outer-buttons-wrapper--started[data-v-6d4510d0] {
      right: 2.7%;
}
}
@media (max-width: 800px) {
.outer-buttons-wrapper--started[data-v-6d4510d0] {
      right: 2.5%;
}
}
@media (max-width: 400px) {
.outer-buttons-wrapper--started[data-v-6d4510d0] {
      right: 2.2%;
}
}
.outer-buttons-wrapper > .inner-buttons-wrapper[data-v-6d4510d0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
  align-content: flex-end;
}
.outer-buttons-wrapper > .inner-buttons-wrapper.started[data-v-6d4510d0] {
  flex-direction: column;
}
.outer-buttons-wrapper > .inner-buttons-wrapper > .story-button[data-v-6d4510d0] {
  width: 84px;
  height: 84px;
  margin: 8px;
  border: 4px solid white;
  border-radius: 50%;
  cursor: pointer;
  filter: drop-shadow(5px 3px 10px rgba(0, 0, 0, 0.4)) grayscale(100%);
  transform: scale(1);
  box-sizing: border-box;
}
@media (max-width: 420px) {
.outer-buttons-wrapper > .inner-buttons-wrapper > .story-button[data-v-6d4510d0] {
      width: 63.5px;
      height: 63.5px;
      margin: 7px;
}
}
@media (max-width: 310px) {
.outer-buttons-wrapper > .inner-buttons-wrapper > .story-button[data-v-6d4510d0] {
      width: 60px;
      height: 60px;
      margin: 5px;
}
}
.outer-buttons-wrapper > .inner-buttons-wrapper > .story-button--started[data-v-6d4510d0] {
  width: 50px;
  height: 50px;
  margin: 6px 3px;
  border: 3px solid white;
  border-radius: 50%;
}
.outer-buttons-wrapper > .inner-buttons-wrapper > .story-button.active[data-v-6d4510d0] {
  filter: drop-shadow(5px 3px 10px rgba(0, 0, 0, 0.4)) grayscale(0%);
  transform: scale(1.1);
  transition: all 200ms ease-in-out;
}
.outer-buttons-wrapper > .inner-buttons-wrapper > .story-button.selected[data-v-6d4510d0] {
  filter: drop-shadow(5px 3px 10px rgba(0, 0, 0, 0.4)) grayscale(0%);
}
.outer-buttons-wrapper > .inner-buttons-wrapper > .story-button > img[data-v-6d4510d0] {
  width: 100%;
  margin: 0 auto;
  border-radius: 50%;
}

.yle__article__feature__logo[data-v-0634743e] {
  position: fixed;
  top: 20px;
  left: 20px;
  opacity: 0.3;
  transition: opacity 0.5s;
}
.yle__article__feature__logo.hovered[data-v-0634743e] {
  opacity: 1;
}
.yle__article__feature__logo > .feature-icon-yle-logo[data-v-0634743e] {
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0MCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cjx0aXRsZT5ZbGUgbG9nbyB3aGl0ZTwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8ZGVmcz4KPHBvbHlnb24gaWQ9ImEiIHBvaW50cz0iMzkuODc5IDAuMTIwNTMgMCAwLjEyMDUzIDAgMzkuNzM3IDM5Ljg3OSAzOS43MzciLz4KPC9kZWZzPgo8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjAgLTE5KSI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwIDE5KSI+CjxwYXRoIGQ9Im0yOS4xODQgMTUuOTkxYy0xLjY5NzcgMC4wMDE4NDIyLTIuNDcxIDAuODY1LTIuNTQ1NCAyLjg4NDVsNC45MzM4LTAuMDAzNDIxYy0wLjA0OTUzNi0xLjg5ODItMC43MTYwMy0yLjg4MTEtMi4zODgzLTIuODgxMSIgZmlsbD0iI2ZmZiIvPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4xNDI2MykiPgo8bWFzayBpZD0iYiIgZmlsbD0id2hpdGUiPgo8dXNlIHhsaW5rOmhyZWY9IiNhIi8+CjwvbWFzaz4KPHBhdGggZD0ibTMyLjAwNiAyMC42MjdoLTUuNDExOWMwLjA4MTg1NCAyLjM0ODcgMC40NDA1MyAyLjg2MjkgMy4zMDU3IDIuODYyOSAxLjE0OTkgMCAxLjc0MjMtMC4xMTYzMiAyLjEzNDYtMC4xOTI4OSAwLjIwMDUzLTAuMDM5MjEgMC4zNTk0Ny0wLjA2OTczNyAwLjUxNDk3LTAuMDY5NzM3IDAuNDQzNDQgMCAwLjY5NzIyIDAuMjY1IDAuNjk3MjIgMC43MzAyNnYwLjQxMjExYzAgMC41MTg5NS0wLjI2Njc1IDAuNjc0MjEtMC41NDA2NiAwLjc4OTc0LTAuNDM2NTYgMC4xOTg2OC0xLjU1NTggMC40MzAyNi0zLjI1OTYgMC40MzAyNi0zLjgxODUgMC01LjIzODktMS41MDE4LTUuMjM4OS01LjU0MTYgMC00LjE0NjMgMS41MjI0LTUuOTk2MSA0LjkzNjItNS45OTYxIDQuMDczNiAwIDQuNTgxNyAyLjk2NzYgNC41ODE3IDUuMTYzOSAwIDAuODQ3NjMtMC40MTUzNiAxLjQxMTEtMS43MTkyIDEuNDExMXptLTEwLjUyOSAzLjcwNjNjMCAwLjY2NDQ3LTAuMTUxMjYgMS4xMDYzLTAuODg3OTUgMS4xMDYzaC0wLjUzMDMzYy0wLjc3NjQyIDAtMC45MjM5Ny0wLjM4ODE2LTAuOTIzOTctMS4xMDYzdi0xMy40NDNoLTAuNDAwMjZjLTEuMDAxMSAwLTEuMTUwNy0wLjUwNDIxLTEuMTUwNy0wLjgwNjA1di0wLjcxMzk1YzAtMC43NjgxNiAwLjc4MjI1LTAuNzY4MTYgMS4wNzYtMC43NjgxNmgxLjYyN2MxLjA5ODMgMCAxLjE5MDIgMC44NjE1OCAxLjE5MDIgMS43NDU4djEzLjk4NnptLTUuMzgyMy03Ljg0NThjLTAuMDIwMzk3IDAuMDgzMTU4LTIuMDczOSA4LjY1LTIuODM4NyAxMS40NzEtMC40MjExOSAxLjU1NS0xLjcxMzEgMi40ODE2LTMuNDUzNSAyLjQ4MTYtMS43MzU0IDAtMi4zMTI4LTAuMTEyMTEtMi43NzI1LTAuMzE5MjEtMC4yNjk2Ny0wLjExMzk1LTAuNTM2NDItMC4yNzE4NC0wLjUzNjQyLTAuNzg3Mzd2LTAuNDUxMDVjMC0wLjQ2NDIxIDAuMjUzNTEtMC43MzA1MyAwLjY5NzIyLTAuNzMwNTMgMC4xNjQyNCAwIDAuMzQzMzEgMC4wMjE1NzkgMC41Njc5NSAwLjA0Njg0MiAwLjM3MzUxIDAuMDQzNDIxIDAuODg1MyAwLjEwMzE2IDEuNjY1NCAwLjEwMzE2IDAuOTQ0MzcgMCAxLjQ5My0wLjIyOTc0IDEuODQ3Mi0xLjMyNDcgMC4xMDkxNC0wLjMzNjA1IDAuMjgzOTctMS4yMjA4IDAuMzY1NTYtMS42NTAzaC0wLjc3NDNjLTEuMzA0NCAwLTIuMDA5NS0wLjU1MTg0LTIuMzU1NS0xLjg0MjZsLTEuOTMwOS02Ljg0MDVjLTAuMTg1NDMtMC42OTg2OC0wLjI3MTc5LTEuMTY4NC0wLjI3MTc5LTEuNDgzOSAwLTAuNTIgMC4zMDE3Mi0wLjgwNDIxIDAuODQ5OC0wLjgwNDIxaDAuNjgwNTNjMC42Mjc1NSAwIDAuNzU4NDEgMC40OTIzNyAwLjg5Njk1IDEuMDE1OGwwLjAyMDEzMiAwLjA3NDQ3NCAxLjgxNyA2Ljg0MzdjMC4yMTcyMiAwLjg1OTc0IDAuNDczOTEgMS4wMTIxIDEuMDg3MiAxLjAxMjFoMC40MDQ3N2wxLjgxODUtNy44NDg3YzAuMTg4MzQtMC44MjE4NCAwLjQzODQxLTEuMDk3NCAwLjk5NTIzLTEuMDk3NGgwLjY0MjY1YzAuNDkyMTkgMCAwLjgxMTY2IDAuMzE1NTMgMC44MTE2NiAwLjgwNDIxIDAgMC40MjEzMi0wLjIzNDE3IDEuMzI3OS0wLjIzNDE3IDEuMzI3OXptMjEuOTkzLTE2LjM2N2gtMzYuMjE2Yy0xLjAxNzUgMC0xLjg3MjMgMC44MTYzMi0xLjg3MjMgMS44Mzc0djM1Ljk0MWMwIDAuOTgxMzIgMC44NTQ4MyAxLjgzODQgMS44NzIzIDEuODM4NGgzNi4yMTZjMC45MzcyMiAwIDEuNzkxLTAuODU3MTEgMS43OTEtMS44Mzg0di0zNS45NDFjMC0xLjAyMTEtMC44NTM3Ny0xLjgzNzQtMS43OTEtMS44Mzc0eiIgZmlsbD0iI2ZmZiIgbWFzaz0idXJsKCNiKSIvPgo8L2c+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=);
}

.outer-audio-wrapper[data-v-1ef60613] {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s linear;
}
.outer-audio-wrapper.audio-active[data-v-1ef60613] {
  position: fixed;
  bottom: 0;
  visibility: visible;
  opacity: 1;
}
@media (max-width: 500px) {
.outer-audio-wrapper.audio-active[data-v-1ef60613] {
      bottom: 0;
      left: 0;
}
}
.outer-audio-wrapper > .inner-audio-wrapper[data-v-1ef60613] {
  position: relative;
  width: 94%;
  margin: 0 3%;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-captions[data-v-1ef60613] {
  position: absolute;
  max-width: 490px;
  bottom: 120px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (max-width: 2000px) and (min-aspect-ratio: 17 / 10) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-captions[data-v-1ef60613] {
      max-width: 390px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 2 / 1) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-captions[data-v-1ef60613] {
      max-width: 340px;
}
}
@media (max-width: 500px) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-captions[data-v-1ef60613] {
      bottom: 100px;
}
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-captions > #caption-slot[data-v-1ef60613] {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.45;
  text-align: center;
  margin: 0;
  padding: 3px 5px;
  color: #eee;
  text-shadow: 3px 2px 8px black;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player[data-v-1ef60613] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress[data-v-1ef60613] {
  position: relative;
  width: calc(100% - 90px);
}
@media (max-width: 1000px) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress[data-v-1ef60613] {
      width: calc(100% - 90px);
}
}
@media (max-width: 500px) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress[data-v-1ef60613] {
      width: calc(100% - 90px);
}
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress > .md-player__progress--inner[data-v-1ef60613] {
  position: relative;
  background-color: #444;
  height: 3px;
  width: 100%;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress > .md-player__progress--inner > .progress-bar[data-v-1ef60613] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: white;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress > .md-shortcut[data-v-1ef60613] {
  position: absolute;
  top: 50%;
  width: 15px;
  height: 15px;
  transform: translate(-10px, -50%);
  border: 2px solid white;
  border-radius: 50%;
  background-color: #444;
  cursor: pointer;
}
@media (max-width: 500px) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress > .md-shortcut[data-v-1ef60613] {
      width: 13px;
      height: 13px;
}
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress > .md-shortcut > .md-shortcut-info[data-v-1ef60613] {
  position: absolute;
  top: 0;
  transform: translate(-40%, -22px);
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress > .md-shortcut > .md-shortcut-info > p[data-v-1ef60613] {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.45;
  text-align: center;
  margin: 0;
  padding: 0;
  color: white;
  text-shadow: 3px 2px 8px black;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__progress > .md-shortcut > .md-shortcut-info > p.hidden[data-v-1ef60613] {
  display: none;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns[data-v-1ef60613] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90px;
  margin: 0 0 0 10px;
  cursor: pointer;
  transform: scale(1);
  transition: transform .2s ease-in-out;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
@media (max-width: 1000px) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns[data-v-1ef60613] {
      width: 90px;
}
}
@media (max-width: 500px) {
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns[data-v-1ef60613] {
      width: 90px;
}
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > .btn-show-more[data-v-1ef60613] {
  width: 30px;
  filter: drop-shadow(1px 1px 2px black);
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > .more-buttons[data-v-1ef60613] {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 90px;
  transform: translate(-1px, -90px);
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.6);
}

/* .outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns.hover-active {
  transform: scale(1.1);
} */
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > span > .btn-play-pause[data-v-1ef60613] {
  width: 50px;
  height: 50px;
  filter: drop-shadow(3px 2px 10px rgba(0, 0, 0, 0.4));
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > .more-buttons > span > .btn-volume[data-v-1ef60613] {
  width: 30px;
  margin: 10px 2.5px 0 2.5px;
  opacity: 0.5;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > .more-buttons > span > .btn-captions[data-v-1ef60613] {
  width: 30px;
  margin: 0 2.5px;
  opacity: 0.5;
  transition: opacity .2s ease-in-out;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > .more-buttons > span > img.btn-hidden[data-v-1ef60613],
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > span > img.btn-hidden[data-v-1ef60613] {
  display: none;
}
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > .more-buttons > span > img.btn-hovered[data-v-1ef60613],
.outer-audio-wrapper > .inner-audio-wrapper > .md-player > .md-player__btns > span > img.btn-hovered[data-v-1ef60613] {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

@keyframes scale-data-v-d9c04ea4 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(1.1);
}
}

/*
@keyframes panorama {
  to { background-position: 100% 0; }
}*/
.outer-image-wrapper[data-v-d9c04ea4] {
  width: 100%;
  background-color: #222;
}
.inner-image-wrapper[data-v-d9c04ea4] {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 80px;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 2000px) and (max-aspect-ratio: 2 / 1) {
.inner-image-wrapper[data-v-d9c04ea4] {
      max-width: 600px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 17 / 10) {
.inner-image-wrapper[data-v-d9c04ea4] {
      max-width: 400px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 2 / 1) {
.inner-image-wrapper[data-v-d9c04ea4] {
      max-width: 350px;
}
}
@media (max-width: 500px) {
.inner-image-wrapper[data-v-d9c04ea4] {
      bottom: 0;
}
}
.inner-image-wrapper > div[data-v-d9c04ea4] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.inner-image-wrapper > .md-img--active[data-v-d9c04ea4] {
  animation-name: scale-data-v-d9c04ea4;
  animation-delay: 200ms;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.inner-video-wrapper[data-v-0f89818e] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 80px;
  left: 0;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 2000px) and (max-aspect-ratio: 2 / 1) {
.inner-video-wrapper[data-v-0f89818e] {
      max-width: 600px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 17 / 10) {
.inner-video-wrapper[data-v-0f89818e] {
      max-width: 400px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 2 / 1) {
.inner-video-wrapper[data-v-0f89818e] {
      max-width: 350px;
}
}
@media (max-width: 500px) {
.inner-video-wrapper[data-v-0f89818e] {
      bottom: 0;
}
}
.inner-video-wrapper > video[data-v-0f89818e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-text-wrapper[data-v-67e1dd98] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 80px;
  left: 0;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
  background-color: black;
}
@media (min-width: 2000px) and (max-aspect-ratio: 2 / 1) {
.inner-text-wrapper[data-v-67e1dd98] {
      max-width: 600px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 17 / 10) {
.inner-text-wrapper[data-v-67e1dd98] {
      max-width: 400px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 2 / 1) {
.inner-text-wrapper[data-v-67e1dd98] {
      max-width: 350px;
}
}
@media (max-width: 500px) {
.inner-text-wrapper[data-v-67e1dd98] {
      bottom: 0;
}
}
.inner-text-wrapper > .md-text[data-v-67e1dd98] {
  position: absolute;
  bottom: 55%;
  left: 50%;
  width: 300px;
  transform: translate(-50%, 0);
}
.inner-text-wrapper > .md-text > h3[data-v-67e1dd98] {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.45;
  margin: 0;
  padding: 0;
  color: #eee;
  text-align: center;
}
@keyframes fade-data-v-67e1dd98 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.inner-text-wrapper > .md-text > .md-block[data-v-67e1dd98] {
  width: 200px;
  height: 4px;
  margin: 20px auto 0 auto;
  opacity: 0;
  background-color: white;
}
.inner-text-wrapper > .md-text > .md-block--active[data-v-67e1dd98] {
  animation-name: fade-data-v-67e1dd98;
  animation-duration: 1.5s;
  animation-delay: .2s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

div[data-v-5e2f0fd6] {
  text-align: center;
  padding: 0;
}

.inner-end-wrapper[data-v-fd90dd82] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 80px;
  left: 0;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
  background-color: black;
}
@media (min-width: 2000px) and (max-aspect-ratio: 2 / 1) {
.inner-end-wrapper[data-v-fd90dd82] {
      max-width: 600px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 17 / 10) {
.inner-end-wrapper[data-v-fd90dd82] {
      max-width: 400px;
}
}
@media (max-width: 1600px) and (min-aspect-ratio: 2 / 1) {
.inner-end-wrapper[data-v-fd90dd82] {
      max-width: 350px;
}
}
@media (max-width: 500px) {
.inner-end-wrapper[data-v-fd90dd82] {
      bottom: 0;
}
}
.inner-end-wrapper > .md-end[data-v-fd90dd82] {
  position: absolute;
  bottom: 25%;
  left: 50%;
  width: 300px;
  transform: translate(-50%, 0);
}
.inner-end-wrapper > .md-end > .feedback-wrapper[data-v-fd90dd82] {
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
}
.inner-end-wrapper > .md-end > .feedback-wrapper > a[data-v-fd90dd82] {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.45;
  text-decoration: underline;
  margin: 0;
  padding: 0;
  color: #eee;
}
.inner-end-wrapper > .md-end > h2[data-v-fd90dd82] {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.45;
  margin: 0;
  padding: 10px 0;
  color: #eee;
  text-align: center;
}
.inner-end-wrapper > .md-end > p[data-v-fd90dd82] {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.45;
  margin: 0;
  padding: 0;
  color: #eee;
  text-align: center;
}
.inner-end-wrapper > .md-end > .date[data-v-fd90dd82] {
  font-size: 14px;
  margin: 0;
  padding: 20px 0 0 0;
}
.inner-end-wrapper > .md-end > p > strong[data-v-fd90dd82] {
  font-weight: 700;
}
.inner-end-wrapper > .md-end > .user-info[data-v-fd90dd82] {
  font-size: 14px;
  padding: 20px 60px 0 50px;
}

@charset "UTF-8";
.content[data-v-7c2bfba8] {
  background-color: #222;
}
.content > .inner-content[data-v-7c2bfba8] {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  height: calc(100vh - 80px);
  overflow: hidden;
}
@media (max-width: 2400px) {
.content > .inner-content[data-v-7c2bfba8] {
      max-width: 600px;
}
}
@media (max-width: 620px) {
.content > .inner-content[data-v-7c2bfba8] {
      max-width: none;
      width: 100%;
      margin: 0;
}
}
@media (max-width: 500px) {
.content > .inner-content[data-v-7c2bfba8] {
      height: 100vh;
}
}
.inner-content > span > div[data-v-7c2bfba8] {
  transition: opacity .5s;
}
.active[data-v-7c2bfba8] {
  visibility: visible;
  opacity: 1;
}
.hidden[data-v-7c2bfba8] {
  visibility: hidden;
  opacity: 0;
}

/* .fade-enter-active,
.fade-leave-active {
  transition: opacity .5s;
}
FADE-ENTER-ACTIVE OLI PIILOTETTU EDELLISESSÄ VERSIOSSA
------------------------------------------------------
.fade-enter-active {
  transition-delay: -.15s;
}
------------------------------------------------------
.fade-leave-active {
  transition-delay: .2s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
} */

.content[data-v-7c3a1329] {
  background-color: #222;
}
.content > .inner-content[data-v-7c3a1329] {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  height: calc(100vh - 80px);
  overflow: hidden;
}
@media (max-width: 2400px) {
.content > .inner-content[data-v-7c3a1329] {
      max-width: 600px;
}
}
@media (max-width: 620px) {
.content > .inner-content[data-v-7c3a1329] {
      max-width: none;
      width: 100%;
      margin: 0;
}
}
@media (max-width: 500px) {
.content > .inner-content[data-v-7c3a1329] {
      height: 100vh;
}
}
.inner-content > span > div[data-v-7c3a1329] {
  transition: opacity .5s;
}
.active[data-v-7c3a1329] {
  visibility: visible;
  opacity: 1;
}
.hidden[data-v-7c3a1329] {
  visibility: hidden;
  opacity: 0;
}

.content[data-v-7c482aaa] {
  background-color: #222;
}
.content > .inner-content[data-v-7c482aaa] {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  height: calc(100vh - 80px);
  overflow: hidden;
}
@media (max-width: 2400px) {
.content > .inner-content[data-v-7c482aaa] {
      max-width: 600px;
}
}
@media (max-width: 620px) {
.content > .inner-content[data-v-7c482aaa] {
      max-width: none;
      width: 100%;
      margin: 0;
}
}
@media (max-width: 500px) {
.content > .inner-content[data-v-7c482aaa] {
      height: 100vh;
}
}
.inner-content > span > div[data-v-7c482aaa] {
  transition: opacity .5s;
}
.active[data-v-7c482aaa] {
  visibility: visible;
  opacity: 1;
}
.hidden[data-v-7c482aaa] {
  visibility: hidden;
  opacity: 0;
}

@charset "UTF-8";
.content[data-v-7c56422b] {
  background-color: #222;
}
.content > .inner-content[data-v-7c56422b] {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  height: calc(100vh - 80px);
  overflow: hidden;
}
@media (max-width: 2400px) {
.content > .inner-content[data-v-7c56422b] {
      max-width: 600px;
}
}
@media (max-width: 620px) {
.content > .inner-content[data-v-7c56422b] {
      max-width: none;
      width: 100%;
      margin: 0;
}
}
@media (max-width: 500px) {
.content > .inner-content[data-v-7c56422b] {
      height: 100vh;
}
}
.inner-content > span > div[data-v-7c56422b] {
  transition: opacity .5s;
}
.active[data-v-7c56422b] {
  visibility: visible;
  opacity: 1;
}
.hidden[data-v-7c56422b] {
  visibility: hidden;
  opacity: 0;
}

/* .fade-enter-active,
.fade-leave-active {
  transition: opacity .5s;
}
FADE-ENTER-ACTIVE OLI PIILOTETTU EDELLISESSÄ VERSIOSSA
------------------------------------------------------
.fade-enter-active {
  transition-delay: -.15s;
}
------------------------------------------------------
.fade-leave-active {
  transition-delay: .2s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
} */

figure[data-v-3ea74058] {
  width: 100%;
}
figure > #md-content[data-v-3ea74058] {
  position: relative;
  width: 100%;
  height: calc(100vh - 50px);
  background-color: #222;
}
figure > #md-content.md-content--started[data-v-3ea74058] {
  height: auto;
}


/*# sourceMappingURL=styles.css.map*/