@font-face {
  font-family: dot_soon_nfregular;
  src: url(../webfonts/nicks_fonts_-_dotsoonnf-webfont.eot);
  src: url(../webfonts/nicks_fonts_-_dotsoonnf-webfontd41d.eot?#iefix) format("embedded-opentype"), url(../webfonts/nicks_fonts_-_dotsoonnf-webfont.woff2) format("woff2"), url(../webfonts/nicks_fonts_-_dotsoonnf-webfont.woff) format("woff"), url(../webfonts/nicks_fonts_-_dotsoonnf-webfont.ttf) format("truetype"), url(../webfonts/nicks_fonts_-_dotsoonnf-webfont.svg#dot_soon_nfregular) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: icons;
  src: url("../webfonts/icons.d2858259.woff2") format("woff2"), url("../webfonts/icons.d2858259.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../webfonts/Inter-Thin.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Thin.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../webfonts/Inter-ThinItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-ThinItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../webfonts/Inter-ExtraLight.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-ExtraLight.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../webfonts/Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-ExtraLightItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/Inter-Light.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Light.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/Inter-LightItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-LightItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/Inter-Regular.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/Inter-Italic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Italic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../webfonts/Inter-Medium.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Medium.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../webfonts/Inter-MediumItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-MediumItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../webfonts/Inter-SemiBold.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-SemiBold.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../webfonts/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/Inter-Bold.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../webfonts/Inter-BoldItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-BoldItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../webfonts/Inter-ExtraBold.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-ExtraBold.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../webfonts/Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-ExtraBoldItalic.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/Inter-Black.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-Black.woff?v=3.19") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../webfonts/Inter-BlackItalic.woff2?v=3.19") format("woff2"), url("../webfonts/Inter-BlackItalic.woff?v=3.19") format("woff");
}
/* -------------------------------------------------------
Variable font.
Usage:

  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
  }
*/
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("../webfonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("../webfonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
/* --------------------------------------------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font.

Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single variable font is opt-in rather than the default.

When using this, you will probably need to set font-variation-settings
explicitly, e.g.

  * { font-variation-settings: "slnt" 0deg }
  .italic { font-variation-settings: "slnt" 10deg }

*/
@font-face {
  font-family: "Inter var experimental";
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url("../webfonts/Inter.var.woff2?v=3.19") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  src: url("../webfonts/OpenSans-Regular-webfont.eot") format("embedded-opentype"), url("../webfonts/OpenSans-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
.icon--action-play:before {
  content: "\e001";
}

.icon--action-stop:before {
  content: "\e002";
}

.icon--angle-right-thin:before {
  content: "\e003";
}

.icon--angle:before {
  content: "\e004";
}

.icon--angle1:before {
  content: "\e005";
}

.icon--angle2:before {
  content: "\e006";
}

.icon--arrow-down:before {
  content: "\e007";
}

.icon--arrow-left:before {
  content: "\e008";
}

.icon--arrow-right-long:before {
  content: "\e009";
}

.icon--arrow-right-thin:before {
  content: "\e00a";
}

.icon--arrow-right:before {
  content: "\e00b";
}

.icon--arrow-up:before {
  content: "\e00c";
}

.icon--arrow459:before {
  content: "\e00d";
}

.icon--box-star:before {
  content: "\e00e";
}

.icon--calendar-outline:before {
  content: "\e00f";
}

.icon--calendar52:before {
  content: "\e010";
}

.icon--camera:before {
  content: "\e011";
}

.icon--chat-filled:before {
  content: "\e012";
}

.icon--chat:before {
  content: "\e013";
}

.icon--check-circle-filled:before {
  content: "\e014";
}

.icon--check32:before {
  content: "\e015";
}

.icon--check_circle:before {
  content: "\e016";
}

.icon--clock-outline:before {
  content: "\e017";
}

.icon--clock:before {
  content: "\e018";
}

.icon--close-george:before {
  content: "\e019";
}

.icon--close:before {
  content: "\e01a";
}

.icon--comment-filled:before {
  content: "\e01b";
}

.icon--comment-outline:before {
  content: "\e01c";
}

.icon--config:before {
  content: "\e01d";
}

.icon--copy-circle:before {
  content: "\e01e";
}

.icon--delete-circle-filled:before {
  content: "\e01f";
}

.icon--delete:before {
  content: "\e020";
}

.icon--disclaimer-reset:before {
  content: "\e021";
}

.icon--dots:before {
  content: "\e022";
}

.icon--download:before {
  content: "\e023";
}

.icon--edit:before {
  content: "\e024";
}

.icon--email-circle:before {
  content: "\e025";
}

.icon--facebook-circle:before {
  content: "\e026";
}

.icon--facebook-flip:before {
  content: "\e027";
}

.icon--facebook:before {
  content: "\e028";
}

.icon--fakturu:before {
  content: "\e029";
}

.icon--file28:before {
  content: "\e02a";
}

.icon--fullscreen4:before {
  content: "\e02b";
}

.icon--g-calendar:before {
  content: "\e02c";
}

.icon--google:before {
  content: "\e02d";
}

.icon--heart-filled:before {
  content: "\e02e";
}

.icon--heart:before {
  content: "\e02f";
}

.icon--info-circle:before {
  content: "\e030";
}

.icon--info-outline:before {
  content: "\e031";
}

.icon--info:before {
  content: "\e032";
}

.icon--information35:before {
  content: "\e033";
}

.icon--instagram-flip:before {
  content: "\e034";
}

.icon--instagram:before {
  content: "\e035";
}

.icon--internet_banking:before {
  content: "\e036";
}

.icon--kamerou:before {
  content: "\e037";
}

.icon--kununu:before {
  content: "\e038";
}

.icon--launch:before {
  content: "\e039";
}

.icon--linkedin-circle:before {
  content: "\e03a";
}

.icon--linkedin-flip:before {
  content: "\e03b";
}

.icon--linkedin:before {
  content: "\e03c";
}

.icon--list-check:before {
  content: "\e03d";
}

.icon--list-dot:before {
  content: "\e03e";
}

.icon--list-plus:before {
  content: "\e03f";
}

.icon--location-filled:before {
  content: "\e040";
}

.icon--location:before {
  content: "\e041";
}

.icon--lock24:before {
  content: "\e042";
}

.icon--logout2:before {
  content: "\e043";
}

.icon--mail-filled:before {
  content: "\e044";
}

.icon--mail:before {
  content: "\e045";
}

.icon--message-circle:before {
  content: "\e046";
}

.icon--minus18:before {
  content: "\e047";
}

.icon--mute:before {
  content: "\e048";
}

.icon--notepad-filled:before {
  content: "\e049";
}

.icon--ok2:before {
  content: "\e04a";
}

.icon--pause:before {
  content: "\e04b";
}

.icon--pdf:before {
  content: "\e04c";
}

.icon--phone:before {
  content: "\e04d";
}

.icon--pinterest-circle:before {
  content: "\e04e";
}

.icon--pinterest:before {
  content: "\e04f";
}

.icon--play:before {
  content: "\e050";
}

.icon--plus25:before {
  content: "\e051";
}

.icon--plus4:before {
  content: "\e052";
}

.icon--plus41:before {
  content: "\e053";
}

.icon--pointer:before {
  content: "\e054";
}

.icon--print:before {
  content: "\e055";
}

.icon--question23:before {
  content: "\e056";
}

.icon--reload:before {
  content: "\e057";
}

.icon--reload2:before {
  content: "\e058";
}

.icon--remove11:before {
  content: "\e059";
}

.icon--role-admin:before {
  content: "\e05a";
}

.icon--role-disable:before {
  content: "\e05b";
}

.icon--role-moderate:before {
  content: "\e05c";
}

.icon--screenshot:before {
  content: "\e05d";
}

.icon--search:before {
  content: "\e05e";
}

.icon--search19:before {
  content: "\e05f";
}

.icon--settings:before {
  content: "\e060";
}

.icon--share:before {
  content: "\e061";
}

.icon--sign3:before {
  content: "\e062";
}

.icon--sort12:before {
  content: "\e063";
}

.icon--sort8:before {
  content: "\e064";
}

.icon--star-filled:before {
  content: "\e065";
}

.icon--telephone66:before {
  content: "\e066";
}

.icon--thumb:before {
  content: "\e067";
}

.icon--time-notepad:before {
  content: "\e068";
}

.icon--twitter-circle:before {
  content: "\e069";
}

.icon--twitter-flip:before {
  content: "\e06a";
}

.icon--twitter:before {
  content: "\e06b";
}

.icon--unlock3:before {
  content: "\e06c";
}

.icon--unmute:before {
  content: "\e06d";
}

.icon--user-avatar:before {
  content: "\e06e";
}

.icon--user-bank:before {
  content: "\e06f";
}

.icon--user-default:before {
  content: "\e070";
}

.icon--user-filled:before {
  content: "\e071";
}

.icon--user-group:before {
  content: "\e072";
}

.icon--user-ngo:before {
  content: "\e073";
}

.icon--user-org:before {
  content: "\e074";
}

.icon--warning-circle:before {
  content: "\e075";
}

.icon--warning-outline:before {
  content: "\e076";
}

.icon--warning:before {
  content: "\e077";
}

.icon--warning18:before {
  content: "\e078";
}

.icon--whatchado:before {
  content: "\e079";
}

.icon--whatsapp:before {
  content: "\e07a";
}

.icon--xing:before {
  content: "\e07b";
}

.icon--youtube-flip:before {
  content: "\e07c";
}

.icon--youtube:before {
  content: "\e07d";
}

.icon--zoom-in:before {
  content: "\e07e";
}

.icon--zoom-out:before {
  content: "\e07f";
}

.icon--blk {
  display: block;
  margin: 0 auto;
}

.icon--s {
  font-size: 1.2rem;
}

.icon--m {
  font-size: 2rem;
}

.icon--l {
  font-size: 2.6rem;
}

.icon--xl {
  font-size: 5.2rem;
}

.icon--xxl {
  font-size: 12rem;
}

.icon--xxxl {
  font-size: 16rem;
}

.icon--lt {
  left: -0.5rem;
}

.icon--rt {
  right: -0.5rem;
}

.debugdiv {
  border: solid 2px red;
  min-height: 300px;
  width: 100%;
}

html, body {
  background-color: #000;
  margin: 0;
  color: #fff;
}

html {
  height: 100%;
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

html.font-size-l {
  font-size: 66.4%;
}

html.font-size-xl {
  font-size: 78.125%;
}

body {
  --font-family-default: Inter,sans-serif;
  color: #fff;
  color: var(--color-text);
  font-family: var(--font-family-default);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: url(../media/Background-black.jpg);
  background-attachment: fixed;
  background-blend-mode: color;
}

.site-footer {
  background: #000;
  margin: 0;
  padding: 5rem 0;
  width: auto;
}

.site-footer ul li {
  font-size: 1.6rem;
}

.site-footer .social-networks__list li {
  font-size: 2.4rem;
}

.site-footer .social-networks__list .instagram {
  font-size: 3rem;
}

.site-footer__inner {
  margin: 0 auto;
  position: relative;
  max-width: none;
  padding: 0 5.5rem;
}

.site-footer__logo-container {
  position: relative;
  float: left;
  margin-bottom: 5rem;
  text-align: left;
  width: 100%;
}

.site-footer__logo {
  float: left;
  margin-right: 15rem;
  max-width: 31rem;
}

.site-footer__logo img {
  max-width: 31rem;
  max-height: 5.5rem;
}

.site-footer__claim {
  position: absolute;
  width: 100%;
  text-align: center;
  margin-top: 3.2rem;
}

.site-footer__claim .txt {
  color: #fff;
  font-size: 1.6rem;
}

.site-footer__info-container {
  float: left;
  text-align: left;
  width: 100%;
}

.site-footer .social-networks__list {
  margin-top: 1.8rem;
}

.site-footer__cta {
  margin-top: 6.4rem;
}

.site-footer__cta .btn {
  margin-top: 0.8rem;
}

.site-footer__cta .btn--stroked-inherit:hover {
  background-color: #fff;
  color: #000;
}

.site-footer__address {
  color: #fff;
}

.site-footer__address p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  margin: 0;
}

.site-footer__contact {
  margin-top: 3rem;
}

.site-footer__contact strong {
  color: #fff;
  display: inline-block;
  margin-right: 0.4rem;
}

.site-footer__accessibility {
  margin-top: 3rem;
}

.site-footer__text-size {
  margin-bottom: 3rem;
}

.site-footer__text-size .link {
  font-weight: 700;
}

.site-footer__text-size .link:focus,
.site-footer__text-size .link:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.site-footer__title {
  color: #fff;
  font-size: 1.6rem;
}

.site-footer a {
  color: #fff;
  font-weight: 700;
  transition: all 0.25s;
}

.icon {
  font-family: icons;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.social-links {
  display: inline-block;
  width: 100%;
}

.social-links li {
  border-radius: 50%;
  display: inline-block;
  float: left;
  font-size: 2.4rem;
  width: 5rem;
  height: 5rem;
  margin-right: 7px;
}

.social-links li:last-child {
  margin-right: 0;
}

.social-links a {
  border: none;
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.social-links .icon {
  top: 10%;
}

.social-links .facebook {
  background-color: #7828d2;
}

.social-links .twitter {
  background-color: #ff3232;
}

.social-links .instagram {
  background-color: #faaa00;
  font-size: 3rem;
}

.social-links .instagram .icon {
  top: 0;
}

.social-links .youtube {
  background-color: #00b4f0;
}

.social-links .linkedin {
  background-color: #ff3cb4;
}

.social-links .linkedin .icon {
  top: 5%;
}

css-hteasb {
  display: flex;
  gap: var(--spacing-s01);
}

.btn--unstyled, .btn--unstyled-icon, .btn--unstyled-with-border {
  padding: 0;
  color: #fff;
  color: var(--color-btn-unstyled, var(--color-text));
  border: var(--border-btn-unstyled);
  background-color: transparent;
  background-color: initial;
}

.btn--unstyled {
  --border-btn-unstyled: none;
}

.ow-bw {
  word-wrap: break-word;
}

.css-hteasb {
  display: flex;
  gap: 0.6rem;
}

.css-1ypiox2 {
  --color-btn-unstyled: var(--color-text-size-text);
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0.4rem;
  font-weight: 600;
  width: 4rem;
  padding: 0 var(--spacing-s001);
}

.css-1tsk5ow {
  --color-btn-unstyled: var(--color-text-size-text);
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0.4rem;
  font-weight: 600;
  width: 4rem;
  padding: 0 var(--spacing-s001);
}

dd, dl, ol, ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

strong {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h1, h2, h3 {
  margin-bottom: 24px;
  margin-bottom: 2.4rem;
  margin-top: 0;
}

h4, h5, h6 {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  margin-top: 0;
}

h1, h1, h2 {
  font-family: dot_soon_nfregular, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 42px;
  line-height: 4.2rem;
  letter-spacing: 0.2em;
}

h2 {
  font-size: 28px;
  font-size: 2.8rem;
}

.navbar-flip {
  background-color: #000;
}

.flipform {
  background-color: transparent !important;
  border: solid 1px #fff !important;
  border-radius: 3px !important;
  color: #fff;
  padding: 6px;
  font-size: 16px !important;
}

.flipform:focus {
  border: solid 1px #00f !important;
  color: #fff;
}

.flipform:hover {
  border: solid 1px #00f !important;
  color: #fff;
}

.form-text {
  color: #fff;
}

.form-label {
  color: #fff;
}

.form-check-input:checked {
  background-color: #f00;
}

select option {
  background-color: #000 !important;
  color: #fff !important;
}

select option:checked {
  font-weight: bold !important;
}

.initiallyHidden {
  display: none;
}

.event-tooltip {
  background-color: #fff;
  color: #000;
  font-size: 1.5rem;
  border: solid 1px #fff;
  border-radius: 4px;
  padding: 4px;
}

.flipreview {
  background-color: #444 !important;
}