/*Fonts*/
/*Colors*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

body, html {
  margin: 0;
  padding: 0;
  font-size: 10px; }

b, strong {
  font-weight: bold; }

body, html {
  font-size: 10px;
  overflow-x: hidden; }

html {
  scroll-behavior: smooth; }

* {
  box-sizing: border-box; }

body {
  font-family: "Outfit", sans-serif;
  color: #9C4A3B; }

.container {
  max-width: 90%;
  width: 2700px;
  margin: 0 auto; }
  .container.container-2 {
    width: 1180px; }
  .container.container-3 {
    width: 850px; }

img {
  max-width: 100%;
  height: auto; }

.img-container {
  position: relative;
  overflow: hidden; }
  .img-container > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover; }
    .img-container > img + .container {
      position: relative;
      z-index: 1; }

.white-color {
  color: #EFEFEE; }

.white-color :is(h1, h2, h3, h4, h5, h6, p, li) {
  color: #EFEFEE; }

h1, h2, h3, h4, h5, h6, .teal-title, .green-title {
  font-weight: 900; }

h1 {
  font-size: 5rem;
  margin: 0 0 1.5rem;
  line-height: 1.1; }

h2, h3, .teal-title, .green-title {
  font-size: 3.5rem;
  margin: 0 0 1rem; }

h4, h5, h6 {
  font-size: 3rem;
  margin: 0 0 1rem; }

.teal-title {
  color: #70CBD3; }

.green-title {
  color: #078080; }

.flex {
  display: flex;
  flex-wrap: wrap; }

.wysiwyg a {
  text-decoration: underline; }

p, li {
  font-size: 1.8rem;
  line-height: 1.2; }
  p:first-of-type, li:first-of-type {
    margin-top: 0; }
  p:last-of-type, li:last-of-type {
    margin-bottom: 0; }

strong {
  color: inherit; }

a, span {
  text-decoration: none;
  transition: all ease-in-out .2s;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: #078080; }

a:hover {
  color: #70CBD3; }

@media only screen and (max-width: 1024px) {
  body, html {
    font-size: 9px; }
  h2, h3, .teal-title, .green-title {
    font-size: 3rem; }
  h4, h5, h6 {
    font-size: 2.5rem; } }

@media only screen and (max-width: 450px) {
  body, html {
    font-size: 8px; }
  h2, h3, .teal-title, .green-title {
    font-size: 2.5rem; }
  h4, h5, h6 {
    font-size: 2rem; } }

.intro {
  margin: 0 0 5rem; }
  .intro .wysiwyg {
    max-width: 86rem; }
  .intro p, .intro li {
    font-size: 3.4rem;
    line-height: 1.2; }

@media only screen and (max-width: 1440px) {
  .intro p, .intro li {
    font-size: 2.2rem; } }

.beyond-timeline {
  position: relative; }
  .beyond-timeline .svg-1 {
    width: 100rem;
    max-width: 35%;
    height: auto; }
  .beyond-timeline .paint-mark-4 {
    position: absolute;
    bottom: 0;
    left: 33%;
    z-index: -2;
    width: 219rem;
    max-width: none; }

.side-video {
  position: absolute;
  top: 10%;
  left: calc(50% - 65rem);
  width: 50rem; }
  .side-video .video-player {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; }
    .side-video .video-player iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .side-video h3, .side-video p {
    margin: 0 0 2rem; }
  .side-video p {
    color: #9C4A3B; }
  .side-video.side-video-2 {
    top: 25%;
    left: calc(50% - 13rem); }
  .side-video.side-video-3 {
    top: 64%;
    left: calc(50% - 65rem); }

@media only screen and (max-width: 1440px) {
  .side-video {
    left: 0;
    width: 40rem; }
    .side-video.side-video-3 {
      left: 0; } }

@media only screen and (max-width: 1250px) {
  .side-video.side-video-2 {
    left: calc(50% - 5rem); } }

@media only screen and (max-width: 1024px) {
  .side-video {
    left: calc(50% - 5rem);
    top: 13%; }
    .side-video h3, .side-video p {
      max-width: 25rem; }
    .side-video p {
      color: #EFEFEE; }
    .side-video.side-video-2 {
      top: 24%;
      left: calc(50% - 9rem); }
    .side-video.side-video-3 {
      top: 70.5%;
      left: calc(50% - 21rem); } }

@media only screen and (max-width: 650px) {
  .side-video {
    width: 50rem;
    max-width: 80%;
    left: 10% !important; }
    .side-video.side-video-1 h3, .side-video.side-video-1 p {
      margin-left: auto; }
    .side-video.side-video-2 h3, .side-video.side-video-2 p {
      margin-left: 19rem; } }

@media only screen and (max-width: 500px) {
  .side-video {
    max-width: 90%;
    left: 5% !important; }
    .side-video.side-video-2 h3, .side-video.side-video-2 p {
      margin-left: 15rem; } }

@media only screen and (max-width: 450px) {
  .side-video h3, .side-video p {
    width: 18rem; }
  .side-video.side-video-2 h3, .side-video.side-video-2 p {
    margin-left: 11rem; } }

.admin-bar .header {
  top: 32px; }

.header {
  margin: 10rem 0 6rem; }

@media screen and (max-width: 782px) {
  .admin-bar .header {
    top: 45px; }
  #wpadminbar {
    position: fixed !important; } }

.worm-desktop {
  position: relative; }
  .worm-desktop .worm-desktop-svg {
    height: auto;
    width: 225rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
  .worm-desktop .worm-mobile-svg {
    display: none; }

.line-animation #line-path-1, .line-animation #line-path-2, .line-animation #line-path-3, .line-animation #line-path-4, .line-animation #line-path-5 {
  overflow: visible;
  position: absolute; }

.line-animation #line-path-1 {
  top: -1rem;
  left: calc(50% - 44.5rem); }

.line-animation #line-path-2 {
  top: 122rem;
  left: calc(50% - 73.5rem); }

.line-animation #line-path-3 {
  top: 269rem;
  left: calc(50% - 75.5rem); }

.line-animation #line-path-4 {
  top: 588rem;
  left: calc(50% - 65rem); }

.line-animation #line-path-5 {
  top: 748rem;
  left: calc(50% - 50.5rem); }

.line-animation-mobile {
  display: none; }

#circle-1 {
  transform: translate(4px, 6px) scale(0.9); }

#circle-2 {
  transform: translate(0, 64px) scale(0.9); }

#circle-3 {
  transform: translate(88px, 51px) scale(0.9); }

#circle-4 {
  transform: translate(72px, 4px) scale(0.9); }

#circle-5 {
  transform: translate(0, 22px) scale(0.9); }

#circle-6 {
  transform: translate(-4px, 44px) scale(0.9); }

#circle-7 {
  transform: translate(70px, 116px) scale(0.9); }

#circle-8 {
  transform: translate(78px, 163px) scale(0.9); }

#circle-9 {
  transform: translate(150px, 206px) scale(0.9); }

#circle-10 {
  transform: translate(67px, 250px) scale(0.9); }

#circle-11 {
  transform: translate(81px, 283px) scale(0.9); }

#circle-12 {
  transform: translate(0, 306px) scale(0.9); }

#circle-13 {
  transform: translate(11px, 306px) scale(0.9); }

#circle-14 {
  transform: translate(28px, 399px) scale(0.9); }

#circle-15 {
  transform: translate(100px, 383px) scale(0.9); }

#circle-16 {
  transform: translate(72px, 505px) scale(0.9); }

#circle-17 {
  transform: translate(76px, 512px) scale(0.9); }

#circle-18 {
  transform: translate(3px, 556px) scale(0.9); }

#circle-19 {
  transform: translate(37px, 660px) scale(0.9); }

#circle-20 {
  transform: translate(64px, 686px) scale(0.9); }

#mobile-circle-2 {
  transform: translate(-3px, 4px); }

#mobile-circle-3 {
  transform: translate(-3px, -1px); }

#mobile-circle-4 {
  transform: translate(5px, 5px); }

#mobile-circle-5 {
  transform: translate(5px, -1px); }

#mobile-circle-6 {
  transform: translate(-6px, -1px); }

#mobile-circle-7 {
  transform: translate(1px, 0); }

#mobile-circle-8 {
  transform: translate(-3px, 8px); }

#mobile-circle-9 {
  transform: translate(6px, 1px); }

#mobile-circle-10 {
  transform: translate(0px, -1px); }

#mobile-circle-11 {
  transform: translate(-5px, 0px); }

#mobile-circle-12 {
  transform: translate(-4px, -4px); }

.parallax-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.parallax-container-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .parallax-container-top .svg-shape {
    position: absolute;
    max-width: 60rem; }
    .parallax-container-top .svg-shape:nth-of-type(1) {
      top: -8rem;
      left: calc(50% - 105rem);
      z-index: 3;
      animation-name: movesvg;
      animation-duration: 1.5s;
      animation-timing-function: ease-out;
      animation-direction: alternate;
      animation-iteration-count: 1;
      animation-play-state: running; }
    .parallax-container-top .svg-shape:nth-of-type(2) {
      top: 15%;
      left: calc(50% + 32rem);
      transform: rotate(-25deg); }

.parallax-container-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }
  .parallax-container-bottom .svg-shape {
    position: absolute;
    max-width: 60rem; }
    .parallax-container-bottom .svg-shape:nth-of-type(1) {
      top: 28%;
      left: calc(50% - 93rem);
      transform: rotate(13deg);
      max-width: 70rem; }
    .parallax-container-bottom .svg-shape:nth-of-type(2) {
      top: 77%;
      left: calc(50% + 9rem);
      transform: rotate(120deg); }
    .parallax-container-bottom .svg-shape:nth-of-type(3) {
      top: 92%;
      left: calc(50% + 25rem);
      transform: rotate(-45deg); }

@keyframes movesvg {
  0% {
    left: -10000%; }
  100% {
    left: calc(50% - 105rem); } }

.paint-mark {
  position: absolute;
  top: 0;
  left: calc(50% - 25rem);
  z-index: -1;
  max-width: 110rem; }

.paint-mark-2 {
  position: absolute;
  top: 36%;
  left: calc(50% - 116rem);
  z-index: -1;
  max-width: none; }

.paint-mark-3 {
  position: absolute;
  top: 71%;
  left: calc(50% - 76rem);
  z-index: -1;
  max-width: 110rem; }

@keyframes stretchPaint {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.05); } }

.dots {
  position: absolute;
  max-width: 90%;
  z-index: -1; }

.dots-1 {
  top: 18%;
  left: calc(50% + 62rem); }

.dots-2 {
  top: 74%;
  left: calc(50% - 169rem); }

.dots-3 {
  top: 84%;
  left: calc(50% - 104rem); }

.box {
  position: absolute;
  width: 26rem;
  display: flex; }
  .box .excerpt {
    margin: 0; }

.box-1 {
  top: 1.5%;
  left: calc(50% - 30rem); }

.box-2 {
  top: 7.2%;
  left: calc(50% - 2rem); }

.box-3 {
  top: 10.5%;
  left: calc(50% + 20rem); }

.box-4 {
  top: 15.5%;
  left: calc(50% + 9rem); }

.box-5 {
  top: 18.5%;
  left: calc(50% - 35rem); }

.box-6 {
  top: 27%;
  left: calc(50% - 58rem); }

.box-7 {
  top: 32.5%;
  left: calc(50% - 53rem); }

.box-8 {
  top: 33%;
  left: calc(50% - 8rem); }

.box-9 {
  top: 37.2%;
  left: calc(50% + 17rem); }

.box-10 {
  top: 43.5%;
  left: calc(50% + 2rem); }

.box-11 {
  top: 47%;
  left: calc(50% - 8rem); }

.box-12 {
  top: 50%;
  left: calc(50% - 40rem); }

.box-13 {
  top: 53.5%;
  left: calc(50% - 58rem); }

.box-14 {
  top: 59.2%;
  left: calc(50% - 30rem); }

.box-15 {
  top: 59%;
  left: calc(50% + 23rem); }

.box-16 {
  top: 68.5%;
  left: calc(50% + 25rem); }

.box-17 {
  top: 75.2%;
  left: calc(50% - 22rem); }

.box-18 {
  top: 77%;
  left: calc(50% - 49rem); }

.box-19 {
  top: 89.5%;
  left: calc(50% - 31rem); }

.box-20 {
  top: 91%;
  left: calc(50% + 2rem); }

.worm-img {
  position: absolute;
  top: 64%;
  left: calc(50% + 2rem);
  max-width: 90%;
  animation-name: stretchPaint;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-play-state: running; }
  .worm-img.worm-img-2 {
    top: 82%;
    left: calc(50% - 59rem); }

@media only screen and (max-width: 1440px) {
  .box-6 {
    left: calc(50% - 48rem); }
  .box-7 {
    left: calc(50% - 48rem); }
  .box-8 {
    left: calc(50% - 4rem); }
  .box-13 {
    left: calc(50% - 48rem); }
  .box-18 {
    left: calc(50% - 48rem); } }

@media only screen and (max-width: 1250px) {
  .dots-1 {
    left: calc(50% + 30rem); }
  .dots-2 {
    left: calc(50% - 69rem); }
  .dots-3 {
    left: calc(50% - 55rem); }
  .worm-desktop .worm-desktop-svg {
    left: 55%; }
  .box-2 {
    left: calc(50% + 7rem); }
  .box-3 {
    left: calc(50% + 27rem); }
  .box-4 {
    left: calc(50% + 12rem); }
  .box-5 {
    left: calc(50% - 35rem); }
  .box-6 {
    left: calc(50% - 45rem); }
  .box-8 {
    left: calc(50% + 6rem); }
  .box-9 {
    left: calc(50% + 23rem); }
  .box-10 {
    left: calc(50% + 5rem); }
  .box-11 {
    left: calc(50% - 2rem); }
  .box-13 {
    left: calc(50% - 45rem); }
  .box-16 {
    left: calc(50% + 25rem); }
  .box-17 {
    left: calc(50% - 16rem); }
  .box-18 {
    left: calc(50% - 43rem); }
  .box-19 {
    left: calc(50% - 25rem); }
  .box-20 {
    left: calc(50% + 15rem); } }

@media only screen and (max-width: 1215px) {
  .worm-img.worm-img-2 {
    left: calc(50% - 38rem); }
  .box {
    width: 20rem; }
  .box-6 {
    left: calc(50% - 38rem); }
  .box-7 {
    left: calc(50% - 38rem); }
  .box-8 {
    left: calc(50% - 3rem); }
  .box-12 {
    left: calc(50% - 31rem); }
  .box-13 {
    left: calc(50% - 38rem); }
  .box-18 {
    left: calc(50% - 38rem); } }

@media only screen and (max-width: 1024px) {
  .timeline .container {
    max-width: 100%; }
  .worm-desktop .worm-desktop-svg {
    display: none; }
  .worm-desktop .worm-mobile-svg {
    height: auto;
    width: 100%;
    max-height: 1200rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    padding-top: 15rem; }
  .line-animation {
    display: none; }
  .line-animation-mobile {
    display: block; }
  #mobile-line-path-1 {
    position: absolute;
    top: 13rem;
    left: calc(50% - 50rem);
    height: 77rem;
    width: auto;
    transform: rotate(-32deg); }
  #mobile-line-path-2 {
    position: absolute;
    top: 141rem;
    left: calc(50% - 33rem);
    transform: rotate(-15deg);
    height: 162rem;
    width: auto; }
  #mobile-line-path-3 {
    position: absolute;
    top: 348rem;
    left: calc(50% + 3rem);
    height: 71rem;
    width: auto;
    overflow: visible; }
  #mobile-line-path-4 {
    position: absolute;
    top: 427rem;
    left: calc(50% - 33rem);
    height: 310rem;
    width: auto;
    overflow: visible; }
  #mobile-line-path-5 {
    position: absolute;
    top: 798rem;
    left: calc(50% - 42rem);
    height: 318rem;
    width: auto; }
  .parallax-container-top {
    display: none; }
  .parallax-container-bottom .svg-shape {
    max-width: 40rem !important; }
    .parallax-container-bottom .svg-shape:nth-of-type(1) {
      top: -2%;
      left: calc(50% + 9rem);
      transform: rotate(-140deg); }
    .parallax-container-bottom .svg-shape:nth-of-type(2) {
      top: 30%;
      left: calc(50% - 49rem);
      transform: rotate(13deg); }
    .parallax-container-bottom .svg-shape:nth-of-type(3) {
      top: 93%;
      left: calc(50% + 5rem); }
  .dots-1 {
    left: calc(50% - 50rem); }
  .dots-2 {
    left: calc(50% - 50rem); }
  .dots-3 {
    left: calc(50% - 50rem); }
  .worm-img {
    top: 63%;
    left: calc(50% - 24rem); }
  .box {
    width: 25rem; }
  .box-2 {
    top: 7.7%;
    left: calc(50% - 9rem); }
  .box-3 {
    left: calc(50% - 6rem); }
  .box-4 {
    top: 17.2%;
    left: calc(50% - 19rem); }
  .box-5 {
    top: 21.2%;
    left: calc(50% + 2rem); }
  .box-6 {
    top: 30%;
    left: calc(50% - 23rem); }
  .box-7 {
    top: 32.5%;
    left: calc(50% - 17rem); }
  .box-8 {
    top: 35.5%;
    left: calc(50% + 6rem); }
  .box-9 {
    top: 38%;
    left: calc(50% + 2rem); }
  .box-10 {
    left: calc(50% - 21rem); }
  .box-11 {
    top: 46%; }
  .box-12 {
    left: calc(50% - 3rem); }
  .box-13 {
    top: 53.5%;
    left: calc(50% - 17rem); }
  .box-14 {
    top: 56.2%;
    left: calc(50% - 21rem); }
  .box-15 {
    top: 61%;
    left: calc(50% + 4rem); }
  .box-16 {
    top: 66.5%;
    left: calc(50% - 25rem); }
  .box-17 {
    top: 75.2%;
    left: calc(50% - 22rem); }
  .box-18 {
    top: 80%;
    left: calc(50% - 10rem); }
  .box-19 {
    top: 88.5%;
    left: calc(50% - 9rem); }
  .box-20 {
    top: 92%;
    left: calc(50% - 21rem); } }

@media only screen and (max-width: 800px) {
  .box-1 {
    top: 2.5%;
    left: calc(50% - 7rem); }
  .line-animation-mobile #mobile-line-path-1 {
    left: calc(50% - 30rem);
    transform: rotate(0deg); } }

@media only screen and (max-width: 700px) {
  .worm-img {
    left: 5%; }
    .worm-img.worm-img-2 {
      left: 5%; } }

@media only screen and (max-width: 650px) {
  .worm-desktop .worm-mobile-svg {
    width: 75rem; }
  .box-4 {
    top: 18.2%; }
    .box-4 .parent-button {
      left: 36rem; }
  .box-6 .parent-button {
    left: 36rem; }
  .box-7 .parent-button {
    left: 36rem; }
  .box-10 {
    top: 41.5%; }
    .box-10 .parent-button {
      left: 36rem; }
  .box-13 .parent-button {
    left: 36rem; }
  .box-14 {
    top: 56.5%;
    left: calc(50% - 13rem); }
    .box-14 .parent-button {
      left: 36rem; }
  .box-15 {
    left: calc(50% - 3rem); }
  .box-16 {
    left: calc(50% - 24rem); }
    .box-16 .parent-button {
      left: 36rem; }
  .box-17 {
    top: 76.5%;
    left: calc(50% - 3rem); }
  .box-20 .parent-button {
    left: 36rem; } }

@media only screen and (max-width: 500px) {
  .box-5 {
    left: calc(50% - 6rem); }
  .box-9 {
    top: 38.5%;
    left: calc(50% - 3rem); }
  .parallax-container-bottom .svg-shape:nth-of-type(3) {
    left: calc(50% - 2rem); } }

@media only screen and (max-width: 450px) {
  .worm-img.worm-img-2 {
    top: 85%; }
  .box {
    width: 18rem; }
  .box-1 {
    left: calc(50% - 6rem); }
  .box-2 {
    left: calc(50% - 6rem); }
  .box-3 {
    left: calc(50% - 3rem); }
  .box-4 {
    left: calc(50% - 15rem); }
  .box-5 {
    left: calc(50% - 1rem); }
  .box-6 {
    left: calc(50% - 18rem); }
  .box-7 {
    top: 33%;
    left: calc(50% - 13rem); }
  .box-8 {
    top: 36.25%;
    left: calc(50% + 1rem); }
  .box-9 {
    left: calc(50% - 2rem); }
  .box-10 {
    top: 43.5%;
    left: calc(50% - 18rem); }
  .box-14 {
    top: 56.5%;
    left: calc(50% - 16rem); }
  .box-15 {
    left: calc(50% - 2rem); }
  .box-16 {
    left: calc(50% - 16rem); }
  .box-17 {
    top: 78.5%;
    left: calc(50% - 3rem); }
  .box-18 {
    top: 82%;
    left: calc(50% - 5rem); }
  .box-19 {
    top: 88.5%;
    left: calc(50% - 3rem); }
  .box-20 {
    top: 91%;
    left: calc(50% - 16rem); }
  .box-4 .parent-button, .box-6 .parent-button, .box-7 .parent-button, .box-10 .parent-button, .box-13 .parent-button, .box-14 .parent-button, .box-16 .parent-button, .box-20 .parent-button {
    left: 32rem; }
  .line-animation-mobile #mobile-logo-1, .line-animation-mobile #mobile-logo-2, .line-animation-mobile #mobile-logo-3, .line-animation-mobile #mobile-logo-4, .line-animation-mobile #mobile-logo-5 {
    width: 10rem;
    height: auto; }
  .line-animation-mobile #mobile-line-path-1 {
    left: calc(50% - 20rem);
    transform: rotate(10deg);
    height: 60rem; }
  .line-animation-mobile #mobile-line-path-2 {
    left: calc(50% - 4rem);
    transform: rotate(-33deg);
    height: 136rem; }
  .line-animation-mobile #mobile-line-path-3 {
    height: 61rem; }
  .line-animation-mobile #mobile-line-path-4 {
    left: calc(50% - 42rem);
    height: 258rem;
    transform: rotate(9deg); }
  .line-animation-mobile #mobile-line-path-5 {
    left: calc(50% - 34rem);
    height: 260rem; } }

.play-button {
  display: inline-block;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  color: #078080;
  text-decoration: underline;
  display: flex;
  align-items: center;
  transition: all ease-in-out .2s; }
  .play-button audio {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%); }
  .play-button svg {
    transition: all ease-in-out .2s; }
    .play-button svg path {
      transition: all ease-in-out .2s; }
  .play-button:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 2px;
    width: 6px;
    height: 25px;
    background-color: #078080;
    border-radius: 5px;
    transition: all ease-in-out .2s;
    opacity: 0; }
  .play-button:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 12px;
    width: 6px;
    height: 25px;
    background-color: #078080;
    border-radius: 5px;
    transition: all ease-in-out .2s;
    opacity: 0; }
  .play-button.song-active svg {
    opacity: 0; }
  .play-button.song-active:before {
    opacity: 1; }
  .play-button.song-active:after {
    opacity: 1; }
  .play-button:hover {
    color: #662222; }
    .play-button:hover svg path {
      fill: #662222; }
    .play-button:hover:before {
      background-color: #662222; }
    .play-button:hover:after {
      background-color: #662222; }

.button {
  display: inline-block;
  background-color: #662222;
  color: #EFEFEE;
  cursor: pointer;
  align-self: center;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  border-radius: 100px;
  font-size: 2rem;
  font-weight: 500;
  position: relative;
  min-width: 10rem;
  padding: 1rem 1rem 1rem 3rem;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-play-state: running; }
  .button:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    width: 20px;
    height: 20px;
    background-image: url(images/plus-small.svg);
    z-index: 9;
    transition: all ease-in-out .2s; }
  .button:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
    width: 20px;
    height: 20px;
    background-image: url(images/plus-small-brown.svg);
    z-index: 9;
    transition: all ease-in-out .2s;
    opacity: 0; }
  .button.simple-button {
    padding: 1.5rem; }
    .button.simple-button:before {
      display: none; }
    .button.simple-button:after {
      display: none; }
  .button.button-white {
    background-color: #EFEFEE;
    color: #662222; }
    .button.button-white:before {
      opacity: 0; }
    .button.button-white:after {
      opacity: 1; }
    .button.button-white:hover {
      color: #EFEFEE;
      background-color: #662222; }
      .button.button-white:hover:before {
        opacity: 1; }
      .button.button-white:hover:after {
        opacity: 0; }
  .button:hover {
    background-color: #EFEFEE;
    color: #662222; }
    .button:hover:before {
      opacity: 0; }
    .button:hover:after {
      opacity: 1; }

.parent-button {
  top: 0;
  left: -2rem;
  transform: translateX(-100%);
  position: absolute !important; }
  .parent-button:nth-of-type(1) {
    animation-name: stretch1; }
  .parent-button:nth-of-type(2) {
    transform: translate(-100%, 100%);
    top: 1.5rem;
    animation-name: stretch2; }
    .parent-button:nth-of-type(2):hover {
      transform: translate(-100%, 100%); }
  .parent-button:nth-of-type(3) {
    transform: translate(-100%, 200%);
    top: 3rem;
    animation-name: stretch3; }
    .parent-button:nth-of-type(3):hover {
      transform: translate(-100%, 200%); }

.child-button {
  animation-name: childstretch; }

@keyframes stretch1 {
  0% {
    transform: translateX(-100%) scale(1);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0); }
  100% {
    transform: translateX(-100%) scale(1.15);
    box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.7); } }

@keyframes stretch2 {
  0% {
    transform: translate(-100%, 100%) scale(1);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0); }
  100% {
    transform: translate(-100%, 100%) scale(1.15);
    box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.7); } }

@keyframes stretch3 {
  0% {
    transform: translate(-100%, 200%) scale(1);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0); }
  100% {
    transform: translate(-100%, 200%) scale(1.15);
    box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.7); } }

@keyframes childstretch {
  0% {
    transform: scale(1);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0); }
  100% {
    transform: scale(1.15);
    box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0, 0, 0, 0.7); } }

@media only screen and (max-width: 450px) {
  .button {
    min-width: 11rem; } }

.error {
  padding: 12rem 0 0; }
  .error .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .error h1, .error h3, .error p {
    margin-bottom: 1.5rem !important;
    flex: 0 0 100%;
    text-align: center; }
  .error h1 {
    font-size: 12rem;
    line-height: 1; }
  .error h3 {
    font-size: 4rem; }
  .error p {
    font-size: 2rem; }

@media only screen and (max-width: 650px) {
  .error h1 {
    font-size: 10rem; }
  .error h3 {
    font-size: 3rem; } }

.bio-popup {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  background-color: #078080;
  overflow-y: scroll;
  transition: all ease-in-out .3s;
  opacity: 0;
  pointer-events: none; }
  .bio-popup.active {
    opacity: 1;
    pointer-events: initial; }
  .bio-popup .bio-container {
    justify-content: space-between;
    overflow: hidden;
    position: relative; }
    .bio-popup .bio-container .popup-svg-2 {
      position: fixed;
      bottom: 0;
      right: 0;
      z-index: -1; }
    .bio-popup .bio-container .bio-container-inner {
      padding: 20rem 0 20rem 5%;
      width: 65rem;
      max-width: calc(100% - 14rem);
      position: relative; }
      .bio-popup .bio-container .bio-container-inner .popup-svg {
        position: absolute;
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
        width: auto;
        min-height: calc(100% + 13rem);
        z-index: 1;
        min-width: 100%;
        height: auto; }
      .bio-popup .bio-container .bio-container-inner .popup-title, .bio-popup .bio-container .bio-container-inner .wysiwyg {
        position: relative;
        z-index: 9; }
      .bio-popup .bio-container .bio-container-inner .popup-title {
        margin: 0 0 3rem;
        flex: 0 0 100%; }
      .bio-popup .bio-container .bio-container-inner .video-player {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        z-index: 99; }
        .bio-popup .bio-container .bio-container-inner .video-player iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: contain; }
    .bio-popup .bio-container .bio-container-buttons {
      padding: 5rem 0 0;
      margin: 0 5%;
      width: 14rem;
      text-align: right;
      height: 100%;
      justify-content: flex-end;
      position: relative;
      z-index: 9999; }
      .bio-popup .bio-container .bio-container-buttons .simple-logo-svg {
        margin: 0 0 2rem; }
      .bio-popup .bio-container .bio-container-buttons .button {
        margin: 0 0 1rem; }
    .bio-popup .bio-container .bottom-content {
      margin: 5rem 5% 15rem 5%;
      flex: 0 0 90%; }
      .bio-popup .bio-container .bottom-content .wysiwyg {
        max-width: 50rem; }
        .bio-popup .bio-container .bottom-content .wysiwyg a {
          color: #662222; }
          .bio-popup .bio-container .bottom-content .wysiwyg a:hover {
            color: #EFEFEE; }
      .bio-popup .bio-container .bottom-content h1, .bio-popup .bio-container .bottom-content h2, .bio-popup .bio-container .bottom-content h3, .bio-popup .bio-container .bottom-content h4, .bio-popup .bio-container .bottom-content h5, .bio-popup .bio-container .bottom-content h6, .bio-popup .bio-container .bottom-content p, .bio-popup .bio-container .bottom-content li {
        color: #EFEFEE; }
    .bio-popup .bio-container .popup-close {
      width: 30px;
      height: 30px;
      transition: all ease-in-out .3s;
      z-index: 999999;
      cursor: pointer;
      transform: rotate(45deg);
      margin: 5rem 0 5rem 5rem; }
      .bio-popup .bio-container .popup-close:hover {
        transform: rotate(45deg) scale(1.15); }

.play-button, .mp3_player {
  position: relative;
  z-index: 99; }

.mp3_player {
  width: 100%;
  height: 5rem;
  flex: 0 0 100%;
  margin: 0 0 3rem;
  overflow: hidden; }
  .mp3_player canvas {
    width: 70rem;
    height: 5rem;
    float: left;
    margin: 0 0 3rem; }
  .mp3_player audio {
    width: 100%;
    float: left; }

.popup-button-active {
  pointer-events: none; }

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .mp3_player canvas {
      width: 32rem; } } }

@media only screen and (max-width: 1024px) {
  .bio-popup .bio-container .bottom-content {
    margin: 5rem 5%; } }

@media only screen and (max-width: 850px) {
  .bio-popup .bio-container .bio-container-inner {
    width: 100%;
    max-width: 100%;
    padding: 20rem 5%; }
  .bio-popup .bio-container .bio-container-buttons {
    position: absolute !important;
    top: 7rem;
    left: 0;
    height: auto;
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    align-items: center; }
    .bio-popup .bio-container .bio-container-buttons .popup-close {
      margin: 0 2rem 0 0; }
    .bio-popup .bio-container .bio-container-buttons .simple-logo-svg {
      margin: 0 2rem 0 0; }
    .bio-popup .bio-container .bio-container-buttons .button {
      margin: 0 2rem 0 0; }
      .bio-popup .bio-container .bio-container-buttons .button:last-of-type {
        margin: 0; } }

@media only screen and (max-width: 500px) {
  .bio-popup .bio-container .bio-container-inner {
    padding: 28rem 5% 20rem 5%; }
  .bio-popup .bio-container .bio-container-buttons .child-buttons {
    flex: 0 0 100%;
    text-align: left;
    margin: 2rem 0 0; }
    .bio-popup .bio-container .bio-container-buttons .child-buttons .button {
      min-width: 10rem;
      font-size: 1.8rem; } }

.popup-message {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none; }
  .popup-message .popup-message-container {
    background-color: #EFEFEE;
    padding: 4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    width: 50rem;
    overflow-y: scroll;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    z-index: 9999; }
    .popup-message .popup-message-container .main-logo {
      height: fit-content;
      max-width: 15rem;
      margin-bottom: 4rem; }
    .popup-message .popup-message-container .popup-message-close {
      height: fit-content;
      margin-left: auto;
      transform: rotate(45deg);
      cursor: pointer; }
      .popup-message .popup-message-container .popup-message-close:hover {
        transform: rotate(45deg) scale(1.15); }
    .popup-message .popup-message-container p, .popup-message .popup-message-container span {
      color: #9C4A3B; }
    .popup-message .popup-message-container p {
      flex: 0 0 100%; }
  .popup-message.active {
    display: block; }


/*# sourceMappingURL=app.min.css.map*/