/* CSS Document */
@import url(css/bulma.css);
@font-face {
  font-family: 'avertalight';
  src: url("type/averta-light-webfont.woff2") format("woff2"), url("type/averta-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avertalight_italic';
  src: url("type/averta-lightitalic-webfont.woff2") format("woff2"), url("type/averta-lightitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avertablack';
  src: url("type/averta-black-webfont.woff2") format("woff2"), url("type/averta-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'avertablack_italic';
  src: url("type/averta-blackitalic-webfont.woff2") format("woff2"), url("type/averta-blackitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
html, body {
  font-family: "avertalight", sans-serif;
  color: #fff;
  font-size: 21px;
  line-height: 21.42px;
  background: #000; }

strong {
  font-family: "avertablack", sans-serif;
  color: #fff; }

em {
  font-family: "avertalight_italic", sans-serif; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "avertalight", sans-serif;
  line-height: 1.1;
  font-weight: 300; }

h1, .h1 {
  font-size: 50px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 30px;
  font-weight: 900; }

h4, .h4 {
  font-size: 25px; }

h5, .h5 {
  font-size: 20px;
  font-weight: 900; }

h6, .h6 {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase; }

/*rules for tablets and smaller*/
@media only screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 40px; }

  h2, .h2 {
    font-size: 32px; }

  h3, .h3 {
    font-size: 24px;
    font-weight: 900; }

  h4, .h4 {
    font-size: 20px; }

  h5, .h5 {
    font-size: 16px 0.5;
    font-weight: 900; }

  h6, .h6 {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase; } }
p {
  line-height: 27.3px;
  font-size: 21px;
  color: #fff;
  margin-bottom: 18.9px; }

p.small {
  font-size: 16.8px;
  text-transform: uppercase; }

p.sub {
  font-size: 12.6px;
  font-weight: 900;
  margin-top: -21px; }

.navbar {
  background-color: #000;
  top: 30px;
  min-width: 100%;
  z-index: 1;
  min-height: navheight; }
  .navbar .navbar-item {
    color: #fff; }
  .navbar .navbar-link.is-active, .navbar .navbar-link:focus, .navbar .navbar-link:focus-within, .navbar .navbar-link:hover, .navbar a.navbar-item.is-active, .navbar a.navbar-item:focus, .navbar a.navbar-item:focus-within, .navbar a.navbar-item:hover {
    color: #fff;
    background: #000; }

.navbar .logo {
  display: inline-block;
  height: 22px;
  margin: 0;
  width: 320px;
  padding-top: 8px; }

.navbar-menu {
  background: #000; }

section a {
  color: #fff;
  text-decoration: none;
  line-height: inherit; }

a:hover, a:focus {
  color: #e7e7e7; }

a img {
  border: none; }

section a:not(.button), footer a:not(.button) {
  color: #fff;
  font-weight: 900; }

section a:not(.button):hover, footer a:not(.button):hover {
  color: #e7e7e7; }

.edgeborders, section.dark, section.light {
  border-top: 1px solid;
  border-bottom: 1px solid; }

section {
  padding: 4%; }

section.first {
  margin-top: 22px; }

section.dark {
  background: #000;
  border: #000; }

section.light {
  background: #fff;
  border-color: #e7e7e7; }

section.white {
  background: #fff; }

section.color {
  background: #fff; }

section hr {
  margin: 50px auto 30px;
  padding: 0;
  border: 1px solid #fff;
  max-width: 53px; }

.container {
  max-width: 960px !important; }

.icons p.icon {
  font-size: 32px;
  margin-bottom: 10px;
  text-align: center; }

.icons p {
  padding: 0 20px;
  font-size: 1.2rem; }

.icons h2 {
  margin-top: 0px;
  text-align: center; }

.button, btn, .btn, a.button, .button a {
  font-size: 18px;
  background: #fff;
  color: #fff;
  padding: 1em 3em;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase; }
  .button:hover, .button:focus, .button:active, btn:hover, btn:focus, btn:active, .btn:hover, .btn:focus, .btn:active, a.button:hover, a.button:focus, a.button:active, .button a:hover, .button a:focus, .button a:active {
    background: #fff; }

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

.top.home {
  border-bottom: 1px solid #fff; }

.allwrap.home h1 {
  opacity: 1;
  transition: opacity 1900ms;
  text-transform: uppercase;
  font-size: 130px;
  position: fixed;
  top: 100px;
  text-align: center;
  width: 100%; }
.allwrap.home h1 span {
  font-size: 100px; }
.allwrap.home h1.hide {
  opacity: 0; }

#later {
  margin-top: 80px;
  opacity: 0;
  transition: opacity 1900ms; }

#later.show {
  opacity: 1; }

/*Navigation Styles*/
.navbar {
  display: flex;
  align-content: center;
  justify-content: center; }

.navbar {
  background-color: #000;
  top: 0;
  min-width: 100%;
  z-index: 1;
  min-height: 22px; }
  .navbar .navbar-item {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 2px;
    padding: 4px 40px;
    text-decoration: none; }
  .navbar .navbar-item a {
    text-decoration: none; }
  .navbar .navbar-link.is-active, .navbar .navbar-link:focus, .navbar .navbar-link:focus-within, .navbar .navbar-link:hover, .navbar a.navbar-item.is-active, .navbar a.navbar-item:focus, .navbar a.navbar-item:focus-within, .navbar a.navbar-item:hover {
    color: #fff;
    background: #000; }
  .navbar .navbar-item.has-dropdown.is-active .navbar-link, .navbar .navbar-item.has-dropdown:focus .navbar-link, .navbar .navbar-item.has-dropdown:hover .navbar-link {
    background: #000; }
  .navbar .navbar-dropdown {
    border-top: 2px solid #fff; }
  .navbar .navbar-link:not(.is-arrowless)::after {
    border-color: #fff; }
  .navbar .navbar-menu {
    flex-grow: initial;
    flex-shrink: initial; }
    .navbar .navbar-menu .logo {
      display: inline-block;
      height: 22px;
      margin: 0;
      width: 320px;
      padding-top: 8px; }

.navbar-menu {
  background: #000; }

p.menutext {
  display: none; }

section a, a {
  color: #fff;
  text-decoration: underline;
  line-height: inherit; }

a:hover, a:focus {
  color: #e7e7e7; }

a img {
  border: none; }

section a:not(.button), footer a:not(.button) {
  color: #fff;
  font-weight: normal; }

section a:not(.button):hover, footer a:not(.button):hover {
  color: #e7e7e7;
  background: none; }

#start form, #start .button {
  margin: 0; }

label.error {
  font-size: .7em;
  margin-bottom: 9px; }

.footer, footer {
  background: #000;
  background-color: #000;
  border-top: 0px solid #fff;
  padding: 30px 30px 30px 30px; }
  .footer a, footer a {
    color: #fff; }
  .footer p, footer p {
    font-size: 14.7px;
    color: #fff; }
  .footer ul.menu, footer ul.menu {
    margin-bottom: 60px; }
  .footer ul.menu a, footer ul.menu a {
    font-size: 1rem;
    text-transform: uppercase;
    padding: 20px 30px;
    color: #fff;
    font-weight: 900;
    text-decoration: none; }
  .footer .icon img, footer .icon img {
    width: 30px;
    height: auto; }
  .footer p.design a, footer p.design a {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px; }

.reverse {
  background: #fff; }

.reverse, .reverse p, .reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6, .reverse label, .reverse strong {
  color: #000; }

.reverse a, a.reverse {
  color: #fff;
  text-decoration: underline; }

.reverse a:hover, a.reverse:hover {
  color: #fff;
  text-decoration: none; }

.reverse hr {
  border-color: #000; }

.register img {
  border: 3px solid #000; }

.register iframe {
  height: 640px;
  overflow: scroll; }

.register h2 {
  font-family: "avertalight", sans-serif;
  margin-bottom: 29px;
  font-size: 30px; }

.register p, .reigster ul, .register li {
  font-size: 16px; }

.register .panel {
  box-shadow: none;
  background: #fcfcfc;
  margin-bottom: 0;
  border-radius: 0;
  padding-bottom: 40px;
  padding-right: 0px; }

#skinny {
  overflow-y: scroll;
  padding-bottom: 20px;
  height: 626px;
  padding: 20px; }

#skinny::-webkit-scrollbar {
  width: 19px;
  height: 18px; }

#skinny::-webkit-scrollbar-thumb {
  height: 6px;
  border: 8px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 7px;
  background-color: #b4b4b4;
  -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); }

#skinny::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

#skinny::-webkit-scrollbar-corner {
  background-color: transparent; }

ul {
  list-style: disc;
  list-style-position: inside; }

@media screen and (max-width: 600px) {
  /* show mavbar-menu on screen less than the breakpoint */
  #menu-toggle:checked ~ #NavbarMenu {
    display: block;
    height: 100vh; }

  p.menutext {
    display: block;
    position: absolute;
    top: 17px;
    right: 48px; }

  /* make navbar-burger become cross on screen less than 1024px */
  #menu-toggle:checked + .navbar-burger span:nth-child(1) {
    transform: translateY(5px) rotate(45deg); }

  #menu-toggle:checked + .navbar-burger span:nth-child(2) {
    opacity: 0; }

  #menu-toggle:checked + .navbar-burger span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg); }

  /* you can also replace + with ~ in above three rules and get the same result */
  #NavbarMenu {
    left: 0;
    right: 0;
    top: 100%;
    position: absolute; }

  .navbar-burger {
    width: 6.25rem; }

  .navbar-burger span {
    margin-left: 30px; } }
@media screen and (max-width: 400px) {
  .navbar .navbar-item {
    padding: 4px 20px; } }