/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, ../sass/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 27, ../sass/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 31, ../sass/_reset.scss */
body {
  line-height: 1; }

/* line 34, ../sass/_reset.scss */
ol, ul {
  list-style: none; }

/* line 37, ../sass/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 40, ../sass/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 45, ../sass/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*-------------------------------------*
 * Color
 *-------------------------------------*/
/*-------------------------------------*
 * Typography
 *-------------------------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 13, 2014 */
@font-face {
  font-family: 'bad_grungeregular';
  src: url("fonts/bad_grunge_2-webfont.eot");
  src: url("fonts/bad_grunge_2-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/bad_grunge_2-webfont.woff") format("woff"), url("fonts/bad_grunge_2-webfont.ttf") format("truetype"), url("fonts/bad_grunge_2-webfont.svg#bad_grungeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("fonts/hauntedcavern.eot?xgfyns");
  src: url("fonts/hauntedcavern.eot?#iefixxgfyns") format("embedded-opentype"), url("fonts/hauntedcavern.woff?xgfyns") format("woff"), url("fonts/hauntedcavern.ttf?xgfyns") format("truetype"), url("fonts/hauntedcavern.svg?xgfyns#hauntedcavern") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 28, ../sass/_typography.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 42, ../sass/_typography.scss */
.icon-down:before {
  content: "\e600"; }

/* line 45, ../sass/_typography.scss */
.icon-facebook:before {
  content: "\e902"; }

/* line 48, ../sass/_typography.scss */
.icon-youtube:before {
  content: "\e903"; }

/* line 51, ../sass/_typography.scss */
.icon-twitter:before {
  content: "\e904"; }

/* line 54, ../sass/_typography.scss */
.icon-snapchat:before {
  content: "\e900"; }

/* line 57, ../sass/_typography.scss */
.icon-instagram:before {
  content: "\e901"; }

/*-- Global -----------------------------*/
/* line 67, ../sass/_typography.scss */
body {
  font: 100%/150% "Nexa W01 Light", "Arial", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

/* line 73, ../sass/_typography.scss */
h1, h2, h3, h4, h5, h6, cite {
  line-height: 125%; }

/* line 75, ../sass/_typography.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, cite a {
  font-weight: inherit; }

/* line 77, ../sass/_typography.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "bad_grungeregular", "Arial", Helvetica, sans-serif;
  font-weight: normal;
  margin-top: 1em;
  letter-spacing: 0.04em; }

/* line 85, ../sass/_typography.scss */
h1, .h1 {
  font-size: 2.25em;
  text-align: center; }

/* line 86, ../sass/_typography.scss */
h2, .h2 {
  font-size: 2em; }

/* line 87, ../sass/_typography.scss */
h3, .h3 {
  font-size: 1.7em; }

/* line 88, ../sass/_typography.scss */
h4, .h4 {
  font-size: 2em; }

/* line 89, ../sass/_typography.scss */
h5, .h5 {
  font-size: 1em; }

/* line 90, ../sass/_typography.scss */
h6, .h6, figure cite {
  font-size: 1.25em; }

/* line 92, ../sass/_typography.scss */
a {
  text-decoration: none; }
  /* line 94, ../sass/_typography.scss */
  a:hover, a:focus {
    text-decoration: none; }

/* line 97, ../sass/_typography.scss */
p {
  font-size: 1em;
  line-height: 150%; }

/* line 102, ../sass/_typography.scss */
em, i, blockquote, cite {
  font-family: "Nexa W01 Light Italic", "Arial", Helvetica, sans-serif;
  font-style: italic; }

/* line 106, ../sass/_typography.scss */
strong, b, thead th, dt, figure cite {
  font-weight: 700; }

/* line 108, ../sass/_typography.scss */
small, sup {
  font-size: 0.75em; }

/* line 110, ../sass/_typography.scss */
table {
  text-align: left; }

/* line 112, ../sass/_typography.scss */
thead th {
  font-size: 1.688em; }

/* line 114, ../sass/_typography.scss */
blockquote {
  font-size: 1.15em; }

/* line 119, ../sass/_typography.scss */
textarea,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"],
input[type="submit"],
input[type="reset"],
button {
  font-size: 1em;
  line-height: 100%; }

/* line 136, ../sass/_typography.scss */
input[type="submit"], input[type="reset"] {
  text-align: center; }

/* line 138, ../sass/_typography.scss */
.text-center {
  text-align: center !important; }

@media screen and (min-width: 48em) {
  /* line 143, ../sass/_typography.scss */
  h1, .h1 {
    font-size: 4.375em;
    line-height: 0.85; }

  /* line 144, ../sass/_typography.scss */
  h2, .h2 {
    font-size: 3.5em;
    line-height: 0.85; }

  /* line 145, ../sass/_typography.scss */
  h3, .h3 {
    font-size: 2.5em;
    line-height: 0.85; }

  /* line 146, ../sass/_typography.scss */
  p {
    font-size: 1.125em; } }
@media screen and (min-width: 64em) {
  /* line 151, ../sass/_typography.scss */
  h1, .h1 {
    font-size: 4.5em;
    line-height: 0.85; }

  /* line 152, ../sass/_typography.scss */
  h2, .h2 {
    font-size: 4em;
    line-height: 0.85; }

  /* line 153, ../sass/_typography.scss */
  h3, .h3 {
    font-size: 3.125em;
    line-height: 0.85; } }
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/* line 5, ../sass/_global.scss */
body {
  background: #000000;
  color: #FFFFFF;
  height: 100%; }

/* line 11, ../sass/_global.scss */
a, a:visited {
  cursor: pointer;
  outline: 0;
  color: #8A0707; }

/* line 22, ../sass/_global.scss */
h4,
h5,
h6,
p,
hr,
blockquote,
figure,
table,
ol,
ul,
dl {
  margin-bottom: 0.5em;
  margin-top: 8px; }

/* line 37, ../sass/_global.scss */
hr {
  border: 0;
  border-top: 1px solid #8A0707;
  margin: 20px 0; }

/* line 43, ../sass/_global.scss */
img {
  max-width: 100%;
  height: auto; }

/* line 48, ../sass/_global.scss */
blockquote {
  border-left: 8px solid #000000;
  padding: 0 0 0 16px; }

/* line 53, ../sass/_global.scss */
figure, pre {
  border: 1px solid #000000;
  padding: 8px; }

/* line 62, ../sass/_global.scss */
mark {
  background-color: #000000;
  margin: 0 4px;
  padding: 4px; }

/* line 68, ../sass/_global.scss */
br {
  clear: both; }

/* Navigation Defaults */
/* line 73, ../sass/_global.scss */
nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }
/* line 78, ../sass/_global.scss */
nav li {
  margin: 0;
  padding: 0; }
  /* line 82, ../sass/_global.scss */
  nav li.first a {
    color: white !important; }
  /* line 87, ../sass/_global.scss */
  nav li .close a {
    color: white !important; }
  /* line 91, ../sass/_global.scss */
  nav li #close {
    color: white !important; }
/* line 95, ../sass/_global.scss */
nav a {
  color: inherit;
  display: block;
  text-decoration: none;
  color: #8A0707; }

/*-- Buttons -----------------------------*/
/* line 104, ../sass/_global.scss */
button {
  padding: 0.25em 1em; }

/*-- Lists -----------------------------*/
/* line 112, ../sass/_global.scss */
ul li, ol li {
  display: list-item; }
/* line 115, ../sass/_global.scss */
ul ul, ul ol, ol ul, ol ol {
  padding: 0.25em 1em 0; }

/* line 117, ../sass/_global.scss */
ul {
  list-style: square inside none; }

/* line 118, ../sass/_global.scss */
ol {
  list-style: decimal inside none; }

/* line 119, ../sass/_global.scss */
dt, dd {
  margin: 0.25em 0; }

/*-- Tables -----------------------------*/
/* line 122, ../sass/_global.scss */
table {
  border: 1px solid #8A0707;
  background-color: #000000; }

/* line 124, ../sass/_global.scss */
thead th {
  padding: 0.5em; }

/* line 128, ../sass/_global.scss */
tbody tr:nth-child(odd) {
  background-color: #000000; }
/* line 130, ../sass/_global.scss */
tbody td {
  border: 1px solid #8A0707;
  padding: 1em 1.25em; }

/*-- Forms -----------------------------*/
/* line 137, ../sass/_global.scss */
label {
  margin: 16px 0 8px; }

/* line 139, ../sass/_global.scss */
input:focus, textarea:focus {
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  -moz-box-shadow: #000000 0 0 2px inset;
  -webkit-box-shadow: #000000 0 0 2px inset;
  box-shadow: #000000 0 0 2px inset;
  outline: none; }

/* line 145, ../sass/_global.scss */
input[type="submit"]:focus, input[type="reset"]:focus, select:focus, button:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  outline: none; }

/* line 150, ../sass/_global.scss */
textarea, input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000000;
  border: 1px solid #8A0707;
  padding: 13px 16px 13px;
  margin: 8px 0;
  height: 46px;
  color: #FFFFFF;
  font-family: "Nexa W01 Light", "Arial", Helvetica, sans-serif; }

/* line 164, ../sass/_global.scss */
textarea {
  height: 120px !important;
  width: 100% !important; }

/* line 169, ../sass/_global.scss */
select {
  margin: 8px 0 24px; }

/* line 173, ../sass/_global.scss */
input[type="submit"], input[type="reset"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #8A0707;
  border: none;
  color: #FFFFFF;
  display: inline-block;
  font: 2em/1 "bad_grungeregular", "Arial", Helvetica, sans-serif;
  margin-bottom: .5em;
  margin-top: .5em;
  padding: 10px 50px 5px;
  text-align: center;
  width: 100%;
  -moz-transition: background 0.25s, color 0.25s;
  -o-transition: background 0.25s, color 0.25s;
  -webkit-transition: background 0.25s, color 0.25s;
  transition: background 0.25s, color 0.25s;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 0 6px 4px 0 #000000;
  -webkit-box-shadow: 0 6px 4px 0 #000000;
  box-shadow: 0 6px 4px 0 #000000; }
  /* line 188, ../sass/_global.scss */
  input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus {
    background: #FFFFFF;
    color: #8A0707; }

/*-- No JavaScript Fallback -----------------------------*/
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/* line 5, ../sass/_general.scss */
.additional-text {
  display: none;
  background: black;
  margin-bottom: 2em;
  padding: 50px; }
  /* line 10, ../sass/_general.scss */
  .additional-text p {
    font-size: .86em;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 1em; }

/* line 18, ../sass/_general.scss */
.content-main {
  margin-top: 250px; }
  /* line 20, ../sass/_general.scss */
  .content-main.explore {
    background: url(/img/back-explore.jpg) no-repeat center center;
    padding: 50px 0 2px;
    text-align: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
    /* line 26, ../sass/_general.scss */
    .content-main.explore .text {
      border-top: 10px solid #8A0707;
      background: rgba(0, 0, 0, 0.6);
      padding: 75px 0;
      position: relative; }
    /* line 33, ../sass/_general.scss */
    .content-main.explore [class^='btn-'] a {
      bottom: -63px;
      left: 50%;
      position: absolute;
      width: 90%;
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
  /* line 44, ../sass/_general.scss */
  .content-main.index {
    position: relative;
    text-align: center;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat; }
    /* line 52, ../sass/_general.scss */
    .content-main.index h1 {
      margin: 0 auto;
      max-width: 490px; }
    /* line 57, ../sass/_general.scss */
    .content-main.index .next {
      background: url("/img/spatter1.svg") no-repeat;
      background-size: contain;
      color: #FFFFFF;
      display: block;
      font-size: 4em;
      height: 131px;
      left: -25px;
      line-height: 131px;
      margin: 0 auto;
      position: relative;
      text-decoration: none;
      text-indent: 50px;
      width: 183px; }
  /* line 73, ../sass/_general.scss */
  .content-main.story.text {
    background: url(/img/back-story-b.jpg) no-repeat center top;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%; }
    /* line 76, ../sass/_general.scss */
    .content-main.story.text h1, .content-main.story.text .h1 {
      font-size: 5em;
      margin-top: -.25em; }
  /* line 86, ../sass/_general.scss */
  .content-main.subpage {
    background: url(/img/back-subpage.jpg) no-repeat center 47px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    padding-top: 100px; }
    /* line 90, ../sass/_general.scss */
    .content-main.subpage h1, .content-main.subpage .h1 {
      font-size: 5em;
      margin-top: 170px; }

/* line 96, ../sass/_general.scss */
.seam {
  background: url(/img/back-explore.jpg) no-repeat center center;
  height: 3px;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 2; }

/* line 103, ../sass/_general.scss */
.video-container {
  position: relative;
  padding-top: 56%; }
  /* line 107, ../sass/_general.scss */
  .video-container.ios {
    margin-top: 200px; }
  /* line 111, ../sass/_general.scss */
  .video-container video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }

/* line 119, ../sass/_general.scss */
.wrapper {
  margin: 0 auto;
  max-width: 1120px;
  padding: 0 25px; }

/* line 127, ../sass/_general.scss */
.vid-wrapper {
  position: relative;
  max-height: 100vh;
  overflow: hidden; }

/* line 132, ../sass/_general.scss */
.play-wrapper {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  display: inline-block;
  height: 30px;
  max-height: 30px;
  width: auto; }

/* line 142, ../sass/_general.scss */
.play-wrapper button {
  background-color: transparent;
  border: none;
  box-shadow: none; }

/* line 148, ../sass/_general.scss */
.play-wrapper button img {
  max-height: 20px;
  cursor: pointer; }

/* line 152, ../sass/_general.scss */
.volume-wrapper {
  display: none; }

/* line 155, ../sass/_general.scss */
.volume-wrapper button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  display: inline-block;
  box-sizing: border-box; }

/* line 163, ../sass/_general.scss */
.volume-wrapper button img {
  max-height: 20px;
  cursor: pointer;
  margin: 3px 5px; }

/*-- AddThis -----------------------------*/
/* line 171, ../sass/_general.scss */
.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
  margin-right: 20px;
  padding: 0; }

/* line 175, ../sass/_general.scss */
.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
  background: none;
  border: 1px solid black;
  color: black;
  font-size: 1.19em;
  height: 44px !important;
  line-height: 44px !important;
  text-align: center;
  width: 44px !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 194, ../sass/_general.scss */
.at15t_twitter:before {
  content: "\e603"; }

/* line 197, ../sass/_general.scss */
.at15t_facebook:before {
  content: "\e602"; }

/* line 200, ../sass/_general.scss */
.at15t_compact:before {
  content: "\e601"; }

/*-- Buttons -----------------------------*/
/* line 207, ../sass/_general.scss */
[class^='btn'] a, [class^='btn'] input[type='submit'], [class^='btn'] input[type='button'], [class^='btn'] input[type='cancel'], [class^='btn'] button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #8A0707;
  border: none;
  color: #FFFFFF;
  display: inline-block;
  font: 2em/1 "bad_grungeregular", "Arial", Helvetica, sans-serif;
  margin-bottom: .5em;
  margin-top: .5em;
  padding: 10px 50px 5px;
  text-align: center;
  width: 100%;
  -moz-transition: background 0.25s, color 0.25s;
  -o-transition: background 0.25s, color 0.25s;
  -webkit-transition: background 0.25s, color 0.25s;
  transition: background 0.25s, color 0.25s;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  -moz-box-shadow: 0 6px 4px 0 #000000;
  -webkit-box-shadow: 0 6px 4px 0 #000000;
  box-shadow: 0 6px 4px 0 #000000; }
  /* line 223, ../sass/_general.scss */
  [class^='btn'] a:hover, [class^='btn'] a:focus, [class^='btn'] a:active, [class^='btn'] input[type='submit']:hover, [class^='btn'] input[type='submit']:focus, [class^='btn'] input[type='submit']:active, [class^='btn'] input[type='button']:hover, [class^='btn'] input[type='button']:focus, [class^='btn'] input[type='button']:active, [class^='btn'] input[type='cancel']:hover, [class^='btn'] input[type='cancel']:focus, [class^='btn'] input[type='cancel']:active, [class^='btn'] button:hover, [class^='btn'] button:focus, [class^='btn'] button:active {
    background: #FFFFFF;
    color: #8A0707; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* line 241, ../sass/_general.scss */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

/* line 247, ../sass/_general.scss */
.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
/* line 255, ../sass/_general.scss */
.cf {
  *zoom: 1; }

/*-- Tables -----------------------------*/
/* line 260, ../sass/_general.scss */
.responsive-table {
  display: block;
  height: auto;
  margin-bottom: 16px;
  margin-top: 8px;
  overflow-x: auto;
  width: 100%; }
  /* line 267, ../sass/_general.scss */
  .responsive-table table {
    border-collapse: collapse;
    display: table;
    margin: 0;
    min-width: 700px;
    overflow: hidden; }
  /* line 274, ../sass/_general.scss */
  .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: none;
    vertical-align: middle; }
  /* line 279, ../sass/_general.scss */
  .responsive-table thead {
    display: table-header-group; }
  /* line 280, ../sass/_general.scss */
  .responsive-table tbody {
    display: table-row-group; }
  /* line 281, ../sass/_general.scss */
  .responsive-table tr {
    border: 0;
    display: table-row; }
  /* line 285, ../sass/_general.scss */
  .responsive-table th, .responsive-table td {
    border: 1px solid #dfdcd4;
    display: table-cell;
    padding: 8px 16px 9px; }

/*-- Lists -----------------------------*/
/* line 293, ../sass/_general.scss */
.list-reset {
  list-style: none;
  margin: 0;
  padding: 0; }

/*-- Forms -----------------------------*/
/*-- Content -----------------------------*/
/*-- Images -----------------------------*/
/* line 350, ../sass/_general.scss */
.image-width-33-left, .image-width-33-right, .image-width-33-left-decoration, .image-width-33-right-decoration, .image-width-50-left, .image-width-50-right, .image-width-50-left-decoration, .image-width-50-right-decoration, .image-width-100, .image-width-100-decoration {
  margin: 8px 0 16px; }

/* line 354, ../sass/_general.scss */
.image-width-33-left-decoration, .image-width-33-right-decoration, .image-width-50-left-decoration, .image-width-50-right-decoration, .image-width-100-decoration {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000000;
  padding: 5px; }

/*-- Hide/Show -----------------------------*/
/* line 374, ../sass/_general.scss */
.tablet, .desktop {
  display: none; }

/*-- Transitions -----------------------------*/
/*-- No JavaScript Fallback -----------------------------*/
@media screen and (min-width: 48em) {
  /* line 383, ../sass/_general.scss */
  #mute-vid {
    display: none; }

  /* line 386, ../sass/_general.scss */
  .volume-wrapper {
    display: block;
    position: absolute;
    bottom: 50px;
    z-index: 1000;
    right: 0px;
    width: 230px;
    height: 30px;
    max-height: 30px;
    vertical-align: middle; }
    /* line 396, ../sass/_general.scss */
    .volume-wrapper p {
      font-weight: bold;
      color: white;
      float: left;
      margin: 0 10px 0 0; }

  /* line 408, ../sass/_general.scss */
  .play-wrapper {
    position: absolute;
    right: 10px;
    top: 10px; }

  /* line 413, ../sass/_general.scss */
  .content-main {
    margin-top: 0px; }
    /* line 416, ../sass/_general.scss */
    .content-main.explore p {
      font-size: 1.375em; }
    /* line 420, ../sass/_general.scss */
    .content-main.explore [class^='btn-'] a {
      bottom: -80px;
      width: auto; }
    /* line 425, ../sass/_general.scss */
    .content-main.explore .wrapper {
      margin: 0 auto;
      max-width: 950px; }
    /* line 433, ../sass/_general.scss */
    .content-main.index {
      background-position: center top; }
      /* line 437, ../sass/_general.scss */
      .content-main.index .next {
        font-size: 6em;
        height: 194px;
        left: -35px;
        line-height: 190px;
        text-indent: 50px;
        width: 271px; }
    /* line 446, ../sass/_general.scss */
    .content-main.story.text {
      font-size: 1.3em; }
      /* line 449, ../sass/_general.scss */
      .content-main.story.text [class^='btn-'] a {
        font-size: 1.8em; }
      /* line 453, ../sass/_general.scss */
      .content-main.story.text h1, .content-main.story.text .h1 {
        font-size: 3.6em;
        margin-top: .5em; }
    /* line 458, ../sass/_general.scss */
    .content-main.subpage.first {
      padding-top: 400px; }
    /* line 461, ../sass/_general.scss */
    .content-main.subpage {
      background: url(/img/back-subpage.jpg) no-repeat center top;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      -webkit-background-size: 100%;
      background-size: 100%; }
      /* line 464, ../sass/_general.scss */
      .content-main.subpage h1, .content-main.subpage .h1 {
        margin-top: 0; }
      /* line 467, ../sass/_general.scss */
      .content-main.subpage hr {
        clear: both; }

  /* line 474, ../sass/_general.scss */
  [class^='btn'] a, [class^='btn'] input[type='submit'], [class^='btn'] input[type='button'], [class^='btn'] input[type='cancel'], [class^='btn'] button {
    font-size: 2em; }
  /* line 478, ../sass/_general.scss */
  [class^='btn'][class*='left'] a, [class^='btn'][class*='left'] input[type='submit'], [class^='btn'][class*='left'] input[type='button'], [class^='btn'][class*='left'] input[type='cancel'], [class^='btn'][class*='left'] button {
    float: left; }
  /* line 483, ../sass/_general.scss */
  [class^='btn'][class*='right'] a, [class^='btn'][class*='right'] input[type='submit'], [class^='btn'][class*='right'] input[type='button'], [class^='btn'][class*='right'] input[type='cancel'], [class^='btn'][class*='right'] button {
    float: right; }
  /* line 489, ../sass/_general.scss */
  [class^='btn'][class*='width-33'] a, [class^='btn'][class*='width-33'] input[type='submit'], [class^='btn'][class*='width-33'] input[type='button'], [class^='btn'][class*='width-33'] input[type='cancel'], [class^='btn'][class*='width-33'] button {
    width: 30.33333%;
    margin-left: 2%; }
  /* line 495, ../sass/_general.scss */
  [class^='btn'][class*='width-50'] a, [class^='btn'][class*='width-50'] input[type='submit'], [class^='btn'][class*='width-50'] input[type='button'], [class^='btn'][class*='width-50'] input[type='cancel'], [class^='btn'][class*='width-50'] button {
    width: 48%;
    margin-left: 2%; }
  /* line 501, ../sass/_general.scss */
  [class^='btn'][class*='width-100'] a, [class^='btn'][class*='width-100'] input[type='submit'], [class^='btn'][class*='width-100'] input[type='button'], [class^='btn'][class*='width-100'] input[type='cancel'], [class^='btn'][class*='width-100'] button {
    width: 100%; }
  /* line 506, ../sass/_general.scss */
  [class^='btn'][class*='width-auto'] a, [class^='btn'][class*='width-auto'] input[type='submit'], [class^='btn'][class*='width-auto'] input[type='button'], [class^='btn'][class*='width-auto'] input[type='cancel'], [class^='btn'][class*='width-auto'] button {
    width: auto; }

  /* line 512, ../sass/_general.scss */
  .video-container.ios {
    margin-top: 400px; } }
@media screen and (min-width: 64em) {
  /* line 517, ../sass/_general.scss */
  .content-main.index h1 {
    max-width: 790px; } }
@media screen and (max-width: 320px) {
  /* line 524, ../sass/_general.scss */
  .content-main.story.text h1, .content-main.story.text .h1 {
    font-size: 4em; } }
/*-------------------------------------*
 * Print
 *-------------------------------------*/
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/* line 4, ../sass/pieces/_layouts.scss */
body {
  float: left; }

/* line 6, ../sass/pieces/_layouts.scss */
body, .section, .row, .col, .block, .line {
  *zoom: 1; }
  /* line 22, ../../../../../../usr/local/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/utilities/general/_clearfix.scss */
  body:after, .section:after, .row:after, .col:after, .block:after, .line:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden; }

/* line 10, ../sass/pieces/_layouts.scss */
body, .section, .row, .col, .block, .line, .size1of1, .size1of2, .size1of3, .size1of4, hr, img, form, ul, ol, li, .btn, .ff_composer, .unit, figure, figure cite, pre, .field_label, select, .image-width-33-left, .image-width-33-left-decoration, .image-width-33-right-decoration, .image-width-50-left, .image-width-50-left-decoration, .image-width-50-right-decoration, .image-width-100, .image-width-100-decoration {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block; }

/* line 15, ../sass/pieces/_layouts.scss */
body, .section, .line, hr, table, .btn, .unit, .col, figure, .ff_composer, .field_label, textarea, input[type="text"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], select, .image-width-33-left, .image-width-33-left-decoration, .image-width-33-right-decoration, .image-width-50-left, .image-width-50-left-decoration, .image-width-50-right-decoration, .image-width-100, .image-width-100-decoration {
  width: 100%; }

/* line 19, ../sass/pieces/_layouts.scss */
.block {
  margin: 0 auto; }

/* line 23, ../sass/pieces/_layouts.scss */
.col, .ff_composer, .unit {
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 97%; }

/* line 28, ../sass/pieces/_layouts.scss */
.row {
  margin-bottom: 70px; }

/* line 34, ../sass/pieces/_layouts.scss */
[class^='image-'][class*='-width-33'] img, [class^='image-'][class*='-width-50'] img, [class^='image-'][class*='-width-100'] img {
  margin: 2em auto; }

/* line 40, ../sass/pieces/_layouts.scss */
.size1of2, .size1of3, .size1of4 {
  margin-bottom: 1em;
  margin-top: 1em; }

/* line 45, ../sass/pieces/_layouts.scss */
.section {
  margin-left: 3%;
  margin-right: 3%;
  width: 94%; }

/* line 51, ../sass/pieces/_layouts.scss */
figure {
  margin: 0; }

/* line 53, ../sass/pieces/_layouts.scss */
.hcvideo {
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  z-index: 1; }

/*-------------------------------------*
 * Tablet
 *-------------------------------------*/
@media screen and (min-width: 48em) {
  /* line 75, ../sass/pieces/_layouts.scss */
  .hcvideo {
    margin-top: 0; }

  /* line 79, ../sass/pieces/_layouts.scss */
  blockquote, pre {
    margin: 0 6%; }

  /* line 81, ../sass/pieces/_layouts.scss */
  ul, ol, dd {
    padding: 0 6%; }

  /* line 83, ../sass/pieces/_layouts.scss */
  .col {
    width: 100%; }

  /* line 85, ../sass/pieces/_layouts.scss */
  .col, .unit, figure, .image-width-33-left, .image-width-33-left-decoration, .image-width-50-left, .image-width-50-left-decoration {
    float: left; }

  /* line 87, ../sass/pieces/_layouts.scss */
  .image-width-33-right, .image-width-33-right-decoration, .image-width-50-right, .image-width-50-right-decoration {
    float: right; }

  /* line 89, ../sass/pieces/_layouts.scss */
  .size1of2, .size1of3, .size1of4, figure, .image-width-33-left, .image-width-33-right, .image-width-33-left-decoration, .image-width-33-right-decoration, .image-width-50-left, .image-width-50-right, .image-width-50-left-decoration, .image-width-50-right-decoration {
    width: 47%; }

  /* line 91, ../sass/pieces/_layouts.scss */
  .section {
    margin-left: 3%;
    margin-right: 3%; }

  /* line 96, ../sass/pieces/_layouts.scss */
  figure {
    margin-right: 3%; }

  /*-- Hide/Show -----------------------------*/
  /* line 99, ../sass/pieces/_layouts.scss */
  .tablet {
    display: inline-block; }

  /* line 100, ../sass/pieces/_layouts.scss */
  .mobile {
    display: none; } }
/*--------------------------------------------*
 * Desktop
 *--------------------------------------------*/
@media screen and (min-width: 56.25em) {
  /* line 108, ../sass/pieces/_layouts.scss */
  .size1of3, .image-width-33-left, .image-width-33-right, .image-width-33-left-decoration, .image-width-33-right-decoration {
    width: 30.333333%; }

  /*-- Hide/Show -----------------------------*/
  /* line 111, ../sass/pieces/_layouts.scss */
  .desktop {
    display: inline-block; } }
@media screen and (min-width: 64em) {
  /* line 115, ../sass/pieces/_layouts.scss */
  .size1of4 {
    width: 22%; }

  /* line 118, ../sass/pieces/_layouts.scss */
  [class^='image-'][class*='-width-33'], [class^='image-'][class*='-width-50'] {
    float: left; }
  /* line 121, ../sass/pieces/_layouts.scss */
  [class^='image-'][class*='-width-33'] {
    margin-left: 1%;
    margin-right: 1%;
    width: 31.333%; }
  /* line 126, ../sass/pieces/_layouts.scss */
  [class^='image-'][class*='-width-50'] {
    margin-left: 1%;
    margin-right: 1%;
    width: 48%; }
  /* line 131, ../sass/pieces/_layouts.scss */
  [class^='image-'][class*='-width-100'] {
    margin-left: 1%;
    margin-right: 1%;
    width: 98%; } }
/*-------------------------------------*
 * Widescreen
 *-------------------------------------*/
@media screen and (min-width: 110em) {
  /* line 159, ../sass/pieces/_layouts.scss */
  hcvideo {
    margin-top: -100px !important; } }
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/*-------------------------------------*
 * Tablet
 *-------------------------------------*/
/*--------------------------------------------*
 * Desktop
 *--------------------------------------------*/
/*-------------------------------------*
 * Widescreen
 *-------------------------------------*/
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/* line 4, ../sass/pieces/_footer.scss */
#footer-main {
  background: no-repeat center top;
  background-size: contain;
  color: #C8A486;
  padding-top: 17.5%;
  text-align: center; }
  /* line 12, ../sass/pieces/_footer.scss */
  #footer-main a {
    color: inherit;
    -moz-transition: color 0.25s;
    -o-transition: color 0.25s;
    -webkit-transition: color 0.25s;
    transition: color 0.25s; }
    /* line 16, ../sass/pieces/_footer.scss */
    #footer-main a:hover {
      color: #FFFFFF; }
  /* line 21, ../sass/pieces/_footer.scss */
  #footer-main p a {
    font-weight: bold;
    color: inherit;
    text-decoration: none; }
  /* line 26, ../sass/pieces/_footer.scss */
  #footer-main .footer-padding {
    margin: 0 0 60px 0 !important; }
  /* line 29, ../sass/pieces/_footer.scss */
  #footer-main .row {
    margin: 0;
    width: 100%; }

/* line 35, ../sass/pieces/_footer.scss */
.buzz {
  border-bottom: 1px solid rgba(138, 7, 7, 0.5);
  padding-bottom: 15px; }
  /* line 39, ../sass/pieces/_footer.scss */
  .buzz strong {
    font: bold 1.5em/1 "Nexa W01 Bold", "Arial", Helvetica, sans-serif; }

/* line 43, ../sass/pieces/_footer.scss */
.descend, .voted {
  padding: 30px 0 15px; }

/* line 46, ../sass/pieces/_footer.scss */
.descend {
  border-bottom: 1px solid rgba(138, 7, 7, 0.5); }
  /* line 49, ../sass/pieces/_footer.scss */
  .descend strong {
    font: 2.125em/1 "bad_grungeregular", "Arial", Helvetica, sans-serif; }

/* line 53, ../sass/pieces/_footer.scss */
.red {
  background: rgba(138, 7, 7, 0.5); }

/* line 57, ../sass/pieces/_footer.scss */
.voted strong {
  font: bold 1.5em/1 "Nexa W01 Bold", "Arial", Helvetica, sans-serif;
  text-transform: uppercase; }

/* line 62, ../sass/pieces/_footer.scss */
.left, .middle, .right {
  border-bottom: 3px solid #000000;
  margin: 0 0 3px;
  padding: 20px 0;
  text-align: center; }

/* line 69, ../sass/pieces/_footer.scss */
.middle strong {
  display: block;
  font: 3.1875em/0.75 "bad_grungeregular", "Arial", Helvetica, sans-serif;
  margin: 6px 0 0; }

/* line 75, ../sass/pieces/_footer.scss */
.right {
  border-bottom: none; }
  /* line 78, ../sass/pieces/_footer.scss */
  .right img {
    margin: 0 auto; }

/* line 89, ../sass/pieces/_footer.scss */
.back-to-top {
  background: rgba(138, 7, 7, 0.5);
  color: inherit;
  display: block;
  padding: 25px; }

/* line 96, ../sass/pieces/_footer.scss */
nav.social ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  /* line 101, ../sass/pieces/_footer.scss */
  nav.social ul li {
    border-bottom: none; }
    /* line 103, ../sass/pieces/_footer.scss */
    nav.social ul li a {
      padding: 0 5px;
      text-decoration: none; }
      /* line 106, ../sass/pieces/_footer.scss */
      nav.social ul li a::before {
        font-size: 0.8em; }

/*-------------------------------------*
 * Tablet
 *-------------------------------------*/
@media screen and (min-width: 48em) {
  /* line 128, ../sass/pieces/_footer.scss */
  #footer-main {
    background-image: url(/img/back-footer2.png);
    background-size: auto;
    font-size: 1.25em;
    padding-top: 18.5%; }
    /* line 134, ../sass/pieces/_footer.scss */
    #footer-main p {
      font-size: 0.7em;
      padding: 0 5%;
      width: 50%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      /* line 140, ../sass/pieces/_footer.scss */
      #footer-main p:nth-child(odd) {
        float: left;
        text-align: left; }
      /* line 144, ../sass/pieces/_footer.scss */
      #footer-main p:nth-child(even) {
        float: right;
        text-align: right; }

  /* line 151, ../sass/pieces/_footer.scss */
  .size1of3 {
    width: 30.333%; }

  /* line 154, ../sass/pieces/_footer.scss */
  .buzz {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 10px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6); }
    /* line 160, ../sass/pieces/_footer.scss */
    .buzz strong {
      text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); }

  /* line 164, ../sass/pieces/_footer.scss */
  .descend {
    border: none;
    text-align: left; }
    /* line 168, ../sass/pieces/_footer.scss */
    .descend strong {
      font-size: 2.85em; }

  /* line 172, ../sass/pieces/_footer.scss */
  .voted {
    text-align: right; }
    /* line 175, ../sass/pieces/_footer.scss */
    .voted strong {
      font-size: 1.4em; }

  /* line 179, ../sass/pieces/_footer.scss */
  .left, .middle, .right {
    border-bottom: none;
    float: left;
    margin: 0;
    min-height: 88px;
    padding: 5px 0;
    position: relative; }

  /* line 187, ../sass/pieces/_footer.scss */
  .left {
    border-right: 1px solid #000000; }

  /* line 190, ../sass/pieces/_footer.scss */
  .right {
    border-left: 1px solid #000000; }

  /* line 193, ../sass/pieces/_footer.scss */
  .left, .right {
    width: 23.5%; }

  /* line 196, ../sass/pieces/_footer.scss */
  .left, .middle {
    margin-right: 1%; }

  /* line 199, ../sass/pieces/_footer.scss */
  .middle {
    width: 49%; }

  /* line 209, ../sass/pieces/_footer.scss */
  .right img {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

  /* line 216, ../sass/pieces/_footer.scss */
  .back-to-top {
    display: none; } }
/*--------------------------------------------*
 * Desktop
 *--------------------------------------------*/
@media screen and (min-width: 56.25em) {
  /* line 226, ../sass/pieces/_footer.scss */
  .descend {
    text-align: left; }

  /* line 229, ../sass/pieces/_footer.scss */
  .voted {
    text-align: right; } }
/*-------------------------------------*
 * Widescreen
 *-------------------------------------*/
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/* line 4, ../sass/pieces/_header.scss */
.urgent-news {
  width: 100%;
  background: #8A0707;
  color: #FFFFFF;
  position: fixed;
  bottom: 0;
  z-index: 9999; }
  /* line 12, ../sass/pieces/_header.scss */
  .urgent-news .text {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px; }

/* line 19, ../sass/pieces/_header.scss */
#header-main {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999; }

/* line 30, ../sass/pieces/_header.scss */
.control {
  color: #FFFFFF;
  display: block;
  float: right;
  font: 2.25em/131px "bad_grungeregular", "Arial", Helvetica, sans-serif;
  height: 131px;
  margin: 15px 0 0;
  position: relative;
  right: -45px;
  width: 183px;
  z-index: 999; }
  /* line 42, ../sass/pieces/_header.scss */
  .control:before {
    background: url("/img/spatter1.svg") no-repeat;
    background-size: contain;
    content: ' ';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }
  /* line 54, ../sass/pieces/_header.scss */
  .control span {
    left: 32px;
    position: relative;
    z-index: 1; }

/* line 60, ../sass/pieces/_header.scss */
.logo-header {
  background: url("/img/logo.png") no-repeat;
  background-size: contain;
  height: 84px;
  margin: 30px 0 0 25px;
  text-indent: -999em;
  width: 150px; }
  /* line 68, ../sass/pieces/_header.scss */
  .logo-header a {
    display: block;
    height: 100%;
    width: 100%; }

/* line 74, ../sass/pieces/_header.scss */
.tickets {
  background: #8A0707;
  color: #FFFFFF !important;
  display: block;
  font: 2em/1 "bad_grungeregular", "Arial", Helvetica, sans-serif;
  padding: 10px 0 5px;
  text-align: center; }

/* line 82, ../sass/pieces/_header.scss */
.tickets.openingNight {
  background: #8a0707; }

/*-------------------------------------*
 * Tablet
 *-------------------------------------*/
@media screen and (min-width: 48em) {
  /* line 100, ../sass/pieces/_header.scss */
  .control {
    float: left;
    font-size: 4.375em;
    height: 194px;
    left: -100px;
    margin: 200px 0 0;
    right: auto;
    width: 271px; }
    /* line 109, ../sass/pieces/_header.scss */
    .control:before {
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }
    /* line 113, ../sass/pieces/_header.scss */
    .control span {
      left: 150px;
      top: 30px; }

  /* line 118, ../sass/pieces/_header.scss */
  .logo-header {
    height: 124px;
    margin: 25px;
    width: 222px; }

  /* line 123, ../sass/pieces/_header.scss */
  a.tickets {
    color: #FFFFFF; }

  /* line 124, ../sass/pieces/_header.scss */
  .tickets {
    background: url(/img/spatter2.svg) no-repeat;
    background-size: contain;
    float: right;
    font-size: 4.375em;
    height: 258px;
    color: #FFFFFF;
    line-height: 0.65;
    padding: 85px 55px 0 0;
    width: 188px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

  /* line 136, ../sass/pieces/_header.scss */
  .tickets.openingNight {
    background: url(/img/splatter3.png) no-repeat 70% 30%;
    background-size: 120%;
    position: absolute;
    right: 35px;
    top: 150px; } }
/*--------------------------------------------*
 * Desktop
 *--------------------------------------------*/
@media screen and (min-width: 64em) {
  /* line 154, ../sass/pieces/_header.scss */
  #header-main {
    padding-bottom: 140px; }

  /* line 158, ../sass/pieces/_header.scss */
  .control {
    height: 254px;
    left: -160px;
    margin: 0;
    top: 180px;
    width: 354px; }
    /* line 165, ../sass/pieces/_header.scss */
    .control span {
      left: 200px;
      top: 50px; }

  /* line 170, ../sass/pieces/_header.scss */
  .logo-header {
    height: 177px;
    width: 317px; }

  /* line 174, ../sass/pieces/_header.scss */
  .centered-logo {
    padding-bottom: 0; }
    /* line 177, ../sass/pieces/_header.scss */
    .centered-logo .control {
      top: 0; }
    /* line 180, ../sass/pieces/_header.scss */
    .centered-logo .logo-header {
      margin: 100px auto 0; } }
/*-------------------------------------*
 * Widescreen
 *-------------------------------------*/
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/* line 4, ../sass/pieces/_nav.scss */
#main-menu {
  background: #000000;
  font: 2.8125em/1 "bad_grungeregular", "Arial", Helvetica, sans-serif;
  height: 100%;
  left: -100%;
  max-width: 350px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 90%;
  z-index: 9999;
  -moz-box-shadow: 0 2px 13px 0 #000000;
  -webkit-box-shadow: 0 2px 13px 0 #000000;
  box-shadow: 0 2px 13px 0 #000000;
  -moz-transition: left 1s;
  -o-transition: left 1s;
  -webkit-transition: left 1s;
  transition: left 1s; }
  /* line 18, ../sass/pieces/_nav.scss */
  #main-menu ul {
    display: inline-block;
    background: black; }
  /* line 22, ../sass/pieces/_nav.scss */
  #main-menu.visible {
    left: 0;
    display: inline-block;
    width: 100%;
    z-index: 999999;
    max-height: 100%;
    overflow: visible; }
  /* line 33, ../sass/pieces/_nav.scss */
  #main-menu a:hover, #main-menu a:focus {
    background: rgba(138, 7, 7, 0.5); }

/* line 41, ../sass/pieces/_nav.scss */
a {
  display: block;
  padding: 20px 50px;
  color: #FFFFFF;
  -moz-transition: background-color 1s;
  -o-transition: background-color 1s;
  -webkit-transition: background-color 1s;
  transition: background-color 1s; }

/* line 49, ../sass/pieces/_nav.scss */
li {
  border-bottom: 1px solid rgba(138, 7, 7, 0.4); }

/* line 53, ../sass/pieces/_nav.scss */
.close a {
  background: #8A0707;
  color: #FFFFFF;
  font: 0.483em/1 "Nexa W01 Light", "Arial", Helvetica, sans-serif;
  padding: 10px 20px 5px; }

/* line 63, ../sass/pieces/_nav.scss */
nav.social {
  font-size: 3.125em; }
  /* line 66, ../sass/pieces/_nav.scss */
  nav.social li, nav.social a {
    display: inline-block; }

/*-- Sub Navigation -----------------------------*/
/* line 72, ../sass/pieces/_nav.scss */
.sidebar {
  display: none; }

/*-------------------------------------*
 * Tablet
 *-------------------------------------*/
/*--------------------------------------------*
 * Desktop
 *--------------------------------------------*/
@media screen and (min-width: 48em) and (max-width: 64em) {
  /* line 102, ../sass/pieces/_nav.scss */
  nav.social {
    font-size: 2.5em; } }
/*-------------------------------------*
 * Widescreen
 *-------------------------------------*/
@media screen and (max-width: 320px) {
  /* line 131, ../sass/pieces/_nav.scss */
  #main-menu {
    font-size: 1.5em; }
    /* line 134, ../sass/pieces/_nav.scss */
    #main-menu a {
      padding: 15px 50px; } }
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/*-------------------------------------*
 * Tablet
 *-------------------------------------*/
/*--------------------------------------------*
 * Desktop
 *--------------------------------------------*/
/*-------------------------------------*
 * Widescreen
 *-------------------------------------*/
/*-------------------------------------*
 * Mobile
 *-------------------------------------*/
/*-------------------------------------*
 * Tablet
 *-------------------------------------*/
/*--------------------------------------------*
 * Desktop
 *--------------------------------------------*/
/*-------------------------------------*
 * Widescreen
 *-------------------------------------*/
/* line 1, ../sass/pieces/_story.scss */
.characters {
  perspective: 1000;
  overflow: hidden;
  *zoom: 1; }
  /* line 5, ../sass/pieces/_story.scss */
  .characters li {
    cursor: pointer;
    height: 468px;
    margin: 0 auto;
    position: relative;
    width: 468px; }
    /* line 12, ../sass/pieces/_story.scss */
    .characters li .front, .characters li .back, .characters li .flipper {
      left: 0;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%; }
    /* line 19, ../sass/pieces/_story.scss */
    .characters li .front {
      z-index: 1;
      position: relative; }
      /* line 23, ../sass/pieces/_story.scss */
      .characters li .front img {
        width: 100%; }
      /* line 26, ../sass/pieces/_story.scss */
      .characters li .front .spatter {
        background: url(/img/spatter2.svg) no-repeat left center;
        width: 200px;
        height: 100px;
        display: block;
        position: absolute;
        left: 20px;
        bottom: 20px; }
      /* line 35, ../sass/pieces/_story.scss */
      .characters li .front .name {
        background-size: contain;
        bottom: 0.5em;
        left: 0.5em;
        line-height: 1em;
        position: absolute;
        text-align: left;
        text-indent: 0;
        z-index: 1;
        font-size: 3em; }
    /* line 47, ../sass/pieces/_story.scss */
    .characters li .back {
      background: #8A0707;
      color: #FFFFFF;
      padding: 0; }
      /* line 52, ../sass/pieces/_story.scss */
      .characters li .back .name {
        text-align: left;
        padding: 20px 20px 0;
        margin-top: 0; }
      /* line 57, ../sass/pieces/_story.scss */
      .characters li .back p {
        font-size: 14px;
        padding: 0 20px 20px; }

/* entire container, keeps perspective */
/* line 66, ../sass/pieces/_story.scss */
.flip-container {
  -moz-perspective: 1000;
  -webkit-perspective: 1000;
  perspective: 1000; }

/* flip the pane when hovered */
/* line 70, ../sass/pieces/_story.scss */
.flip-container:hover .flipper, .flip-container.hover .flipper {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  filter: FlipH;
  -ms-filter: "FlipH"; }

/* line 76, ../sass/pieces/_story.scss */
.flip-container, .front, .back {
  width: 320px;
  height: 480px; }

/* flip speed goes here */
/* line 82, ../sass/pieces/_story.scss */
.flipper {
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
/* line 90, ../sass/pieces/_story.scss */
.front, .back {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

/* front pane, placed above back */
/* line 100, ../sass/pieces/_story.scss */
.front {
  z-index: 2; }

/* back, initially hidden pane */
/* line 105, ../sass/pieces/_story.scss */
.back {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

@media screen and (min-width: 48em) {
  /* line 111, ../sass/pieces/_story.scss */
  .characters li {
    float: left;
    height: auto;
    margin: 0;
    padding-top: 50%;
    width: 50%; }
    /* line 118, ../sass/pieces/_story.scss */
    .characters li:nth-child(2n+1) {
      clear: both; }
    /* line 122, ../sass/pieces/_story.scss */
    .characters li .back p {
      font-size: 1em; } }
@media screen and (min-width: 70em) {
  /* line 130, ../sass/pieces/_story.scss */
  .characters li {
    float: left;
    margin: 0;
    padding-top: 33.333%;
    width: 33.333%; }
    /* line 136, ../sass/pieces/_story.scss */
    .characters li:nth-child(2n+1) {
      clear: none; }
    /* line 139, ../sass/pieces/_story.scss */
    .characters li:nth-child(3n+1) {
      clear: none; } }
@media screen and (max-width: 468px) {
  /* line 146, ../sass/pieces/_story.scss */
  .characters li {
    width: 320px;
    height: 320px; } }
/* h1 style */
/* line 3, ../sass/pieces/_subpage.scss */
.content-main.subpage h1 {
  line-height: 85%; }

/* line 6, ../sass/pieces/_subpage.scss */
.open-section {
  padding-top: 70px; }

/* line 9, ../sass/pieces/_subpage.scss */
.open-info.open-img {
  display: none; }

@media screen and (min-width: 48em) {
  /* Opening Premiere Styles*/
  /* line 18, ../sass/pieces/_subpage.scss */
  .content-main.subpage.first.open-section {
    padding-top: 390px; }

  /* line 22, ../sass/pieces/_subpage.scss */
  .open-info {
    width: 50%;
    display: inline-block;
    float: left;
    margin-top: 30px; }
    /* line 28, ../sass/pieces/_subpage.scss */
    .open-info h3 {
      margin-top: 0px; }
    /* line 32, ../sass/pieces/_subpage.scss */
    .open-info .btn-width-33-left a {
      width: 60%; }
    /* line 36, ../sass/pieces/_subpage.scss */
    .open-info h3.open-details {
      margin-top: 25px; }

  /* line 41, ../sass/pieces/_subpage.scss */
  .open-info.open-img {
    float: right;
    width: 44%;
    display: inline-block; } }
/* line 1, ../sass/pieces/_homepage.scss */
.content-main.index {
  margin-top: 95px; }

/* line 4, ../sass/pieces/_homepage.scss */
.video-wrapper {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }

/* line 12, ../sass/pieces/_homepage.scss */
.bg-video-inner, .video-wrapper iframe {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; }

/* line 21, ../sass/pieces/_homepage.scss */
.bg-video-inner {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

/* line 28, ../sass/pieces/_homepage.scss */
.bg-video-inner iframe {
  margin-top: -50px;
  width: 100vw;
  height: calc(100vw/1.77777778);
  margin-bottom: -50px;
  min-height: 100vh; }

/* line 36, ../sass/pieces/_homepage.scss */
.bg-video {
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  transform: skew(0deg);
  margin-top: -15px;
  max-height: 100vh;
  overflow: hidden; }

/* line 46, ../sass/pieces/_homepage.scss */
.bg-video-mobile {
  z-index: 1;
  width: 100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: none; }

@media screen and (min-width: 48em) {
  /* line 58, ../sass/pieces/_homepage.scss */
  .bg-video {
    margin-top: -75px; }

  /* line 61, ../sass/pieces/_homepage.scss */
  .content-main.index {
    margin-top: 0; } }
@media screen and (min-width: 56.25em) {
  /* line 66, ../sass/pieces/_homepage.scss */
  .video-wrapper {
    display: block; }

  /* line 69, ../sass/pieces/_homepage.scss */
  .bg-video-mobile {
    display: none; } }

    .bg-video-inner {
      overflow: hidden;
    }

.xe-video-blank-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 123;
}