/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
   ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add box sizing inheritence in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat;
  /* 1 */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  /* 2 */ }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritence in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Add border box sizing in all browsers (opinionated).
 * 2. Add the default cursor in all browsers (opinionated).
 * 3. Prevent font size adjustments after orientation changes in IE and iOS.
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  cursor: default;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: .67em 0; }

/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ffff00;
  color: #000000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

/*
 * Remove the text shadow on text selections (opinionated).
 * 1. Restore the coloring undone by defining the text shadow (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #000000;
  /* 1 */
  text-shadow: none; }

/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
   ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg {
  fill: currentColor; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
   ========================================================================== */
/**
 * Collapse border spacing
 */
table {
  border-collapse: collapse; }

/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 1. Remove the default vertical scrollbar in IE.
 * 2. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */ }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
   ========================================================================== */
/*
 * Remove the tapping delay on clickable elements (opinionated).
 * 1. Remove the tapping delay in IE 10.
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation; }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ARIA (https://w3c.github.io/html-aria/)
   ========================================================================== */
/**
 * Change the cursor on busy elements (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the display on visually hidden accessible elements (opinionated).
 */
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements (opinionated).
 */
[aria-disabled] {
  cursor: default; }

@font-face {
  font-family: "Font Black";
  src: url(07349fd5d30ff5f2b202bbdee819ea52.eot);
  src: url(07349fd5d30ff5f2b202bbdee819ea52.eot?#iefix) format("embedded-opentype"), url(a72348049047094891b1d3d7561abd50.woff2) format("woff2"), url(9b369be9896ae3f458a41039318f11f8.woff) format("woff"), url(45314728bf18ceda72b744f8497f20aa.ttf) format("truetype"), url(f854d350ecd9d0529a976c7d2a036182.svg#Geist-Black) format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Font Mono";
  src: url(d1cfcf5e6d646ad2550504ca253e8c1f.eot);
  src: url(d1cfcf5e6d646ad2550504ca253e8c1f.eot?#iefix) format("embedded-opentype"), url(c405d68a9674081e3329bef6fb581665.woff2) format("woff2"), url(e862a6a3c431139f346f449ba12f75d7.woff) format("woff"), url(1e88365945c15e670d41cc73c9dbd2e9.ttf) format("truetype"), url(f6902bd5ab3d96a53398db68cca4ede7.svg#GeistMono-Medium) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Font Black 2';
  src: url(7e770fbc0d98a310d998d78981852ebc.eot);
  src: url(7e770fbc0d98a310d998d78981852ebc.eot?#iefix) format("embedded-opentype"), url(ed53d0615b50a1247febdbb6dc0e4c80.woff2) format("woff2"), url(76707c3c2b9adff882ffb30b380f5af0.woff) format("woff"), url(aa4022ef648940353c7b7e9f9707cc6e.ttf) format("truetype"), url(43b1148b43b638d2b1b03acd9b0b56db.svg#CFModGrotesk-ExtraBold) format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Font Mono 2';
  src: url(cd1fbeeddab1b2a9896b891a031f7386.eot);
  src: url(cd1fbeeddab1b2a9896b891a031f7386.eot?#iefix) format("embedded-opentype"), url(f9875617ebcf4e88d27a8aaa39d4e3d3.woff2) format("woff2"), url(d27b5c966c4429d3f8a1f6ea64d0289d.woff) format("woff"), url(74744b407fdb43fa7f02bf1ca70e8783.ttf) format("truetype"), url(16656f486c318273347717f4659d680e.svg#RobotoMono-Medium) format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*:active,
*:focus {
  outline: none; }

html {
  --red: red;
  --yellow: #ffff00;
  --green: #22ff00;
  --dark-gray:#2b2b2b;
  font-size: 14px;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  html::-webkit-scrollbar {
    width: 0; }

body {
  line-height: 20px;
  letter-spacing: 3px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  font-weight: 500;
  font-style: normal;
  font-family: "Font Mono";
  text-transform: uppercase; }

h1,
h2,
h3 {
  margin: 0;
  padding: 0; }

h1,
.h1 {
  font-family: "Font Black";
  font-weight: 900;
  font-style: normal;
  font-size: 9.375vw;
  line-height: 6.7708vw;
  letter-spacing: -0.36458vw; }
  @media all and (max-width: 660px) {
    h1,
    .h1 {
      font-size: 18.6046vw;
      line-height: 16.2790vw; } }

h2,
.h2 {
  font-family: "Font Black";
  font-weight: 900;
  font-style: normal;
  font-size: 3.125vw;
  line-height: 2.6041vw;
  letter-spacing: -1px; }
  @media all and (max-width: 960px) {
    h2,
    .h2 {
      font-size: 26px;
      line-height: 23px; } }
  @media all and (max-width: 660px) {
    h2,
    .h2 {
      font-size: 24px;
      line-height: 21px; } }

h3, .h3 {
  font-family: "Font Mono";
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3px;
  text-transform: uppercase; }

#content {
  min-height: 100vh; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

p {
  margin: 0 0 18px; }
  p:last-of-type {
    margin: 0; }

ul {
  list-style-type: none; }

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color 0.35s;
  -o-transition: color 0.35s;
  transition: color 0.35s;
  display: inline-block; }

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

.is-greek h1, .is-greek .h1, .is-greek h2, .is-greek .h2 {
  font-family: 'Font Black 2';
  font-weight: bold; }

.is-greek body, .is-greek h3, .is-greek .h3 {
  font-family: 'Font Mono 2'; }

.is-greek #header div.h1 {
  font-family: 'Font Black';
  font-weight: 900; }

#header {
  padding: 20px; }
  #header > .flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #header svg {
    line-height: 0;
    width: 9.375vw; }
  @media all and (max-width: 660px) {
    #header svg {
      width: 16.2790vw; } }
  @media all and (max-width: 400px) {
    #header div.h1 {
      font-size: 17.6046vw;
      line-height: 15.279vw; } }

/*#footer {
    position:relative;
    z-index:10;
}*/
.footer-upper {
  padding: 0 33.33333% 20px;
  text-align: center;
  /* > .flex > div {
        width: 50%;
        &:last-of-type {
            text-align: right;
        }
    }*/
  /*@media all and (max-width: 1440px) {
        padding: 0 16.66667% 20px;
    }*/ }
  .footer-upper .col-1 {
    padding: 0 0 20px; }
  .footer-upper .col-2 {
    width: 100%;
    min-height: 65px; }
    .footer-upper .col-2 .newsletter-title {
      position: relative;
      cursor: pointer;
      -webkit-transition: color 0.35s;
      -o-transition: color 0.35s;
      transition: color 0.35s;
      display: inline-block;
      overflow: hidden;
      z-index: 1; }
      .footer-upper .col-2 .newsletter-title:before {
        content: '';
        position: absolute;
        width: 100%;
        height: calc(100% + 2px);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-151%, -50%);
            -ms-transform: translate(-151%, -50%);
                transform: translate(-151%, -50%);
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        -o-transition: transform 0.35s;
        transition: transform 0.35s;
        transition: transform 0.35s, -webkit-transform 0.35s;
        z-index: -1; }
      .footer-upper .col-2 .newsletter-title:hover {
        color: #000; }
        .footer-upper .col-2 .newsletter-title:hover:before {
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
    .footer-upper .col-2 .form-container {
      display: none; }
    .footer-upper .col-2:has(.validation_message) {
      min-height: 145px; }
      .footer-upper .col-2:has(.validation_message) form .gform_footer {
        bottom: 35px; }
    .footer-upper .col-2 form {
      position: relative; }
      @media all and (max-width: 1160px) {
        .footer-upper .col-2 form {
          width: 58.33333%;
          margin: 0 auto; } }
      @media all and (max-width: 960px) {
        .footer-upper .col-2 form {
          width: 66.66667%; } }
      @media all and (max-width: 660px) {
        .footer-upper .col-2 form {
          width: 100%; } }
    .footer-upper .col-2 label {
      display: none; }
    .footer-upper .col-2.yellow {
      color: var(--yellow); }
      .footer-upper .col-2.yellow input {
        color: var(--yellow); }
        .footer-upper .col-2.yellow input::-webkit-input-placeholder {
          color: var(--yellow); }
        .footer-upper .col-2.yellow input::-moz-placeholder {
          color: var(--yellow); }
        .footer-upper .col-2.yellow input:-ms-input-placeholder {
          color: var(--yellow); }
        .footer-upper .col-2.yellow input:-moz-placeholder {
          color: var(--yellow); }
      .footer-upper .col-2.yellow .gfield--type-email input {
        border-bottom: 1px solid var(--yellow); }
      .footer-upper .col-2.yellow .gform_footer input[type="submit"] {
        color: var(--yellow); }
      .footer-upper .col-2.yellow .newsletter-title:before {
        background-color: var(--yellow); }
    .footer-upper .col-2.black {
      color: #000; }
      .footer-upper .col-2.black input {
        color: #000; }
        .footer-upper .col-2.black input::-webkit-input-placeholder {
          color: #000; }
        .footer-upper .col-2.black input::-moz-placeholder {
          color: #000; }
        .footer-upper .col-2.black input:-ms-input-placeholder {
          color: #000; }
        .footer-upper .col-2.black input:-moz-placeholder {
          color: #000; }
      .footer-upper .col-2.black .gfield--type-email input {
        border-bottom: 1px solid #000; }
      .footer-upper .col-2.black .gform_footer input[type="submit"] {
        color: #000; }
      .footer-upper .col-2.black .newsletter-title:before {
        background-color: #000; }
      .footer-upper .col-2.black .newsletter-title:hover {
        color: #fff; }
    .footer-upper .col-2.red {
      color: var(--red); }
      .footer-upper .col-2.red input {
        color: var(--red); }
        .footer-upper .col-2.red input::-webkit-input-placeholder {
          color: var(--red); }
        .footer-upper .col-2.red input::-moz-placeholder {
          color: var(--red); }
        .footer-upper .col-2.red input:-ms-input-placeholder {
          color: var(--red); }
        .footer-upper .col-2.red input:-moz-placeholder {
          color: var(--red); }
      .footer-upper .col-2.red .gfield--type-email input {
        border-bottom: 1px solid var(--red); }
      .footer-upper .col-2.red .gfield--type-email.gfield_error input {
        border-bottom-color: var(--yellow); }
      .footer-upper .col-2.red .gform_footer input[type="submit"] {
        color: var(--red); }
      .footer-upper .col-2.red .newsletter-title:before {
        background-color: var(--red); }
    .footer-upper .col-2.green {
      color: var(--green); }
      .footer-upper .col-2.green input {
        color: var(--green); }
        .footer-upper .col-2.green input::-webkit-input-placeholder {
          color: var(--green); }
        .footer-upper .col-2.green input::-moz-placeholder {
          color: var(--green); }
        .footer-upper .col-2.green input:-ms-input-placeholder {
          color: var(--green); }
        .footer-upper .col-2.green input:-moz-placeholder {
          color: var(--green); }
      .footer-upper .col-2.green .gfield--type-email input {
        border-bottom: 1px solid var(--green); }
      .footer-upper .col-2.green .gform_footer input[type="submit"] {
        color: var(--green); }
      .footer-upper .col-2.green .newsletter-title:before {
        background-color: var(--green); }
    .footer-upper .col-2 input {
      width: 100%;
      font-family: "Font Mono";
      font-weight: 500;
      font-style: normal;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 3px;
      text-transform: uppercase;
      background-color: transparent;
      height: auto;
      padding: 0;
      text-transform: none; }
      .footer-upper .col-2 input:-webkit-autofill {
        -webkit-text-fill-color: #000;
        -webkit-transition: background-color 9999s ease-in-out 0s;
        -o-transition: background-color 9999s ease-in-out 0s;
        transition: background-color 9999s ease-in-out 0s; }
      .footer-upper .col-2 input::-webkit-input-placeholder {
        font-family: "Font Mono";
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 3px;
        text-transform: uppercase; }
      .footer-upper .col-2 input::-moz-placeholder {
        font-family: "Font Mono";
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 3px;
        text-transform: uppercase; }
      .footer-upper .col-2 input:-ms-input-placeholder {
        font-family: "Font Mono";
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 3px;
        text-transform: uppercase; }
      .footer-upper .col-2 input:-moz-placeholder {
        font-family: "Font Mono";
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 3px;
        text-transform: uppercase; }
    .footer-upper .col-2 .gfield--type-email input {
      padding: 10px 100px 10px 0;
      border: 0;
      border-radius: 0; }
    .footer-upper .col-2 .gfield--type-email.gfield_error input {
      border-bottom-color: red; }
    .footer-upper .col-2 .gform_footer {
      position: absolute;
      bottom: 11px;
      right: 0; }
      .footer-upper .col-2 .gform_footer input[type="submit"] {
        cursor: pointer;
        text-transform: uppercase;
        background-color: transparent;
        border: 0;
        outline: none;
        border-radius: 0;
        -webkit-transition: opacity 0.35s;
        -o-transition: opacity 0.35s;
        transition: opacity 0.35s; }
        .footer-upper .col-2 .gform_footer input[type="submit"]:hover {
          opacity: 0.7; }
    .footer-upper .col-2 .gform_confirmation_message {
      text-align: center;
      font-family: "Font Mono";
      font-weight: 500;
      font-style: normal;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 3px;
      text-transform: uppercase;
      /*@media all and (max-width: 660px) {
                text-align: center;
            }*/ }
    .footer-upper .col-2 .gform_validation_errors {
      margin: 10px 0 0 auto;
      text-align: center; }
      @media all and (max-width: 960px) {
        .footer-upper .col-2 .gform_validation_errors {
          width: 100%;
          text-align: center; } }
    .footer-upper .col-2 .gform_submission_error {
      font-size: 12px;
      line-height: 14px;
      font-family: 'Font Mono';
      font-weight: 500;
      letter-spacing: 4px; }
    .footer-upper .col-2 .gfield_validation_message {
      margin: 10px 0 0;
      font-size: 12px;
      line-height: 14px;
      font-family: 'Font Mono';
      font-weight: 500;
      letter-spacing: 4px; }
  @media all and (max-width: 1440px) {
    .footer-upper {
      padding: 0 25% 20px; } }
  @media all and (max-width: 1160px) {
    .footer-upper {
      padding: 0 20px 20px; }
      .footer-upper > .flex > div {
        width: 100%;
        text-align: center; }
        .footer-upper > .flex > div:last-of-type {
          text-align: center; } }

.footer-middle {
  padding: 0 20px 20px;
  text-align: center; }

.footer-lower {
  padding: 0 20px 20px; }
  .footer-lower > .flex {
    margin: 0 -5px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative; }
    .footer-lower > .flex > div {
      padding: 0 5px; }
    .footer-lower > .flex .col-1,
    .footer-lower > .flex .col-2,
    .footer-lower > .flex .col-4,
    .footer-lower > .flex .col-5 {
      width: 25%; }
    .footer-lower > .flex .col-3 {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    .footer-lower > .flex .col-1 a {
      display: inline-block; }
    .footer-lower > .flex .col-4,
    .footer-lower > .flex .col-5 {
      text-align: right; }
  @media all and (max-width: 1440px) {
    .footer-lower > .flex .col-1,
    .footer-lower > .flex .col-2,
    .footer-lower > .flex .col-4,
    .footer-lower > .flex .col-5 {
      width: 50%; }
    .footer-lower > .flex .col-1 {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      padding: 0 0 20px; }
    .footer-lower > .flex .col-2 {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      padding: 0 0 20px; }
    .footer-lower > .flex .col-4 {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4; }
    .footer-lower > .flex .col-5 {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .footer-lower > .flex .col-3 {
      position: static;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 100%;
      padding: 0 0 20px;
      text-align: center; }
    .footer-lower > .flex .col-4 {
      text-align: left; }
    .footer-lower > .flex .col-2 {
      text-align: right; } }
  @media all and (max-width: 960px) {
    .footer-lower > .flex {
      margin: 0; }
      .footer-lower > .flex .col-1,
      .footer-lower > .flex .col-2,
      .footer-lower > .flex .col-4,
      .footer-lower > .flex .col-5 {
        width: 100%; }
      .footer-lower > .flex .col-1 {
        text-align: center; }
      .footer-lower > .flex .col-2 {
        text-align: center; }
      .footer-lower > .flex .col-4 {
        text-align: center;
        padding: 0 0 20px; }
      .footer-lower > .flex .col-5 {
        text-align: center; } }

.is-greek #footer .footer-upper .col-2 input {
  font-family: 'Font Mono 2'; }
  .is-greek #footer .footer-upper .col-2 input::-webkit-input-placeholder {
    font-family: 'Font Mono 2'; }
  .is-greek #footer .footer-upper .col-2 input::-moz-placeholder {
    font-family: 'Font Mono 2'; }
  .is-greek #footer .footer-upper .col-2 input:-ms-input-placeholder {
    font-family: 'Font Mono 2'; }
  .is-greek #footer .footer-upper .col-2 input:-moz-placeholder {
    font-family: 'Font Mono 2'; }

.is-greek #footer .footer-upper .col-2 .gform_confirmation_message,
.is-greek #footer .footer-upper .col-2 .gform_submission_error,
.is-greek #footer .footer-upper .col-2 .gfield_validation_message {
  font-family: 'Font Mono 2'; }

.landing .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.landing #content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative; }
  .landing #content a {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden; }
    .landing #content a:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-151%, -50%);
          -ms-transform: translate(-151%, -50%);
              transform: translate(-151%, -50%);
      width: 100%;
      height: calc(100% + 4px);
      z-index: -1;
      -webkit-transition: -webkit-transform 0.35s;
      transition: -webkit-transform 0.35s;
      -o-transition: transform 0.35s;
      transition: transform 0.35s;
      transition: transform 0.35s, -webkit-transform 0.35s; }
    .landing #content a:hover:before {
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .landing #content.yellow {
    color: var(--yellow); }
    .landing #content.yellow a {
      color: var(--yellow); }
      .landing #content.yellow a:before {
        background-color: var(--yellow); }
      .landing #content.yellow a:hover {
        color: #000; }
  .landing #content.black {
    color: #000; }
    .landing #content.black a {
      color: #000; }
      .landing #content.black a:before {
        background-color: #000; }
      .landing #content.black a:hover {
        color: #fff; }
  .landing #content.red {
    color: var(--red); }
    .landing #content.red a {
      color: var(--red); }
      .landing #content.red a:before {
        background-color: var(--red); }
      .landing #content.red a:hover {
        color: #000; }
  .landing #content.green {
    color: var(--green); }
    .landing #content.green a {
      color: var(--green); }
      .landing #content.green a:before {
        background-color: var(--green); }
      .landing #content.green a:hover {
        color: #000; }
  .landing #content.layout-1 {
    background-color: var(--red);
    color: var(--red); }
    .landing #content.layout-1 .has-text {
      position: relative;
      z-index: 2; }
    .landing #content.layout-1 a {
      color: var(--red); }
  .landing #content.layout-2 {
    background-color: #fff;
    color: #000; }
    .landing #content.layout-2 a {
      color: #000; }
    .landing #content.layout-2 .has-text {
      position: relative;
      z-index: 2; }
    .landing #content.layout-2 .layout-2-videos {
      z-index: 3;
      mix-blend-mode: difference;
      pointer-events: none; }
  .landing #content.layout-3 {
    background-color: var(--dark-gray); }
    .landing #content.layout-3 .layout-3-video {
      z-index: 0;
      mix-blend-mode: hard-light; }
    .landing #content.layout-3 .has-text {
      position: relative;
      z-index: 2; }
  .landing #content.layout-4 {
    background-color: var(--dark-gray); }
    .landing #content.layout-4 .layout-4-video {
      z-index: 0;
      mix-blend-mode: hard-light; }
    .landing #content.layout-4 .has-text {
      position: relative;
      z-index: 2; }
  .landing #content.layout-5.black {
    background-color: #fff; }
  .landing #content.layout-5.yellow, .landing #content.layout-5.red, .landing #content.layout-5.green {
    background-color: #000; }

.landing .big-text {
  padding: 0 20px 20px; }

.landing .subtitle {
  text-align: center;
  padding: 0 20px 20px; }

.landing .big-text-2 {
  padding: 0 20px 20px;
  text-align: center; }

.landing video, .landing img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center; }

.landing .layout-1-lower-video,
.landing .layout-2-lower-video {
  z-index: 0;
  pointer-events: none; }
  @media all and (max-width: 960px) {
    .landing .layout-1-lower-video,
    .landing .layout-2-lower-video {
      position: fixed; } }

.landing .layout-1-upper-videos,
.landing .layout-2-upper-videos {
  z-index: 1;
  mix-blend-mode: multiply;
  pointer-events: none; }
  .landing .layout-1-upper-videos > .flex,
  .landing .layout-2-upper-videos > .flex {
    height: 100%; }
    .landing .layout-1-upper-videos > .flex > div,
    .landing .layout-2-upper-videos > .flex > div {
      width: 33.33333%; }
    .landing .layout-1-upper-videos > .flex .video-4,
    .landing .layout-2-upper-videos > .flex .video-4 {
      display: none; }
  @media all and (max-width: 960px) {
    .landing .layout-1-upper-videos,
    .landing .layout-2-upper-videos {
      position: fixed; }
      .landing .layout-1-upper-videos > .flex,
      .landing .layout-2-upper-videos > .flex {
        height: 100vh; }
        .landing .layout-1-upper-videos > .flex > div,
        .landing .layout-2-upper-videos > .flex > div {
          width: 50%; }
        .landing .layout-1-upper-videos > .flex .video-4,
        .landing .layout-2-upper-videos > .flex .video-4 {
          display: block; } }

.landing .layout-1-lower-layer {
  pointer-events: none;
  z-index: 3;
  mix-blend-mode: color-dodge;
  overflow: hidden; }
  .landing .layout-1-lower-layer img {
    width: 100%; }
  .landing .layout-1-lower-layer .mobile {
    display: none; }
  @media all and (max-width: 660px) {
    .landing .layout-1-lower-layer .mobile {
      display: block; }
    .landing .layout-1-lower-layer .desktop {
      display: none; } }

.landing .layout-1-upper-layer {
  pointer-events: none;
  z-index: 4;
  mix-blend-mode: difference;
  overflow: hidden; }
  .landing .layout-1-upper-layer img {
    width: 100%; }

.landing .layout-5-upper-layer {
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: difference;
  overflow: hidden; }
  .landing .layout-5-upper-layer img {
    width: 100%; }
  .landing .layout-5-upper-layer .mobile {
    display: none; }
  @media all and (max-width: 960px) {
    .landing .layout-5-upper-layer .mobile {
      display: block; }
    .landing .layout-5-upper-layer .desktop {
      display: none; } }
  @media all and (min-width: 661px) and (max-width: 960px) and (max-height: 600px) {
    .landing .layout-5-upper-layer .mobile {
      display: none; }
    .landing .layout-5-upper-layer .desktop {
      display: block; } }

@media all and (max-width: 960px) {
  .landing #content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .landing #footer {
    margin: auto 0 0; } }