@font-face {
  font-family: 'Candara-Bold';
  src: url('../fonts/CANDARAB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/CANDARAB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/CANDARAB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/CANDARAB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/CANDARAB.svg#ccc0239eab42bbb5a9f9357fb3e30787') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}
@font-face {
  font-family: 'Candara';
  src: url('../fonts/CANDARA.eot'); /* IE9 Compat Modes */
  src: url('../fonts/CANDARA.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/CANDARA.woff') format('woff'), /* Modern Browsers */
       url('../fonts/CANDARA.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/CANDARA.svg#ccc0239eab42bbb5a9f9357fb3e30787') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}
html, body {
  height: 100%;
}
#test {
  z-index: 100;
  width: 50%;
  background: #F5EB00;
}
body {
  background: #020204;
  font-family: 'Candara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 120%;
  font-weight: 400;
  color: #FFF;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
html.csspointerevents {
}
html.csspointerevents body {
  cursor: url(../images/transparent_cursor2.png), auto;
}
html.csspointerevents body a:hover {
  cursor: url(../images/transparent_cursor2.png), auto;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #FF0000;
}
body.default-cursors {
  cursor: auto
}
body.default-cursors .close {
  cursor: pointer;
}
body.default-cursors #cursor, body.default-cursors #cursor-black {
  display: none;
}
body.videobox-open {
}
body.videobox-open #cursor {
  z-index: 200;
}
#scrollhint {
  left: 50%;
  -webkit-transform: translate(-50%, 5px);
          transform: translate(-50%, 5px);
  bottom: 32px;
  bottom: 2rem;
  z-index: 100;
  min-width: 100px;

  opacity: 0;
  visibility: hidden
}
#scrollhint .dot {
  border-radius: 50%;
  background: #F5EB00;
  width: 6px;
  height: 6px;
  left: 50%;
  top: -30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#scrollhint span {
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #F5EB00;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 2px;
}
.panel-shadow:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;

  box-shadow: 0px 0px 12px 9px rgba(0, 0, 0, .35);
  /*box-shadow: -5px 5px 20px 5px #000;*/
}
#testnav {
  left: 50%;
  z-index: 300;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  width: 220px
}
#testnav img {
  width: 100%;
  height: auto;
}
html.csspointerevents {
}
html.csspointerevents #cursor, html.csspointerevents #cursor-black {
  width: 14px;
  z-index: 140;
  -webkit-transform: translate(-7px, -7px);
          transform: translate(-7px, -7px);
  top: -20px;
  left: -20px;
  pointer-events: none;
  img {
    width: 100%;
    height: auto;
  }
}
.h100 {
  height: 100%;
}
.w100 {
  width: 100%;
}
.img-default {
  width: 100%;
  height: auto;
}
.x-hundred {
  /*transform: translateX(-100%);*/
}
.split-wrap {
}
.split-wrap .split { /*-webkit-transform: translate3d(0, 0, 0);*/
  will-change: transform;
}
.nav {
  text-transform: uppercase;
  color: white;
  height: 80px;
  z-index: 200;
  top: 32px;
  top: 2rem;
  height: 60px;
  width: 200%;
  opacity: 1;

  overflow: hidden
}
.nav ul {
}
.nav ul li {
  display: inline-block;
  margin: 0 24px;
  margin: 0 1.5rem;
}
.nav ul li a {
  color: #F5EB00;
  font-family: 'Candara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 14.4px;
  font-size: .9rem;
}
.nav ul li a:hover {
  border-bottom: 1px solid #F5EB00;
}
.nav ul li.links-left, .nav ul li.links-right {
  top: 50%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
}
.nav ul li.links-left {
  right: 50%;
  margin-right: 80px;
}
.nav ul li.links-right {
  left: 50%;
  margin-left: 80px;
}
.nav ul li.logo {
  width: 80px;
  margin: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.nav ul li.logo img {
  width: 100%;
  height: auto;
}
.nav-ver-two {
}
.nav-ver-two .logo {
  width: 80px;
  z-index: 150;
}
.nav-ver-two .logo svg, .nav-ver-two .logo img {
  width: 100%;
  height: auto;
}
.nav-ver-two #follow-links {
  z-index: 170; /*background: var(--black);*/
  display: none;
}
.nav-ver-two #follow-links ul {
  display: none;
}
.nav-ver-two #follow-links ul li {
  display: inline-block;
  margin-right: 8px;
  margin-right: .5rem;
}
.nav-ver-two #follow-links ul li a {
  color: #F5EB00;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
}
.nav-ver-two #follow-links ul li a:hover {
  color: #FFF;
}
.nav-ver-two .preorder, .nav-ver-two .nav-toggle, .nav-ver-two .follow {
  z-index: 160;
  color: #F5EB00;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  border-bottom: 1px solid transparent;
}
.nav-ver-two .preorder {
  z-index: 130;
}
.nav-ver-two .preorder:hover, .nav-ver-two .nav-toggle:hover, .nav-ver-two .follow:hover { /*border-bottom: 1px solid var(--yellow);*/
  color: #FFF;
}
.nav-ver-two .logo:hover {
}
.nav-ver-two .logo:hover a svg g {
  fill: #FFF;
}
.nav-ver-two .nav-toggle {
}
.nav-ver-two .nav-toggle span {
  margin-left: 10px;
  display: inline-block;
}
.nav-ver-two .navguard {
  background: #020204;
  opacity: 0;
  width: 50%;
  height: 100%;
  z-index: 300;
  display: none;
}
.nav-ver-two .navlinks {
  padding: 80px 56px 48px 48px;
  padding: 5rem 3.5rem 3rem 3rem;
  background: #F5EB00;
  width: calc(50% - 6.5rem);
  height: 100vh;
  z-index: 150;
  overflow: hidden;
  display: none;
}
.nav-ver-two .navlinks .inner {
  height: 100%;
  width: 200%;
  z-index: 0; /*overflow: hidden;*/
}
.nav-ver-two .navlinks ul {
  position: relative;
  z-index: 1;
}
.nav-ver-two .navlinks a {
  color: #020204;
  line-height: 150%;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased;
  font-size: 32px;
  font-size: 2rem;
  text-decoration: none;
  text-transform: uppercase;
}
.nav-ver-two .navlinks a:hover {
  border-bottom: 1px solid #020204;
}
@media (min-width: 1020px) {
  .nav-ver-two {
  }
  .nav-ver-two .navlinks {
    width: calc(50% - 8rem);
    padding: 7rem 5rem 3rem 3rem;
  }
  .nav-ver-two .navlinks a {
    font-size: 2.5rem;
  }
}
@media (min-width: 1150px) {
  .nav-ver-two {
  }
  .nav-ver-two .navlinks {
}
  .nav-ver-two .navlinks a {
    font-size: 2.8rem;
  }
}
.nav-ver-two.showlinks {
}
.nav-ver-two.showlinks .preorder, .nav-ver-two.showlinks .nav-toggle {
  color: #020204;
}
.nav-ver-two.showlinks .nav-toggle span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav-ver-two.showlinks .preorder:hover, .nav-ver-two.showlinks .nav-toggle:hover {
  border-bottom: 1px solid #020204;
}
.nav-ver-two.showlinks .navlinks, .nav-ver-two.showlinks .navguard {
  display: block;
}
.slider {
  background: #020204;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 10;
  overflow: hidden
}
.slider .inner {
  top: 46%;
  height: 76vh;
}
.slider img {
  height: 100%;
  width: auto;
  display: none;
}
.slider img.panel-0 {
  display: block;
}
.anim1 {
  left: 0
  /*transform: translateX(-2%);*/
}
.anim1 .inner {
  right: 0;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.anim1 .inner img { /*transform: translateX(-100%);*/
}
.anim1 .nav {
  right: 0;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.anim1 img {
  opacity: 0;
}
.anim2 {
  right: 0
  /*transform: translateX(2%);*/
}
.anim2 .inner {
  left: 0;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.anim2 .nav {
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.anim2 img {
  opacity: 0;
}
#bottom-gradient {
  left: 0;
  bottom: 9%;
  width: 100%;
  height: 12%;
  background: -webkit-linear-gradient(rgba(2, 2, 4, 0), rgba(2, 2, 4, 1));
  background: linear-gradient(rgba(2, 2, 4, 0), rgba(2, 2, 4, 1));
  z-index: 60;
}
.hidden {
  /*visibility: hidden;
  opacity: 0;*/
  z-index: 1;
}
.image--cover {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.video-block {
  z-index: 9;
}
.live-block {
  z-index: 8;
}
.mailing-list-block {
  z-index: 7;
}
.loop-end {
  z-index: 6;
}
.video-block, .live-block, .mailing-list-block  {
  width: 50%;
  top: 0;
  background: #020204;
  overflow: hidden
}
.video-block .inner, .live-block .inner, .mailing-list-block .inner {
  height: 100%;
  width: 100%;
}
.video-block .inner .gradient, .live-block .inner .gradient, .mailing-list-block .inner .gradient {
  position: absolute;
  z-index: 0;
  height: 62vh;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -webkit-linear-gradient(rgba(2, 2, 4, 0), rgba(2, 2, 4, 1));
  background: linear-gradient(rgba(2, 2, 4, 0), rgba(2, 2, 4, 1));
}
.video-block .inner .bg-image, .live-block .inner .bg-image, .mailing-list-block .inner .bg-image {
  top: 0;
  width: 200%;
  height: 100%;
  z-index: -1;
  opacity: 0.8;
}
.video-block .inner .text, .live-block .inner .text, .mailing-list-block .inner .text {
  position: relative;
  color: #F5EB00;
  z-index: 1;
  text-align: center;
  margin-top: 64px;
  margin-top: 4rem;
}
.video-block .inner .text .video-textwrap, .live-block .inner .text .video-textwrap, .mailing-list-block .inner .text .video-textwrap {
}
.video-block .inner .text .video-textwrap img, .live-block .inner .text .video-textwrap img, .mailing-list-block .inner .text .video-textwrap img {
  z-index: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
  width: 100%;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .35);
  visibility: hidden;
  opacity: 0;
}
.video-block .inner .text .video-textwrap h3, .live-block .inner .text .video-textwrap h3, .mailing-list-block .inner .text .video-textwrap h3 {
  z-index: 1;
}
.video-block .inner .text h2, .live-block .inner .text h2, .mailing-list-block .inner .text h2 {
  font-family: 'Candara-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 38.4px;
  font-size: 2.4rem;
  -webkit-font-smoothing: antialiased;
  line-height: 140%;
  letter-spacing: 4px;
  margin-bottom: 56px;
  margin-bottom: 3.5rem;
  z-index: 2;
}
.video-block .inner .text h2 span, .live-block .inner .text h2 span, .mailing-list-block .inner .text h2 span {
  position: relative;
}
.video-block .inner .text h3, .live-block .inner .text h3, .mailing-list-block .inner .text h3 {
  font-family: 'Candara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 35.2px;
  font-size: 2.2rem; /*-webkit-font-smoothing: antialiased;*/
  line-height: 140%;
  letter-spacing: 4px;
  text-transform: uppercase;
}
.video-block .inner .text h3 span, .live-block .inner .text h3 span, .mailing-list-block .inner .text h3 span {
  position: relative;
}
.video-block .inner .text h3.active, .live-block .inner .text h3.active, .mailing-list-block .inner .text h3.active {
  color: #FFF;
}
.video-block .inner .text h2 span:after, .video-block .inner .text h3.active span:after, .live-block .inner .text h2 span:after, .live-block .inner .text h3.active span:after, .mailing-list-block .inner .text h2 span:after, .mailing-list-block .inner .text h3.active span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-block .inner .scrollable, .live-block .inner .scrollable, .mailing-list-block .inner .scrollable {
  padding-bottom: 170px; /*will-change: transform;*/
}
@media (min-width: 1020px) {
  .video-block, .live-block, .mailing-list-block  {
  }
  .video-block .inner, .live-block .inner, .mailing-list-block .inner {
}
  .video-block .inner .text, .live-block .inner .text, .mailing-list-block .inner .text {
}
  .video-block .inner .text h2, .live-block .inner .text h2, .mailing-list-block .inner .text h2 {
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }
  .video-block .inner .text h3, .live-block .inner .text h3, .mailing-list-block .inner .text h3 {
    font-size: 2.2rem;
    line-height: 140%;
  }
}
@media (min-width: 1150px) {

}
@media (min-width: 1350px) {
  .video-block, .live-block, .mailing-list-block  {
  }
  .video-block .inner, .live-block .inner, .mailing-list-block .inner {
}
  .video-block .inner .text, .live-block .inner .text, .mailing-list-block .inner .text {
}
  .video-block .inner .text h2, .live-block .inner .text h2, .mailing-list-block .inner .text h2 {
    font-size: 2.4rem;
    margin-bottom: 6rem;
  }
  .video-block .inner .text h3, .live-block .inner .text h3, .mailing-list-block .inner .text h3 {
    font-size: 2.4rem;
    line-height: 145%;
  }
}
#video-block-left, #live-block-left, #signup-block-left {
  left: 0
}
#video-block-left .inner, #live-block-left .inner, #signup-block-left .inner {
}
#video-block-left .inner .bg-image, #live-block-left .inner .bg-image, #signup-block-left .inner .bg-image {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat;
}
#video-block-left .inner .text, #live-block-left .inner .text, #signup-block-left .inner .text {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
#video-block-right, #live-block-right, #signup-block-right {
  right: 0
}
#video-block-right .inner, #live-block-right .inner, #signup-block-right .inner {
}
#video-block-right .inner .bg-image, #live-block-right .inner .bg-image, #signup-block-right .inner .bg-image {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat;
}
#video-block-right .inner .text, #live-block-right .inner .text, #signup-block-right .inner .text {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.videobox {
  z-index: 180;
  background: #020204;

  display: none
}
.videobox .loader {
  left: 50%;
  top: 50%;
  border-radius: 50%;
  background: #F5EB00;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}
.videobox .close {
  background: #020204;
  color: #F5EB00;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  z-index: 3;
  padding: 10px 8px 6px 8px;
  -webkit-transform: translate(8px, -10px);
          transform: translate(8px, -10px);
}
.videobox .close span {
  margin-left: 10px;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.videobox .close:hover {
  color: #FFF;
}
.videobox .yt-wrapper {
  z-index: 2;
}
.videobox .yt-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  visibility: hidden;
}
.videobox.open{
  display: block;
}
.show-listings {
}
.show-listings ul {
}
.show-listings ul li {
  text-align: center;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.show-listings ul li a {
  color: #F5EB00;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  font-size: 18.4px;
  font-size: 1.15rem;
  line-height: 120%;
  text-decoration: none;
}
.show-listings ul li a:hover {
  color: #FFF;
}
.show-listings ul li.active {
}
.show-listings ul li.active a {
  color: #FFF;
}
.signup-page {
}
.signup-page h2 {
  font-family: 'Candara-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 41.6px;
  font-size: 2.6rem;
  -webkit-font-smoothing: antialiased;
  line-height: 140%;
  letter-spacing: 4px;
  margin-bottom: 80px;
  margin-bottom: 5rem;
  padding-top: 64px;
  padding-top: 4rem;
  color: #F5EB00;
  z-index: 2;
}
.signup-page h2 span {
  position: relative;
}
.signup-page .bg-image {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.8;
  height: 100vh;
}
.signup-page .gradient {
  position: absolute;
  z-index: 0;
  height: 62vh;
  bottom: 0;
  left: 0;
  width: 100%;
  background: -webkit-linear-gradient(rgba(2, 2, 4, 0), rgba(2, 2, 4, 1));
  background: linear-gradient(rgba(2, 2, 4, 0), rgba(2, 2, 4, 1));
}
#signup-form {
  text-align: left;
  margin: 0 auto;
  max-width: 680px;
  width: 90%;
  font-family: 'Candara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  z-index: 1
}
#signup-form label {
  display: block;
  font-size: 17.6px;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 140%;
  margin-bottom: 6.4px;
  margin-bottom: .4rem;
  color: #F5EB00;
}
#signup-form input, #signup-form select {
  border: 0;
  border: 1px solid #F5EB00;
  background: transparent;
  width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
  color: #F5EB00;
  font-family: 'Candara', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17.6px;
  font-size: 1.1rem;
  height: 34px;
  margin-bottom: 9.6px;
  margin-bottom: .6rem;
  box-sizing: border-box;
  text-indent: 8px;
}
#signup-form .half {
  width: calc(50% - 1.5rem);
}
#signup-form .submit {
  margin-top: 16px;
  margin-top: 1rem;
}
#signup-form #submit {
  text-indent: 0;
}

/*# sourceMappingURL=main.css.map */