@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@font-face {
  font-family: "ftx45";
  src: url("../fonts/ftx45-webfont.woff2") format("woff2"), url("fonts/ftx45-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ftx85";
  src: url("../fonts/ftx85-webfont.woff2") format("woff2"), url("fonts/ftx85-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-color: #000;
  padding: 3em 4em 4em 4em;
}
body > * {
  position: relative;
  z-index: 2;
}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
  -moz-animation: none !important;
  -webkit-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
@media screen and (max-width: 1680px) {
  body {
  padding: 2.5em 3.5em 3.5em 3.5em;
  }
}
@media screen and (max-width: 736px) {
  body {
  padding: 1.25em 2em 2em 2em;
  }
}
@media screen and (max-width: 360px) {
  body {
  padding: 0.75em 1.25em 1.25em 1.25em;
  }
}

/* Type */
body, input, select, textarea {
  color: white;
  font-family: "ftx45", sans-serif;
  font-size: 16pt;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.65em;
}
@media screen and (max-width: 1680px) {
  body, input, select, textarea {
  font-size: 12pt;
  }
}
@media screen and (max-width: 1280px) {
  body, input, select, textarea {
  font-size: 11pt;
  }
}
@media screen and (max-width: 980px) {
  body, input, select, textarea {
  font-size: 12pt;
  }
}
@media screen and (max-width: 736px) {
  body, input, select, textarea {
  font-size: 12pt;
  }
}
@media screen and (max-width: 480px) {
  body, input, select, textarea {
  font-size: 12pt;
  }
}

a {
  -moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
  -webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
  -ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
  transition: border-bottom-color 0.2s ease, color 0.2s ease;
  border-bottom: dotted 1px white;
  color: #C8102E;
  text-decoration: none;
}
a:hover {
  border-bottom-color: transparent;
  color: #C8102E !important;
  text-decoration: none;
}

strong, b {
  color: #fff;
  font-weight: 700;
}

em, i {
  font-style: italic;
}

p {
  margin: 0 0 2em 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-family: "ftx45";
  font-weight: 800;
  line-height: 1em;
  margin: 0 0 1em 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
}

h1 {
  font-family: "ftx85";
  font-weight: 400;
  font-size: 2.5em;
  line-height: 1.25em;
}

h2 {
  font-size: 1.75em;
  line-height: 1.5em;
}

h3 {
  font-size: 1.35em;
  line-height: 1.5em;
}

h4 {
  font-size: 1.1em;
  line-height: 1.5em;
}

h5 {
  font-size: 0.9em;
  line-height: 1.5em;
}

h6 {
  font-size: 0.7em;
  line-height: 1.5em;
}

sub {
  font-size: 0.8em;
  position: relative;
  top: 0.5em;
}

sup {
  font-size: 0.8em;
  position: relative;
  top: -0.5em;
}

blockquote {
  border-left: solid 8px white;
  font-style: italic;
  margin: 0 0 2em 0;
  padding: 0.5em 0 0.5em 2em;
}

code {
  background: white;
  border-radius: 6px;
  border: solid 2px white;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  margin: 0 0.25em;
  padding: 0.25em 0.65em;
}

pre {
  -webkit-overflow-scrolling: touch;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  margin: 0 0 2em 0;
}
pre code {
  display: block;
  line-height: 1.75em;
  padding: 1em 1.5em;
  overflow-x: auto;
}

hr {
  border: 0;
  border-bottom: solid 2px white;
  margin: 2em 0;
}
hr.major {
  margin: 3em 0;
}


/* Section/Article */
section.special, article.special {
  text-align: center;
}

header p {
  color: white;
  position: relative;
  margin: 0 0 1.5em 0;
}
header h2 + p {
  font-size: 1.25em;
  margin-top: -1em;
  line-height: 1.5em;
}
header h3 + p {
  font-size: 1.1em;
  margin-top: -0.8em;
  line-height: 1.5em;
}
header h4 + p,
header h5 + p,
header h6 + p {
  font-size: 0.9em;
  margin-top: -0.6em;
  line-height: 1.5em;
}
@media screen and (max-width: 980px) {
  header br {
  display: none;
  }
}
@media screen and (max-width: 736px) {
  header br {
  display: inline;
  }
}
@media screen and (max-width: 480px) {
  header br {
  display: none;
  }
}

/* Icon */
.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative;
}
.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}
.icon > .label {
  display: none;
}

/* Header */
#header {
  width: 100%;
  margin: auto 0;
  text-align: center;
  vertical-align: top;
}
#header h1 {
  font-size: 3.25em;
  margin: 0 0 0.55em 0;
}
#header p {
  font-size: 1.35em;
  line-height: 1.65em;
}
#header a {
  color: inherit;
}
@media screen and (max-width: 736px) {
  #header h1 {
  font-size: 1.75em;
  }
  #header p {
  font-size: 1em;
  }
}
@media screen and (max-width: 480px) {
  #header {
  margin: 0 0 1em 0;
  }
}