@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css");
@import url("https://fast.fonts.net/cssapi/84d7689e-30bd-4cb3-842d-d54fcb33ffab.css");
html, body {
  background: none;
  color: #000;
  font-family: "Avenir Next World W05 Regular";
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  font-display: swap;
  margin: 0;
  padding: 0;
  font-display: optional; }

h2, h3, h4, h5, h6 {
  color: #000;
  font-family: "DIN W05 Cond Black";
  font-weight: normal;
  text-transform: uppercase; }

main:focus {
  outline: none; }


main {
  min-height: 100vh;
  background: none;
  position: relative;
  z-index: 1;
  margin: 0 auto; }
  main:focus {
    outline: none; }

.hide {
  display: none; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.seo-text,
.seo-text * {
  text-indent: -99999px;
  margin: 0;
  padding: 0;
  height: 0;
  width: 0; }

.cta {
  margin: 2em auto;
  text-align: center; }
  .cta a {
    font-family: "Avenir Next World W05 Regular";
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.2rem;
    font-weight: 400;
    padding: 1em 2em;
    background-color: #000;
    color: #000;
    border: 1px solid #fff;
    transition: all 0.4s ease-in-out; }
    .cta a:hover {
      background-color: #fff;
      color: #000;
      border: 1px solid #fff; }
  .cta.more a {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    margin-top: 3em; }
    .cta.more a:hover {
      background-color: #000;
      color: #fff;
      border: 1px solid #000; }
  .cta.readmore-link a {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff; }
    .cta.readmore-link a:hover {
      background-color: #000;
      color: #000;
      border: 1px solid #000; }

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999; }

a.skip-main:focus, a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 999; }

.pagehome header {
  width: 100%;
  height: 100px;
  text-align: center;
  font-family: "Avenir Next World W05 Regular";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap; }
  .pagehome header nav {
    box-sizing: border-box;
    width: 80vw;
    padding-right: 0;
    padding-top: 0;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    transition: all 1s ease-in-out;
    z-index: 999; }
    .pagehome header nav .site-nav {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: flex-end;
      flex-wrap: wrap;
      order: 2; }
      @media (max-width: 996px) {
        .pagehome header nav .site-nav {
          text-align: center;
          padding-bottom: 1rem;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          width: 100%;
          order: 1; } }
      @media (max-width: 996px) and (orientation: landscape) {
        .pagehome header nav .site-nav {
          flex-direction: row;
          flex-wrap: wrap; } }
      .pagehome header nav .site-nav a {
        text-decoration: none;
        color: #000;
        transition: all 0.4s ease-in-out;
        padding: 0 0.1em;
        margin: 0 0.9em;
        display: inline-block;
        line-height: 2;
        font-size: 1.5vmin;
        vertical-align: bottom;
        letter-spacing: 0.2em;
        border-bottom: solid 2px rgba(255, 255, 255, 0); }
        @media (max-width: 996px) {
          .pagehome header nav .site-nav a {
            color: #000;
            display: block;
            font-size: 5vmin;
            padding: 0.5rem 1rem;
            line-height: 100%;
            text-shadow: none;
            margin-bottom: 4px; }
            .pagehome header nav .site-nav a:hover {
              color: #999;
              transition: all 0.4s ease-in-out;
              text-shadow: none;
              border-bottom: solid 2px #000; } }
        .pagehome header nav .site-nav a:hover {
          color: #fff;
          transition: all 0.4s ease-in-out;
          text-shadow: none;
          border-bottom: solid 2px #fff; }
      .pagehome header nav .site-nav a.current {
        color: #000;
        border-bottom: solid 2px #000; }
        .pagehome header nav .site-nav a.current:hover {
          color: #000;
          border-bottom: solid 2px #999;
          transition: all 0.4s ease-in-out; }

.logo {
  left: 0;
  width: 20vw;
  padding: 0; }
  @media (max-width: 996px) {
    .logo {
      width: 100%;
      z-index: 99;
      transition: top 0.5s; } }
  .logo img {
    width: 100%;
/*    filter: invert(100%);*/
    transition: all 0.4s ease-in-out; }
    @media (max-width: 996px) {
      .logo img {
/*    filter: invert(100%);*/} }
.social-nav {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: left;
  justify-content: flex-end;
  order: 2; }
  @media (max-width: 996px) {
    .social-nav {
      width: 100%;
      justify-content: center;
      order: 2; } }
  .social-nav .smem-socials {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0.5em 0; }
    .social-nav .smem-socials a {
      color: #fff;
      font-size: 125%;
      text-decoration: none;
      padding-left: 1vw;
      padding-right: 1vw;
      transition: all 0.4s ease-in-out; }
      .social-nav .smem-socials a:hover {
        color: #999; }
      @media (max-width: 996px) {
        .social-nav .smem-socials a {
          padding: 0 10px;
          text-align: center;
          font-size: 1.75rem;
          line-height: 3rem;
          margin: 0.1rem;
          text-shadow: none;
          color: #000; }
          .social-nav .smem-socials a:hover {
            color: #999; } }
    .social-nav .smem-socials a.tiktok span.tiktok-icon {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 1rem;
      height: 100%;
      transition: all 0.4s ease-in-out; }
      .social-nav .smem-socials a.tiktok span.tiktok-icon svg path.tiktok-icon-fill {
        /* Change to match theme text */
        fill: #fff; }
      .social-nav .smem-socials a.tiktok span.tiktok-icon:hover svg path.tiktok-icon-fill {
        fill: #000; }

section {
  padding: 0;
  margin: 0px auto;
  display: flex;
  flex-direction: column; }
  section.page-section {
    padding-top: 5vh; }
  section h2 {
    text-align: center;
    justify-content: center;
    padding: 1% 4%;
    display: inline-block;
    margin: 1em auto;
    color: #000;
    font-size: 600%;
    font-weight: normal; }
    @supports (-webkit-text-stroke: 2px #999) {
      section h2 {
        -webkit-text-stroke: 2px #999;
        -webkit-text-fill-color: transparent; } }
    @media (max-width: 996px) {
      section h2 {
        font-size: 400%; } }
  section h3 {
    text-align: center;
    margin: 1em auto 1em; }

footer {
  text-transform: uppercase;
  padding: 1.5em 0;
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 10px;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  display: grid;
  place-items: center; }
  footer .legals span.sep {
    margin: 0 0.5em; }
  footer .legals span a {
    color: #fff;
    text-decoration: none; }
  @media (max-width: 996px) {
    footer .smeuk {
      display: block; }
    footer .privacy {
      display: block; }
    footer .sep {
      display: none; } }