/* FONTS */
@font-face {
font-family: 'Aeonik';
src: url('../fonts/Aeonik-Regular.eot');
src: url('../fonts/Aeonik-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Aeonik-Regular.woff2') format('woff2'),
url('../fonts/Aeonik-Regular.woff') format('woff'),
url('../fonts/Aeonik-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/* REBOOT */
*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:'PP Mori',Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}

/* COLORS */
:root {
--grey: #94958f;
--lightgrey: #f4f4f2;
--black: #000000;
--margin: 2em;
}

@media (max-width: 767px) {
  :root {
  --margin: 25px;
  }
}

/* BASE */
html,
body {
font-family: 'Aeonik', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5vw;
line-height: 1.25;
background: var(--black);
color: var(--black);
text-align: left;
-webkit-overflow-scrolling: touch;
position: relative;
height: auto;
padding: 0;
margin: 0;
}

@media (max-width: 767px) {
  html,
  body {
  font-size: 16px;
  }
}

@media (max-width: 374px) {
  html,
  body {
  font-size: 14px;
  }
}

html,
button,
input,
textarea {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: geometricPrecision;
}

* {
padding: 0;
margin: 0;
}

a,
a:visited,
a:hover,
a:focus {
color: inherit;
outline: none;
text-decoration: none;
cursor: pointer;
}

input,
button,
textarea {
outline: none !important;
}

button {
cursor: pointer;
outline: none !important;
}





/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5 {
font-size: 1em;
font-weight: 400;
line-height: 1.25;
padding: 0;
margin: 0;
color: inherit;
}

p {
font-size: 1em;
font-weight: 400;
line-height: 1.25;
padding: 0;
margin: 0;
color: inherit;
}


/* PRELOADER */
#preloader {
  position: fixed;
  top: 0;
  left: 9;
  width: 100%;
  height: 100%;
  background-color: var(--black);
  z-index: 1000;
}

/* CONTENT */
#background {
  position: fixed;
  top: 0;
  left: 9;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: var(--black);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-behavior: url(backgroundsize.min.htc);
  background-image: url(../img/background.jpg);
}

#background:before {
  content: '';
  position: absolute;
  top: calc(var(--margin) * 3);
  bottom: calc(var(--margin) * 3);
  left: calc(var(--margin) * 2);
  right: calc(var(--margin) * 2);
  margin: auto;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -ms-behavior: url(backgroundsize.min.htc);
  background-image: url(../img/foreground.jpg);
  z-index: 25;
}

#logo {
  position: absolute;
  top: var(--margin);
  left: var(--margin);
  width: auto;
  height: calc(var(--margin) * 0.75);
  z-index: 50;
}

@media (max-width: 767px) {
  #logo {
    height: var(--margin);
  }
}

h1 {
  position: absolute;
  bottom: var(--margin);
  left: var(--margin);
  z-index: 50;
}

@media (max-width: 767px) {
  h1 {
    color: var(--lightgrey);
  }
}

ul#contact {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: var(--margin);
  right: var(--margin);
  text-align: right;
  font-size: 1em;
  line-height: 1.25;
  color: var(--lightgrey);
  z-index: 50;
}

ul#contact li {
  padding: 0;
  margin: 0;
}

@media (min-width: 1025px) {
  ul#contact a:hover {
    text-decoration: underline;
  }
}

#button {
  position: absolute;
  top: var(--margin);
  right: var(--margin);
  font-size: 1em;
  line-height: 1.25;
  color: var(--lightgrey);
  padding: 0.25em 0.75em;
  border: 1px solid var(--lightgrey);
  border-radius: 0.875em;
  z-index: 50;
}

@media (min-width: 1025px) {
  #button:hover {
    background:var(--lightgrey);
    color: var(--black);    
  }
}

.marquee {
  position: fixed;
  width: 100%;
  height: 1.25em;
  overflow-x: hidden;
  font-size: 2.5em;
  line-height: 1.25;
  color: var(--black);
  z-index: 250;
}

.marquee .track div {
  display: inline-block;
}

.marquee-top {
  bottom: 50%;
}

.marquee-bottom {
  top: 50%;
}

.marquee-top .track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 30s linear infinite;
}

.marquee-bottom .track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee-reverse 30s linear infinite;
}


@keyframes marquee {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes marquee-reverse {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}