/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, sub, sup, 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 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

section.home .name, section.tour .name, nav .nav-toggle .nav-help .nav-help-text, nav li, .current-page li, section.home .news-preview .preview-title, a.contributor .contrib-name, a.contributor .contrib-date, section.takeover-schedule .main .contributor-info .active-name, .tour-preview .ticker li, .banner-wrapper .banner .title {
  font-family: 'Armata', Arial, Helvetica, sans-serif;
  text-transform: uppercase; }

section.home .title, section.tour .title, section.home p, section.tour p, section.home .read-more, section.tour .read-more, nav li .number, .current-page li .number, section, .btn, .email .subscribe, section.home .news-preview .read a, section.home .news-preview .preview-date, section.home .takeover-preview .title, section.takeover-schedule .main .contributor-info .active-date, section.takeover-schedule .main .contributor-info .active-connection, section.takeover-schedule .main .contributor-info .active-location, section.takeover-schedule .main .contributor-list .title, section.takeover-schedule .main .contributor-list .subtitle, section.takeover-schedule .apply .title, section.takeover-schedule .apply .description, .more-news .section-title, section.media-gallery .control li, section.tour .ticket-info, section.tour .ticket-info .tickets a, section.tour .event, section.tour .event .purchase a, .facebook-entry, .facebook-entry .detail, .facebook-entry form p .submit, .legal .close, footer section.footer, footer .credits, .hublot-partner p, .hublot-partner p .button {
  font-family: 'Open Sans', Cambria, Cochin, Georgia, Times, Times New Roman, serif; }

section.home .read-more, section.tour .read-more, .btn, .email .subscribe, section.home .news-preview .read a, section.tour .ticket-info .tickets a, section.tour .event .purchase a, .legal .close, .hublot-partner p .button {
  border-radius: 2px; }

section.home, section.tour {
  position: relative;
  padding: 22px 0;
  margin: 22px 0;
  width: 100%;
  display: block; }
  section.home .preview, section.tour .preview {
    width: 100%;
    display: block; }
    section.home .preview .img-wrap, section.tour .preview .img-wrap {
      position: relative;
      overflow: hidden; }
    section.home .preview img, section.tour .preview img {
      display: block;
      width: 100%; }
  section.home .name, section.tour .name {
    color: #B9B9B9;
    font-size: 28px;
    letter-spacing: 6px;
    position: absolute;
    z-index: 10;
    top: 25%;
    left: -18%;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg); }
  section.home .title, section.tour .title {
    color: #000000;
    font-size: 24px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    margin: 11px auto;
    width: 90%;
    line-height: 1.3; }
  section.home p, section.tour p {
    color: #000000;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.3;
    width: 70%;
    margin: 11px auto;
    text-align: center; }
  section.home .read-more, section.tour .read-more {
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 7px;
    cursor: pointer;
    background: #B01B1B;
    width: 33%;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 17.6px 0;
    margin: 22px auto;
    text-align: center;
    transition: all 0.2s ease; }
    section.home .read-more:hover, section.tour .read-more:hover {
      background: #841414;
      color: #FFFFFF;
      transition: all 0.2s ease; }

* {
  box-sizing: border-box; }

.mobile-only {
  display: none; }

.wrapper {
  max-width: 1600px; }

header {
  width: 100%;
  background: #FFFFFF; }
  header img {
    display: block;
    width: 50%;
    max-width: 50%;
    margin: auto;
    padding: 11px 0; }

nav {
  position: fixed;
  z-index: 999;
  top: 10%;
  right: 0; }
  nav .nav-toggle {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 10000;
    box-shadow: 0px 0px 3px #B9B9B9;
    padding: 11px 0;
    transition: all 0.3s ease-out; }
    nav .nav-toggle.hidden .nav-help-text:after {
      content: "Menu" !important; }
    nav .nav-toggle.hidden .nav-help img {
      transform: rotate(0deg);
      transition: all 0.3s ease-in; }
    nav .nav-toggle .nav-status {
      pointer-events: none;
      width: 70%;
      float: right;
      right: 0; }
      nav .nav-toggle .nav-status li.active {
        width: 100%;
        margin: 0 0 0 0 !important;
        padding-right: 68.2px; }
        nav .nav-toggle .nav-status li.active a {
          font-size: 20pt !important; }
        nav .nav-toggle .nav-status li.active:after {
          width: 66px;
          right: 0 !important; }
    nav .nav-toggle .nav-help {
      display: block;
      width: 20%; }
      nav .nav-toggle .nav-help img {
        width: 40%;
        display: block;
        margin: auto;
        transform: rotate(180deg);
        transition: all 0.4s ease-out; }
      nav .nav-toggle .nav-help .nav-help-text {
        color: transparent;
        font-size: 12px;
        letter-spacing: 2px;
        text-align: center;
        margin-top: 5.5px;
        position: relative; }
        nav .nav-toggle .nav-help .nav-help-text:after {
          position: absolute;
          left: 0;
          right: 0;
          content: "Close";
          color: #8E8E8E; }

img {
  max-width: 100%; }

nav li, .current-page li {
  color: #8E8E8E;
  font-size: 14pt;
  letter-spacing: 4px;
  display: block;
  position: relative;
  text-align: left;
  padding: 11px;
  width: 220px;
  margin: 11px 0 11px 0; }
  nav li a, .current-page li a {
    color: #4d4d4d;
    text-decoration: none;
    transition: all 0.2s ease-out;
    position: relative;
    z-index: 100000; }
  nav li.active a, .current-page li.active a {
    font-size: 22pt;
    color: #000000;
    transition: all 0.2s ease;
    left: -22px; }
  nav li.takeover.active a, .current-page li.takeover.active a {
    font-size: 30px; }
  nav li .line, .current-page li .line {
    width: 60%;
    border-top: solid 3px #FFFFFF;
    transition: all 0.5s ease-out; }
  nav li.active .line, .current-page li.active .line {
    width: 120%;
    position: absolute;
    top: 46%;
    left: -44px;
    border-top: solid 3px #B01B1B;
    z-index: 9999;
    transition: all 0.5s ease-out; }
  nav li .title, .current-page li .title {
    position: relative; }
  nav li .number, .current-page li .number {
    color: #000000;
    font-size: 10px;
    letter-spacing: 1px;
    color: #000000;
    padding-bottom: 3.66667px;
    position: absolute;
    z-index: 10000;
    top: 0;
    left: -22px;
    text-align: left;
    width: 88px;
    display: block;
    border-bottom: solid 0px transparent;
    border-bottom-width: 0px;
    transition: all 0.4s ease; }

.btn {
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 7px;
  cursor: pointer;
  background: #B01B1B;
  width: 33%;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  padding: 17.6px 0;
  margin: 22px auto;
  text-align: center;
  transition: all 0.2s ease;
  padding-top: 22px;
  padding-bottom: 22px; }
  .btn:hover {
    background: #841414;
    color: #FFFFFF;
    transition: all 0.2s ease; }

.container {
  max-width: 100%;
  min-width: 885px;
  padding: 0 0 0 88px;
  width: 75%;
  float: left;
  margin: auto; }

.content {
  margin-top: 0; }

.email {
  margin: 176px auto 0 auto;
  width: 100%;
  background: #ececec;
  position: relative;
  padding: 22px 0;
  background: url("../img/grain.png") repeat; }
  .email .title {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    top: -26.4px; }
    .email .title:before {
      content: "/////  "; }
  .email .subscribe {
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 7px;
    cursor: pointer;
    background: #B01B1B;
    width: 33%;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 17.6px 0;
    margin: 22px auto;
    text-align: center;
    transition: all 0.2s ease;
    background-color: #B01B1B;
    font-size: 12px;
    letter-spacing: 4px; }
    .email .subscribe:hover {
      background: #841414;
      color: #FFFFFF;
      transition: all 0.2s ease; }

section.home {
  width: 100%;
  margin: auto; }
  section.home .preview-header {
    overflow: hidden; }
  section.home .preview {
    display: inline-block;
    width: 50%; }
  section.home .news-preview {
    float: right;
    position: relative;
    top: 44px; }
    section.home .news-preview .control {
      margin: 44px 0; }
    section.home .news-preview .page {
      width: 15%;
      display: inline-block;
      float: right;
      cursor: pointer;
      position: relative;
      top: 11px; }
      section.home .news-preview .page .next .button-color, section.home .news-preview .page .prev .button-color {
        fill: #000000; }
      section.home .news-preview .page .next:hover .button-color, section.home .news-preview .page .prev:hover .button-color {
        fill: #B01B1B; }
      section.home .news-preview .page .next {
        float: right; }
    section.home .news-preview .read {
      display: inline-block;
      width: 70%; }
      section.home .news-preview .read a {
        color: #FFFFFF;
        font-size: 16px;
        letter-spacing: 7px;
        cursor: pointer;
        background: #B01B1B;
        width: 33%;
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        padding: 17.6px 0;
        margin: 22px auto;
        text-align: center;
        transition: all 0.2s ease;
        margin: 0;
        width: 100%;
        background-color: #B01B1B;
        text-decoration: none !important;
        font-size: 11px;
        letter-spacing: 3px;
        color: #FFFFFF; }
        section.home .news-preview .read a:hover {
          background: #841414;
          color: #FFFFFF;
          transition: all 0.2s ease; }
    section.home .news-preview .preview-date {
      position: absolute;
      transform-origin: 0;
      transform: rotate(-90deg);
      left: 44px;
      top: 143px;
      color: #000000;
      font-size: 12px;
      letter-spacing: 4px;
      text-transform: uppercase; }
    section.home .news-preview .preview-title {
      color: #B01B1B;
      font-size: 14px;
      letter-spacing: 30px; }
  section.home .news-carousel {
    width: 85%;
    float: right;
    padding-top: 44px; }
  section.home .news-item .youtube-embed {
    min-height: 200px; }
  section.home .news-item .title {
    color: #5b5b5b;
    font-size: 16px;
    text-align: left;
    letter-spacing: 3px;
    line-height: 1.4;
    padding: 0;
    margin: 11px 0; }
  section.home .news-item .caption {
    color: #8E8E8E;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.2; }
  section.home .news-item .excerpt {
    text-align: left;
    color: #000000;
    font-size: 12px;
    width: 100%;
    line-height: 1.3; }
  section.home .takeover-preview {
    margin: 176px 0;
    display: inline-block; }
    section.home .takeover-preview a.contributor {
      margin: 44px 0; }
    section.home .takeover-preview .decoration {
      width: 30%;
      display: inline-block; }
    section.home .takeover-preview .upcoming {
      float: right;
      display: inline-block;
      width: 60%; }
      section.home .takeover-preview .upcoming p {
        width: 100%;
        text-align: left;
        margin: 22px 0; }
    section.home .takeover-preview .title {
      color: #B01B1B;
      font-size: 14px;
      letter-spacing: 30px;
      text-transform: uppercase;
      text-align: left;
      margin: 0 0 22px 0; }
    section.home .takeover-preview a.schedule {
      width: 60%;
      float: right;
      font-size: 12px;
      margin: 88px 0;
      letter-spacing: 4px; }
  section.home .tour-preview {
    width: 100%;
    position: relative; }
    section.home .tour-preview .title {
      color: #B01B1B;
      font-size: 14px;
      letter-spacing: 30px;
      text-align: center; }
    section.home .tour-preview .moving-imgs {
      width: 40%;
      float: right;
      display: inline-block;
      position: absolute;
      bottom: -20%;
      right: 0; }
  section.home .tour-stop {
    width: 70%; }
  section.home .media-interactive {
    overflow: visible; }
    section.home .media-interactive a {
      max-width: 80%;
      display: block;
      margin: auto; }
    section.home .media-interactive:first-child {
      margin: auto; }
    section.home .media-interactive span.moving-imgs {
      display: block;
      overflow: visible; }
      section.home .media-interactive span.moving-imgs a:last-child {
        margin: 0; }

a.contributor {
  float: right;
  text-decoration: none !important;
  position: relative;
  width: 100%;
  margin: 44px 0; }
  a.contributor .dec-line {
    min-width: 350px; }
    a.contributor .dec-line img, a.contributor .dec-line span {
      position: absolute; }
    a.contributor .dec-line .dot {
      left: 20%;
      top: 9px;
      z-index: 100;
      background: #FFFFFF; }
    a.contributor .dec-line .line {
      background: #B01B1B;
      height: 1px;
      width: 80%;
      top: 13px;
      right: 0; }
    a.contributor .dec-line .base {
      right: -2px;
      top: 7px;
      width: 3px; }
  a.contributor .contrib-name, a.contributor .contrib-date {
    color: #000000;
    font-size: 26px;
    letter-spacing: 16px; }
  a.contributor .contrib-name {
    text-align: right;
    max-width: 300px;
    float: right; }
  a.contributor .contrib-date {
    float: left;
    text-align: left;
    letter-spacing: 3px; }

section.takeover-schedule {
  overflow: visible; }
  section.takeover-schedule .header {
    text-align: center;
    width: 100%;
    margin: 44px auto 88px auto;
    text-transform: uppercase; }
    section.takeover-schedule .header .title {
      font-size: 40px;
      font-weight: 300;
      letter-spacing: 8px;
      line-height: 1.6; }
    section.takeover-schedule .header .subtitle {
      font-size: 18px;
      letter-spacing: 3px; }
  section.takeover-schedule .main .depeche-facebook {
    width: 100%;
    margin: 66px auto 0 auto;
    text-align: center; }
  section.takeover-schedule .main a.contributor.selected {
    position: relative; }
    section.takeover-schedule .main a.contributor.selected:before {
      content: url("../img/icon-triangle.svg");
      width: 15px;
      height: 15px;
      position: absolute;
      top: 0;
      left: -44px; }
  section.takeover-schedule .main .contributor-info {
    width: 45%;
    border: solid 1px #000000;
    padding: 11px;
    padding: 22px;
    display: inline-block; }
    section.takeover-schedule .main .contributor-info .active-date {
      color: #B01B1B;
      font-size: 14px;
      letter-spacing: 22px;
      text-transform: uppercase;
      margin: 44px 0 22px 0;
      text-align: center; }
    section.takeover-schedule .main .contributor-info .active-name {
      color: #000000;
      font-size: 28px;
      letter-spacing: 13px;
      line-height: 1.4;
      width: 80%;
      margin: 22px auto 0 auto;
      text-align: center; }
    section.takeover-schedule .main .contributor-info .active-connection {
      color: #8E8E8E;
      font-size: 12px;
      letter-spacing: 1px;
      line-height: 1.2;
      text-align: center; }
    section.takeover-schedule .main .contributor-info .active-photo {
      margin-top: 44px;
      position: relative;
      background: url("../img/grain.png") repeat; }
      section.takeover-schedule .main .contributor-info .active-photo img {
        position: relative;
        display: block;
        z-index: 2;
        margin: 22px auto;
        width: 50%; }
      section.takeover-schedule .main .contributor-info .active-photo:before, section.takeover-schedule .main .contributor-info .active-photo:after {
        z-index: 1;
        content: '';
        height: 22px;
        background: #FFFFFF;
        position: absolute;
        right: 0;
        left: 0;
        width: 100%; }
      section.takeover-schedule .main .contributor-info .active-photo:before {
        top: 0; }
      section.takeover-schedule .main .contributor-info .active-photo:after {
        bottom: 0; }
    section.takeover-schedule .main .contributor-info .active-bio {
      line-height: 1.4;
      padding: 22px; }
    section.takeover-schedule .main .contributor-info .active-links {
      text-align: center; }
      section.takeover-schedule .main .contributor-info .active-links li {
        display: inline-block;
        margin: 0 11px; }
    section.takeover-schedule .main .contributor-info .active-location {
      color: #000000;
      font-size: 14px;
      letter-spacing: 3px;
      text-transform: uppercase;
      text-align: center;
      padding: 44px 0;
      border-bottom: solid 1px #B9B9B9; }
  section.takeover-schedule .main .contributor-list {
    width: 50%;
    padding: 22px;
    float: right;
    display: inline-block; }
    section.takeover-schedule .main .contributor-list .info {
      padding: 44px;
      border-left: solid 1px #B01B1B; }
      section.takeover-schedule .main .contributor-list .info p {
        margin: 22px 0;
        line-height: 1.4; }
    section.takeover-schedule .main .contributor-list .title, section.takeover-schedule .main .contributor-list .subtitle {
      color: #000000;
      font-size: 12px;
      letter-spacing: 24px;
      text-align: center;
      text-transform: uppercase;
      margin: 22px 0; }
    section.takeover-schedule .main .contributor-list .subtitle {
      color: #8E8E8E; }
    section.takeover-schedule .main .contributor-list .contrib-date, section.takeover-schedule .main .contributor-list .contrib-name {
      font-size: 20px;
      letter-spacing: 4px; }
    section.takeover-schedule .main .contributor-list .contrib-name {
      width: 40%; }
    section.takeover-schedule .main .contributor-list .dec-line {
      min-width: 250px; }
      section.takeover-schedule .main .contributor-list .dec-line img, section.takeover-schedule .main .contributor-list .dec-line span {
        position: absolute; }
      section.takeover-schedule .main .contributor-list .dec-line .dot {
        left: 20%;
        top: 6px;
        z-index: 100;
        background: #FFFFFF; }
      section.takeover-schedule .main .contributor-list .dec-line .line {
        background: #B01B1B;
        height: 1px;
        width: 80%;
        top: 10px;
        right: 0; }
      section.takeover-schedule .main .contributor-list .dec-line .base {
        right: -2px;
        top: 4px;
        width: 3px; }
  section.takeover-schedule .apply {
    position: relative;
    margin: 88px 0; }
    section.takeover-schedule .apply:before {
      position: absolute;
      right: 0;
      left: 0;
      content: '';
      background: url("../img/grain.png") repeat;
      width: 120%;
      height: 132px;
      top: 22px;
      left: -20%;
      z-index: -1; }
    section.takeover-schedule .apply .title {
      color: #000000;
      font-size: 40px;
      letter-spacing: 10px;
      text-transform: uppercase;
      width: 80%;
      text-align: left;
      line-height: 1.4; }
    section.takeover-schedule .apply .description {
      color: #000000;
      font-size: 16px;
      letter-spacing: 1px;
      line-height: 1.4;
      width: 70%;
      text-align: left;
      margin: 22px 0; }
    section.takeover-schedule .apply a.btn {
      font-size: 12px;
      letter-spacing: 4px;
      margin: 44px 0; }

.tour-preview {
  margin: 88px 0;
  width: 70%;
  text-align: center;
  text-transform: uppercase; }
  .tour-preview .title {
    font-size: 14px;
    color: #B01B1B;
    letter-spacing: 30px; }
  .tour-preview .ticker ul {
    width: 100%; }
  .tour-preview .ticker li {
    color: #000000;
    font-size: 24px;
    letter-spacing: 13px;
    display: inline-block;
    width: 10%;
    text-align: center; }
    .tour-preview .ticker li.sep {
      width: 7%; }
  .tour-preview .location {
    margin: 22px auto;
    font-size: 12px;
    letter-spacing: 4px; }
  .tour-preview .btn {
    width: 50%;
    font-size: 11px;
    letter-spacing: 3px; }
  .tour-preview .tour-partners {
    margin: 44px auto 0 auto;
    font-size: 12px;
    letter-spacing: 4px;
    background: url("../img/grain.png") repeat;
    padding: 22px 0; }
    .tour-preview .tour-partners ul {
      text-align: center; }
    .tour-preview .tour-partners ul li {
      width: 12%;
      text-align: center;
      display: inline-block;
      margin: 22px; }
      .tour-preview .tour-partners ul li:first-child {
        width: 9%; }

section.news .header-photo {
  margin: 0 0 22px 0;
  width: 100%; }
section.news .social-share {
  float: right; }
  section.news .social-share a {
    margin-left: 22px; }
section.news .preview-date {
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 4px; }
section.news .title {
  font-size: 28px;
  line-height: 1.6;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #000000;
  margin: 22px 0; }
section.news .email .title {
  text-align: center;
  top: -44px;
  font-size: 24px; }
section.news .caption {
  color: #8E8E8E;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.4; }
section.news .full-content {
  font-size: 16px; }
  section.news .full-content p {
    margin: 22px 0;
    line-height: 1.4; }
  section.news .full-content a {
    text-decoration: none;
    color: #B01B1B; }
    section.news .full-content a:visited {
      text-decoration: none;
      color: #841414; }

.more-news {
  margin: 88px 0;
  padding: 44px 0;
  overflow: visible;
  position: relative; }
  .more-news:before {
    position: absolute;
    content: '';
    background: url("../img/grain.png") repeat;
    width: 120%;
    left: -20%;
    height: 50%;
    top: -5.5px;
    z-index: -1; }
  .more-news .section-title {
    transform: rotate(270deg);
    position: absolute;
    top: 60%;
    left: -44px;
    color: #000000;
    font-size: 14px;
    letter-spacing: 20px;
    text-transform: uppercase;
    transform-origin: 0; }
  .more-news .news-item {
    overflow: visible;
    height: 150px;
    text-align: left !important; }
    .more-news .news-item img {
      display: none; }
    .more-news .news-item .title {
      font-size: 14px;
      letter-spacing: 3px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .more-news .news-item .caption, .more-news .news-item .excerpt {
      font-size: 12px;
      color: #8E8E8E;
      line-height: 1.4; }
    .more-news .news-item .excerpt {
      margin-top: 22px; }
  .more-news a.btn {
    position: relative;
    padding: 11px 0;
    bottom: -48.4px; }
  .more-news ul {
    overflow: visible;
    vertical-align: top;
    text-align: center; }
  .more-news li {
    border: solid 1px #8E8E8E;
    width: 30%;
    display: inline-block;
    padding: 11px;
    margin: 11px; }
    .more-news li:first-child {
      margin-left: 0;
      float: left; }
    .more-news li:last-child {
      margin-right: 0;
      float: right; }
  .more-news a {
    width: 70%;
    font-size: 12px;
    letter-spacing: 4px; }

section.media-gallery .media-view {
  position: fixed;
  z-index: 1000;
  width: 100%;
  right: 0;
  left: 0;
  top: 10%;
  background: #FFFFFF;
  box-shadow: 0 0 10px #8E8E8E; }
  section.media-gallery .media-view .box {
    position: relative;
    z-index: 100000000; }
  section.media-gallery .media-view:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 100; }
  section.media-gallery .media-view .full {
    width: 75%;
    display: inline-block;
    min-height: 300px;
    position: relative;
    z-index: 100000000;
    background: url("../img/grain.png") repeat; }
  section.media-gallery .media-view .embed {
    margin: auto;
    display: block;
    width: 100%;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
    position: relative; }
    section.media-gallery .media-view .embed .youtube-embed {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0; }
    section.media-gallery .media-view .embed .img-embed {
      top: 0;
      width: 100%;
      max-width: 1080px;
      margin: auto;
      text-align: center;
      display: block; }
  section.media-gallery .media-view .info {
    position: absolute;
    z-index: 10000;
    width: 25%;
    float: right;
    padding: 44px 22px;
    top: 0;
    right: 0;
    left: 75%;
    bottom: 0;
    border: solid 1px #ececec;
    border-right: none;
    text-transform: uppercase; }
    section.media-gallery .media-view .info .full-date {
      font-size: 12px;
      letter-spacing: 4px; }
    section.media-gallery .media-view .info .full-description {
      font-size: 20px;
      letter-spacing: 5px;
      line-height: 1.4;
      color: #8E8E8E;
      margin: 44px 0; }
    section.media-gallery .media-view .info .full-credit {
      letter-spacing: 2px;
      font-size: 16px;
      line-height: 1.4; }
      section.media-gallery .media-view .info .full-credit span {
        color: #8E8E8E; }
  section.media-gallery .media-view .close {
    position: absolute;
    z-index: 100000;
    top: -22px;
    right: 22px; }
  section.media-gallery .media-view .page {
    width: 66px;
    display: inline-block;
    float: right;
    cursor: pointer;
    position: absolute;
    z-index: 100000;
    bottom: 22px;
    right: 22px; }
    section.media-gallery .media-view .page .next .button-color, section.media-gallery .media-view .page .prev .button-color {
      fill: #000000; }
    section.media-gallery .media-view .page .next:hover .button-color, section.media-gallery .media-view .page .prev:hover .button-color {
      fill: #B01B1B; }
    section.media-gallery .media-view .page .next {
      float: right; }
section.media-gallery .control {
  text-align: center;
  margin: 22px 0 44px 0; }
  section.media-gallery .control li {
    display: inline-block;
    margin: 22px 33px;
    color: #000000;
    font-size: 16px;
    letter-spacing: 4px;
    text-transform: uppercase; }
    section.media-gallery .control li a {
      text-decoration: none;
      color: #000000; }
    section.media-gallery .control li.active a {
      color: #B01B1B; }
    section.media-gallery .control li:nth-child(2) {
      border-left: solid 1px #8E8E8E;
      border-right: solid 1px #8E8E8E;
      margin: 22px 0;
      padding: 0 33px; }
section.media-gallery .media-grid a {
  border: solid 11px #FFFFFF;
  display: inline-block;
  width: 20%;
  overflow: hidden;
  position: relative; }
  section.media-gallery .media-grid a:after {
    content: '';
    display: block;
    padding-bottom: 100%; }
  section.media-gallery .media-grid a img {
    position: absolute;
    width: 150%;
    margin: auto;
    left: -25%;
    display: block;
    transform: scale(2.5);
    transform-origin: 50%;
    transition: all 1.5s ease; }
    section.media-gallery .media-grid a img:hover {
      transform: scale(2.25);
      margin: auto;
      transition: all 1.5s ease; }
  section.media-gallery .media-grid a.media-video:before {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 11px;
    right: 11px;
    padding: 5.5px;
    border-radius: 50%;
    display: block;
    z-index: 10;
    transform: rotate(180deg);
    background-image: url("../img/icon-triangle.svg");
    background-repeat: no-repeat;
    background-position: 9px;
    background-color: #000000;
    opacity: 0.7; }

section.tour {
  padding-top: 0;
  margin-top: 0; }
  section.tour .tour-preview {
    margin: 0 auto 44px auto;
    float: none; }
    section.tour .tour-preview .title {
      font-size: 14px;
      letter-spacing: 30px;
      color: #B01B1B; }
    section.tour .tour-preview .location {
      font-size: 20px; }
    section.tour .tour-preview .tour-partners {
      padding: 0;
      background: none;
      color: #8E8E8E; }
      section.tour .tour-preview .tour-partners ul {
        width: 50%;
        margin: auto; }
    section.tour .tour-preview a.btn {
      display: none; }
  section.tour .locations {
    position: relative;
    width: 100%;
    overflow: hidden; }
  section.tour a {
    pointer-events: none; }
  section.tour .status-onsale a {
    pointer-events: auto !important; }
  section.tour .ticket-info {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    width: 33%;
    opacity: 1;
    background-image: url("../img/poster.jpg");
    background-position: 0 0;
    background-size: cover;
    transition: all 0.5s ease-out;
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase; }
    section.tour .ticket-info:hover {
      background-position: 50 0;
      transition: all 2s ease; }
    section.tour .ticket-info.hidden {
      left: -133%;
      transition: left 0.2s ease-in; }
    section.tour .ticket-info .close {
      position: absolute;
      top: 0;
      cursor: pointer;
      right: 11px;
      color: #8E8E8E;
      font-size: 42px; }
    section.tour .ticket-info .date, section.tour .ticket-info .venue {
      margin: 22px 11px; }
    section.tour .ticket-info .place {
      margin: 66px 11px 22px 11px;
      font-size: 26px;
      line-height: 1.4; }
    section.tour .ticket-info .tickets {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      background-size: cover; }
      section.tour .ticket-info .tickets.status-onsale {
        background: url("../img/paint-tour-red.png") no-repeat center center; }
      section.tour .ticket-info .tickets.status-soldout {
        background: url("../img/paint-tour-gray.png") no-repeat center center; }
      section.tour .ticket-info .tickets.status-tba {
        background: url("../img/paint-tour-black.png") no-repeat center center; }
      section.tour .ticket-info .tickets a {
        color: #FFFFFF;
        font-size: 12px;
        letter-spacing: 7px;
        cursor: pointer;
        background: #B01B1B;
        width: 33%;
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        padding: 17.6px 0;
        margin: 22px auto;
        text-align: center;
        transition: all 0.2s ease;
        letter-spacing: 3px;
        width: 60%;
        margin: 44px auto;
        color: #FFFFFF;
        background: transparent;
        position: relative;
        top: 11px;
        border: solid 2px #FFFFFF; }
        section.tour .ticket-info .tickets a:hover {
          background: #841414;
          color: #FFFFFF;
          transition: all 0.2s ease; }
        section.tour .ticket-info .tickets a:active {
          color: #FFFFFF;
          background: transparent; }
  section.tour #map {
    width: 100%;
    height: 400px;
    position: relative; }
  section.tour .event {
    color: #000000;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 11px 0 11px 22px;
    display: inline-table;
    width: 100%;
    border-bottom: solid 2px #ececec; }
    section.tour .event > * {
      vertical-align: middle; }
    section.tour .event .date {
      width: 25%;
      display: inline-block; }
    section.tour .event .place {
      width: 25%;
      display: inline-block; }
    section.tour .event .venue {
      width: 25%;
      display: inline-block; }
    section.tour .event .purchase {
      width: 25%;
      display: inline-block; }
      section.tour .event .purchase a {
        color: #FFFFFF;
        font-size: 16px;
        letter-spacing: 7px;
        cursor: pointer;
        background: #B01B1B;
        width: 33%;
        display: block;
        text-transform: uppercase;
        text-decoration: none;
        padding: 17.6px 0;
        margin: 22px auto;
        text-align: center;
        transition: all 0.2s ease;
        margin: 5.5px auto 11px auto;
        font-size: 12px;
        letter-spacing: 3px;
        display: block;
        width: 90%;
        transition: all 0.2s ease; }
        section.tour .event .purchase a:hover {
          background: #841414;
          color: #FFFFFF;
          transition: all 0.2s ease; }
        section.tour .event .purchase a:hover {
          transition: all 0.2s ease; }
      section.tour .event .purchase .note {
        font-size: 12px;
        width: 100%;
        display: block;
        text-align: center;
        letter-spacing: 1px; }
    section.tour .event.status-onsale a {
      background: #B01B1B; }
      section.tour .event.status-onsale a:hover {
        background: #841414; }
      section.tour .event.status-onsale a .note {
        color: #000000; }
    section.tour .event.status-soldout a {
      background: #B9B9B9; }
      section.tour .event.status-soldout a:hover {
        background: #B9B9B9; }
      section.tour .event.status-soldout a .note {
        color: #B9B9B9; }
    section.tour .event.status-tba a {
      background: #000000; }
      section.tour .event.status-tba a:hover {
        background: #000000; }
      section.tour .event.status-tba a .note {
        color: #000000; }

.tour-pin {
  position: absolute;
  width: 52px;
  height: 96px;
  display: block; }

.tour-pin img {
  display: block;
  width: 100%;
  margin: auto; }

.email-modal {
  width: 100%;
  position: fixed;
  top: 1%;
  right: 0;
  left: 0;
  bottom: 2%;
  padding: 2% 0;
  z-index: 100;
  display: none; }

.email-modal .iframe-wrap {
  position: relative;
  max-width: 580px;
  min-width: 400px;
  width: 100%;
  height: 640px;
  margin: 0 auto; }

.email-modal .close {
  position: absolute;
  top: 0;
  cursor: pointer;
  right: 5px;
  color: #ddd;
  font-size: 24pt; }

.email-modal iframe {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 10px #bbb;
  display: block;
  margin: 0 auto; }

.facebook-entry {
  margin-top: 100px;
  padding-bottom: 80px; }
  .facebook-entry h2.entry-cta {
    width: 50%;
    display: inline-block;
    text-align: right;
    border-right: solid 2px #000;
    position: relative;
    z-index: 10;
    padding: 22px;
    padding-right: 30px; }
    .facebook-entry h2.entry-cta span {
      display: block;
      max-width: 600px;
      float: right;
      text-transform: uppercase;
      color: #000;
      font-size: 28px;
      text-align: right;
      letter-spacing: 11px;
      line-height: 1.3;
      font-weight: 100;
      position: relative;
      top: -50px; }
  .facebook-entry div.entry-info {
    width: 47%;
    display: inline-block;
    float: right;
    position: relative;
    top: -15px; }
    .facebook-entry div.entry-info p {
      width: 80%;
      display: block;
      color: #000;
      font-size: 16px;
      margin-bottom: 20px;
      line-height: 1.3; }
  .facebook-entry div.entry-detail {
    background: url("../img/grain.png") repeat;
    overflow: auto;
    padding: 40px 0;
    position: relative;
    top: -50px; }
    .facebook-entry div.entry-detail p {
      width: 47%;
      float: right; }
    .facebook-entry div.entry-detail .detail {
      width: 80%;
      display: block; }
  .facebook-entry b {
    font-weight: bold; }
  .facebook-entry .detail {
    font-size: 12px;
    color: #7b7b7b;
    line-height: 1.69;
    text-transform: none !important;
    letter-spacing: 1px !important; }
  .facebook-entry .step {
    width: 65%;
    margin: auto; }
    .facebook-entry .step.confirm-success {
      display: none; }
      .facebook-entry .step.confirm-success .instructions {
        text-transform: none;
        width: 100%; }
    .facebook-entry .step .section-title {
      color: #B01B1B;
      letter-spacing: 25px;
      font-size: 14px;
      font-weight: 400;
      text-transform: uppercase;
      padding-bottom: 45px; }
    .facebook-entry .step .instructions {
      text-transform: uppercase;
      font-size: 18px;
      color: #000;
      letter-spacing: 3px;
      font-weight: 400;
      width: 70%;
      line-height: 1.3; }
    .facebook-entry .step .see-terms {
      margin-bottom: 44px;
      font-size: 12px;
      padding: 22px 0; }
      .facebook-entry .step .see-terms a {
        color: #B01B1B;
        text-decoration: underline; }
  .facebook-entry form {
    width: 65%;
    margin: auto; }
  .facebook-entry form p {
    display: block;
    padding: 10px 0; }
    .facebook-entry form p.input-field {
      width: 48%;
      display: inline-block;
      float: left;
      overflow: auto; }
      .facebook-entry form p.input-field:nth-child(odd) {
        float: right; }
    .facebook-entry form p.icon {
      position: relative; }
      .facebook-entry form p.icon:after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        bottom: 22px;
        left: 5px; }
      .facebook-entry form p.icon.twitter:after {
        background: url("../img/icon-twitter.png") no-repeat; }
      .facebook-entry form p.icon.instagram:after {
        background: url("../img/icon-instagram.png") no-repeat; }
      .facebook-entry form p.icon.youtube:after {
        background: url("../img/icon-youtube.png") no-repeat; }
      .facebook-entry form p.icon.web:after {
        background: url("../img/icon-web.png") no-repeat; }
      .facebook-entry form p.icon.focused.twitter:after {
        background: url("../img/icon-twitter-alt.png") no-repeat; }
      .facebook-entry form p.icon.focused.instagram:after {
        background: url("../img/icon-instagram-alt.png") no-repeat; }
      .facebook-entry form p.icon.focused.youtube:after {
        background: url("../img/icon-youtube-alt.png") no-repeat; }
      .facebook-entry form p.icon.focused.web:after {
        background: url("../img/icon-web-alt.png") no-repeat; }
      .facebook-entry form p.icon input {
        padding-left: 24px !important; }
    .facebook-entry form p.input-url {
      float: left !important; }
    .facebook-entry form p.input-block {
      border-top: solid 1px #ececec;
      margin-top: 20px;
      padding-top: 40px; }
      .facebook-entry form p.input-block label.optin-label {
        vertical-align: top; }
    .facebook-entry form p.no-border {
      border: none !important;
      margin-top: 0;
      padding-top: 10px; }
    .facebook-entry form p label {
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 3px;
      line-height: 1.56;
      padding: 10px 0;
      display: block;
      float: none; }
    .facebook-entry form p .optin-label {
      width: 50%;
      font-size: 10px;
      display: inline-block;
      line-height: 1.56; }
      .facebook-entry form p .optin-label input {
        width: auto;
        float: left;
        display: inline-block; }
    .facebook-entry form p .submit {
      width: 100%;
      float: right;
      background: #B01B1B;
      border: none;
      color: #fff;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 3px;
      padding: 22px 0 !important;
      margin-top: 20px; }
      .facebook-entry form p .submit:hover {
        cursor: pointer; }
      .facebook-entry form p .submit:active {
        background: #000;
        color: #fff !important; }
      .facebook-entry form p .submit:disabled {
        opacity: 0.7;
        cursor: not-allowed; }
    .facebook-entry form p input, .facebook-entry form p textarea {
      padding: 10px 5px !important;
      width: 100%;
      -moz-appearance: none;
      appearance: none;
      outline: none;
      border: solid 1px #000;
      padding: 5px;
      font-size: 16px;
      text-transform: none; }
      .facebook-entry form p input:focus, .facebook-entry form p textarea:focus {
        border-color: #B01B1B;
        color: #B01B1B; }
    .facebook-entry form p textarea {
      margin-top: 10px;
      min-height: 120px; }
    .facebook-entry form p input[type=file] {
      border: none; }
  .facebook-entry .clearfix {
    display: block;
    overflow: auto;
    width: 100%; }
  .facebook-entry p.error {
    color: #B01B1B;
    padding: 40px;
    margin: 20px auto;
    width: 65%;
    display: block;
    text-align: center;
    border: solid 1px #B01B1B; }

.legal {
  display: none;
  position: fixed;
  z-index: 1000000;
  background: #fff;
  width: 100%;
  margin: auto;
  top: 5%;
  right: 0;
  left: 0;
  bottom: 5%;
  padding: 0 10%;
  overflow-y: scroll;
  opacity: 0;
  transition: opacity 0.3s ease-out; }
  .legal.show {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease-in; }
  .legal ol {
    list-style: inherit;
    list-style-type: decimal;
    margin: 20px 0; }
    .legal ol li {
      margin: 10px 0; }
  .legal .close {
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 7px;
    cursor: pointer;
    background: #B01B1B;
    width: 33%;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 17.6px 0;
    margin: 22px auto;
    text-align: center;
    transition: all 0.2s ease; }
    .legal .close:hover {
      background: #841414;
      color: #FFFFFF;
      transition: all 0.2s ease; }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #fff;
  opacity: 0.5;
  z-index: 999999;
  transition: opacity 0.3s ease-out; }
  .overlay.show {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease-in; }

footer {
  margin-top: 176px; }
  footer section.footer {
    width: 100%;
    background: url("../img/grain.png") repeat;
    margin: 66px 0;
    padding: 66px 0;
    color: #000000;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase; }
    footer section.footer a {
      text-decoration: none;
      color: #000000; }
    footer section.footer .columns {
      width: 100%;
      margin: auto;
      text-align: center; }
      footer section.footer .columns span {
        letter-spacing: 4px;
        margin-bottom: 44px;
        display: block; }
      footer section.footer .columns .column {
        display: inline-block;
        text-align: left;
        width: 30%;
        vertical-align: top; }
    footer section.footer .rows li {
      font-weight: 600;
      margin: 22px 0; }
  footer .credits {
    color: #8E8E8E;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 44px; }
    footer .credits .attribution {
      float: right;
      text-align: right; }
      footer .credits .attribution a {
        text-decoration: none;
        color: #8E8E8E; }
        footer .credits .attribution a:visited {
          color: #8E8E8E; }
        footer .credits .attribution a:hover {
          color: #000000; }

.banner-wrapper {
  position: fixed;
  top: 5%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none; }
  .banner-wrapper .banner {
    width: 90%;
    max-width: 480px;
    margin: auto;
    position: relative;
    z-index: 9999999;
    box-shadow: 0 0 5px #B9B9B9;
    transition: all 0.3s ease;
    transition-delay: 0.2s;
    pointer-events: all; }
    .banner-wrapper .banner .title {
      color: #B01B1B;
      font-size: 14px;
      letter-spacing: 6px;
      text-align: center;
      background: #FFFFFF;
      text-transform: uppercase;
      padding: 11px;
      line-height: 1.4; }
    .banner-wrapper .banner a {
      font-size: 0; }
    .banner-wrapper .banner .close {
      position: absolute;
      top: -3%;
      right: -6%;
      display: block;
      width: 10%;
      cursor: pointer; }
    .banner-wrapper .banner.hide {
      opacity: 0;
      transition: all ease 0.3s; }
    .banner-wrapper .banner.show {
      opacity: 1;
      transition: all ease 0.5s; }
  .banner-wrapper .banner-shadow {
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    transition: all 0.3s ease; }
    .banner-wrapper .banner-shadow.hide {
      opacity: 0;
      transition: all ease 0.5s; }
    .banner-wrapper .banner-shadow.show {
      opacity: 1;
      transition: all ease 0.3s; }

@media only screen and (max-width: 768px) {
  .facebook-entry header {
    position: static; }
    .facebook-entry header h2.entry-cta {
      width: 100%;
      padding: 22px;
      display: block;
      border: none;
      position: static; }
      .facebook-entry header h2.entry-cta span {
        letter-spacing: 8px;
        width: 100%;
        line-height: 1.56;
        max-width: none;
        font-size: 18px;
        text-align: left; }
    .facebook-entry header div.entry-info {
      width: 100%;
      display: block;
      position: static;
      padding: 22px; }
    .facebook-entry header div.entry-detail {
      padding: 22px;
      width: 100%;
      display: block;
      position: static; }
      .facebook-entry header div.entry-detail p {
        padding: 22px 0;
        width: 100%;
        margin: auto; }
        .facebook-entry header div.entry-detail p span.detail {
          width: auto; }
  .facebook-entry .step {
    width: 100%; }
    .facebook-entry .step .section-title {
      width: 100%;
      padding: 22px;
      letter-spacing: 6px; }
    .facebook-entry .step .instructions {
      width: 100%;
      padding: 22px; }
    .facebook-entry .step .see-terms {
      padding: 22px; }
    .facebook-entry .step .facebook-button {
      display: block;
      width: 70%;
      margin: auto; }
      .facebook-entry .step .facebook-button img {
        width: 100%; }
  .facebook-entry form {
    width: 90%; }
    .facebook-entry form label.optin-label {
      width: 100%;
      float: none; }
    .facebook-entry form input.submit {
      width: 100%;
      margin-top: 20px; }
  .facebook-entry form p.input-field {
    width: 100%;
    display: inline-block;
    float: left;
    overflow: auto; }
    .facebook-entry form p.input-field:nth-child(odd) {
      float: none; }
  .facebook-entry p.error {
    width: 90%;
    line-height: 1.56; }

  .mobile-only {
    display: block; }

  .desktop-only {
    display: none; }

  .email-modal {
    width: 95%;
    position: absolute;
    top: 1%;
    right: 0;
    left: 0;
    bottom: 2%;
    padding: 2% 0;
    z-index: 100; }

  .email-modal .iframe-wrap {
    position: relative;
    max-width: 580px;
    min-width: 400px;
    width: 100%;
    height: 640px;
    margin: 0 auto; }

  .email-modal .close {
    position: absolute;
    top: 3px;
    left: 0;
    text-align: center;
    margin: auto;
    cursor: pointer;
    right: 0;
    color: #bbb;
    font-size: 24pt; }

  .container.content {
    max-width: 100%;
    width: 100%;
    min-width: 0px !important;
    margin: 66px 0 0 0 !important;
    padding: 0 0 0 0 !important; }

  header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100% !important;
    padding: 11px 0;
    transition: all 0.6s ease-in; }
    header img {
      display: block;
      width: 100%;
      max-width: 500px !important;
      margin: auto !important;
      padding: 0 0 0 0 !important; }
    header.fixed {
      top: 0;
      bottom: 80%;
      right: 0;
      left: 0;
      position: fixed;
      transition: all 0.6s ease-out; }
      header.fixed a {
        display: block;
        width: 100%;
        margin: none !important; }
      header.fixed img {
        max-width: 100%;
        width: 100%;
        display: block;
        margin: none !important;
        padding: 22px 0; }

  .content section .email .title {
    top: -22px;
    font-size: 20px; }
  .content section .email .subscribe {
    width: 70%; }

  section.now.article .preview .content {
    line-height: 1.5;
    font-size: 16px;
    width: 90%;
    margin: auto; }

  section.tour .locations #map {
    height: 300px; }
  section.tour .ticket-info {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
    padding: 22px;
    transition: all 0.3s ease;
    background-position: 41% 0; }
    section.tour .ticket-info.hidden {
      -webkit-filter: blur(11px);
      transform: scale(2) translateX(-100%);
      transform-origin: 80% 0%;
      transition: all 0.6s ease;
      opacity: 0.4; }
    section.tour .ticket-info .close {
      font-size: 66px;
      top: 11px;
      right: 22px; }
    section.tour .ticket-info .tickets {
      position: absolute !important;
      bottom: -33px !important;
      background-repeat: repeat-x !important;
      bottom: 220px;
      background-position: top center !important; }
      section.tour .ticket-info .tickets a {
        width: 70%;
        padding: 22px;
        margin: 66px auto; }
  section.tour ul.tickets .event {
    padding: 0 0 0 0; }
    section.tour ul.tickets .event .date {
      text-align: center;
      font-weight: bold;
      line-height: 1.5;
      width: 15%;
      background: #ececec;
      margin: 22px;
      padding: 11px;
      display: inline-block; }
    section.tour ul.tickets .event .details {
      display: inline-block;
      width: 50%; }
    section.tour ul.tickets .event .place {
      width: 100%; }
    section.tour ul.tickets .event .venue {
      margin: 5.5px 0;
      width: 100%; }
    section.tour ul.tickets .event .note {
      width: 100%;
      font-size: 10px; }
    section.tour ul.tickets .event .purchase {
      width: 20%; }
    section.tour ul.tickets .event .purchase a {
      padding: 11px 0;
      position: relative;
      color: transparent; }
      section.tour ul.tickets .event .purchase a:after {
        color: #FFFFFF;
        top: 11px; }
    section.tour ul.tickets .event.status-onsale .purchase a:after {
      content: "Buy";
      position: absolute;
      right: 0;
      left: 0;
      width: 100%;
      text-align: center; }
    section.tour ul.tickets .event.status-soldout .purchase a:after {
      content: "Sold";
      position: absolute;
      right: 0;
      left: 0;
      width: 100%;
      text-align: center; }
    section.tour ul.tickets .event.status-tba .purchase a:after {
      content: "TBA";
      position: absolute;
      right: 0;
      left: 0;
      width: 100%;
      text-align: center; }

  section.takeover-terms {
    padding: 22px;
    line-height: 1.4; }
    section.takeover-terms li {
      list-style: inside;
      margin: 3.66667px; }
    section.takeover-terms .centered {
      text-align: center; }
    section.takeover-terms .underline {
      text-decoration: underline; }
    section.takeover-terms p {
      margin: 22px 0; }
    section.takeover-terms a {
      color: #B01B1B; }
    section.takeover-terms b {
      font-weight: bold; }

  html, body {
    overflow-x: hidden; }

  header img {
    width: 70%; }

  section.home .preview.media-preview {
    display: none; }
  section.home .preview.news-preview {
    width: 100%; }
    section.home .preview.news-preview .preview-title {
      margin-left: 22px; }
    section.home .preview.news-preview .control .page {
      width: 17%;
      margin-right: 22px; }
  section.home .tour-preview .moving-imgs {
    bottom: -45%;
    z-index: 900; }
  section.home .tour-preview .tour-stop {
    width: 100%;
    margin: auto; }
    section.home .tour-preview .tour-stop .tour-countdown {
      width: 90%;
      margin: auto; }
      section.home .tour-preview .tour-stop .tour-countdown .title {
        width: 100%;
        text-align: center;
        letter-spacing: 10px; }
      section.home .tour-preview .tour-stop .tour-countdown a.btn {
        width: 70%; }
      section.home .tour-preview .tour-stop .tour-countdown .ticker li {
        width: 12.5%; }
    section.home .tour-preview .tour-stop .tour-partners {
      width: 100%;
      padding: 22px 0 0 0; }
      section.home .tour-preview .tour-stop .tour-partners ul li {
        width: 20%; }
        section.home .tour-preview .tour-stop .tour-partners ul li:first-child {
          width: 15%;
          position: relative;
          top: -2px; }
  section.home .takeover-preview {
    width: 100%; }
    section.home .takeover-preview .decoration {
      display: block;
      width: 50%;
      margin: auto; }
    section.home .takeover-preview .upcoming {
      margin: 44px auto;
      width: 90%;
      float: none;
      display: block; }
      section.home .takeover-preview .upcoming .title {
        font-size: 12px;
        letter-spacing: 12px; }
      section.home .takeover-preview .upcoming .contrib-preview {
        display: block;
        overflow: hidden; }
        section.home .takeover-preview .upcoming .contrib-preview .contributor {
          margin: 22px 0; }
          section.home .takeover-preview .upcoming .contrib-preview .contributor .contrib-name {
            font-size: 16px;
            letter-spacing: 9px;
            max-width: 60%;
            top: 6px;
            position: relative; }
          section.home .takeover-preview .upcoming .contrib-preview .contributor .contrib-date {
            font-size: 12px;
            letter-spacing: 4px;
            position: relative;
            top: 8px; }
      section.home .takeover-preview .upcoming a.schedule.btn {
        float: none;
        margin: 44px auto;
        width: 80%; }

  footer {
    padding-bottom: 88px; }
    footer section.footer {
      padding: 22px 0;
      width: 100%; }
      footer section.footer ul.columns {
        width: 100%; }
        footer section.footer ul.columns .column {
          padding: 22px 0 44px 0;
          width: 100%;
          display: block;
          text-align: center; }
    footer .credits {
      text-align: center; }
      footer .credits .attribution {
        width: 100%;
        text-align: center;
        display: block;
        float: none;
        line-height: 2; }
        footer .credits .attribution span {
          display: block;
          width: 100%;
          height: 0;
          color: #FFFFFF; }
      footer .credits .copy {
        margin: 22px 0; }

  section.news {
    width: 100%; }
    section.news .full-article, section.news .full-news-item {
      width: 90%;
      margin: 44px auto; }
      section.news .full-article .title, section.news .full-news-item .title {
        font-size: 20px;
        line-height: 1.2; }
    section.news .more-news {
      padding: 22px; }
      section.news .more-news:before {
        width: 100%;
        height: 70%;
        left: 0;
        top: 15%; }
      section.news .more-news .section-title {
        top: 20%;
        font-size: 12px;
        letter-spacing: 16px;
        left: 5%; }
      section.news .more-news li {
        width: 90%;
        margin: 22px auto 44px auto; }
        section.news .more-news li:first-child, section.news .more-news li:last-child {
          float: none; }

  section.tour .tour-preview {
    width: 90%;
    margin: 44px auto; }
    section.tour .tour-preview .tour-stop .tour-countdown .title {
      width: 100%;
      font-size: 12px;
      letter-spacing: 14px; }
    section.tour .tour-preview .tour-stop .tour-countdown .ticker ul {
      width: 100%; }
      section.tour .tour-preview .tour-stop .tour-countdown .ticker ul li {
        width: 13%; }
        section.tour .tour-preview .tour-stop .tour-countdown .ticker ul li.sep {
          width: 9%;
          margin-left: 2%; }
    section.tour .tour-preview .tour-stop .tour-countdown .location {
      font-size: 10px; }
    section.tour .tour-preview .tour-stop .tour-partners ul {
      width: 100%; }
    section.tour .tour-preview .tour-stop .tour-partners ul li {
      width: 20%; }
      section.tour .tour-preview .tour-stop .tour-partners ul li:first-child {
        width: 18%; }

  section.takeover-schedule .header {
    margin-bottom: 66px; }
    section.takeover-schedule .header .title {
      font-size: 22px;
      line-height: 1.2; }
    section.takeover-schedule .header .subtitle {
      margin: 22px; }
  section.takeover-schedule .main .contributor-info {
    display: block;
    width: 90%;
    margin: auto; }
    section.takeover-schedule .main .contributor-info .active-date {
      margin: 22px;
      font-size: 12px;
      letter-spacing: 18px; }
    section.takeover-schedule .main .contributor-info .active-name {
      font-size: 22px;
      letter-spacing: 11px; }
    section.takeover-schedule .main .contributor-info .active-location {
      border-bottom: none; }
    section.takeover-schedule .main .contributor-info .depeche-facebook {
      display: none; }
  section.takeover-schedule .main .contributor-list {
    width: 100%;
    float: none;
    display: block; }
    section.takeover-schedule .main .contributor-list .info {
      padding: 22px;
      margin: 44px 0; }
    section.takeover-schedule .main .contributor-list .title, section.takeover-schedule .main .contributor-list .subtitle {
      font-size: 10px;
      letter-spacing: 14px; }
    section.takeover-schedule .main .contributor-list .contrib-date {
      font-size: 12px;
      letter-spacing: 4px;
      position: relative;
      top: 6px; }
    section.takeover-schedule .main .contributor-list .contrib-name {
      width: 60%; }
    section.takeover-schedule .main .contributor-list .contributor.selected:before {
      left: -22px;
      top: 6px;
      transform: rotate(180deg); }
  section.takeover-schedule .apply {
    padding: 0 10%; }
    section.takeover-schedule .apply:before {
      height: 90%; }
    section.takeover-schedule .apply .title {
      width: 100%;
      font-size: 24px;
      letter-spacing: 10px; }
    section.takeover-schedule .apply .description {
      width: 100%; }
    section.takeover-schedule .apply a.btn {
      width: 90%;
      position: relative;
      top: 22px;
      margin: auto; }

  section.media-gallery .control {
    margin-bottom: 22px; }
    section.media-gallery .control li {
      font-size: 12px;
      margin: auto;
      width: 33%; }
      section.media-gallery .control li.all {
        margin-left: 0px; }
      section.media-gallery .control li.image {
        padding: 0; }
      section.media-gallery .control li.video {
        margin-right: 0px; }
  section.media-gallery .media-grid a {
    width: 33%; }
  section.media-gallery .media-view {
    top: 0%; }
    section.media-gallery .media-view .box .full {
      width: 100%;
      display: block;
      float: none;
      max-height: 30%;
      min-height: 0; }
    section.media-gallery .media-view .box .embed {
      padding-bottom: 66%; }
    section.media-gallery .media-view .box .info {
      width: 100%;
      display: block;
      float: none;
      position: relative;
      left: 0;
      z-index: 100; }
      section.media-gallery .media-view .box .info .full-description {
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 1.4; }
      section.media-gallery .media-view .box .info .full-credit {
        font-size: 12px; }
    section.media-gallery .media-view .box .page {
      top: 33px; }
    section.media-gallery .media-view .box .page.desktop-only {
      display: none; }
    section.media-gallery .media-view .box .close {
      top: initial;
      bottom: -22px; }

  nav.mobile-only {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF; }
    nav.mobile-only ul {
      position: fixed;
      bottom: 66px;
      right: 0; }
    nav.mobile-only li span {
      pointer-events: none; }
    nav.mobile-only img {
      position: fixed;
      bottom: 22px;
      left: 22px;
      width: 22px; }

  .nav-control {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 66px;
    background: #FFFFFF;
    box-shadow: 0 0 3px #8E8E8E;
    z-index: 10000; }
    .nav-control img {
      position: fixed;
      bottom: 22px;
      left: 22px;
      z-index: 100000;
      transform: rotate(90deg); }
    .nav-control.menu-open {
      display: none; }

  .current-page li {
    float: right; }

  .hidden {
    position: fixed;
    bottom: 120% !important; }

  .hidden * {
    display: none; } }
section.takeover-terms {
  padding: 22px;
  line-height: 1.4; }
  section.takeover-terms li {
    list-style: inside;
    margin: 3.66667px; }
  section.takeover-terms .centered {
    text-align: center; }
  section.takeover-terms .underline {
    text-decoration: underline; }
  section.takeover-terms p {
    margin: 22px 0; }
  section.takeover-terms a {
    color: #B01B1B; }
  section.takeover-terms b {
    font-weight: bold; }

/*
* BI Content START
*/
.hublot-timekeeper {
  display: block;
  border: none;
  width: 150px;
  height: 235px;
  position: relative;
  overflow: hidden;
  color: #FFFFFF;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out; }

.hublot-timekeeper img {
  border: none; }

.hublot-timekeeper.visible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.hublot-timekeeper.hover .hublot-text {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -ms-transform: scale(1);
  	/*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
     M11=1, M12=-0, M21=0, M22=1);*/ }

.hublot-timekeeper.static .hublot-watch-static {
  display: block; }

.hublot-timekeeper.static .hublot-watch {
  display: none; }

.hublot-timekeeper.hover .hublot-watch, .hublot-timekeeper.hover .hublot-watch-static {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  	/*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
     M11=0.8, M12=-0, M21=0, M22=0.8);*/ }

.hublot-timekeeper .hublot-text, .hublot-timekeeper .hublot-watch, .hublot-timekeeper .hublot-watch-static {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.hublot-timekeeper .hublot-watch-static {
  display: none;
  z-index: 5; }

.hublot-timekeeper .hublot-text {
  z-index: 10;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  	/*filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
     M11=1.2, M12=-0, M21=0, M22=1.2);*/ }

.hublot-timekeeper .hublot-text .hublot-logo-glow {
  width: 200px;
  height: 100px;
  margin: auto; }

.hublot-timekeeper .hublot-watch {
  z-index: 5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.hublot-timekeeper img.watch {
  position: absolute; }

.hublot-timekeeper div.handles {
  height: 235px;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 300px; }

.hublot-timekeeper .handles div.handle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  /*-ms-transform: rotate(0deg); */
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.hublot-timekeeper .handles div.ease {
  -webkit-transition: all 0.99s ease-out 0s;
  -moz-transition: all 0.99s ease-out 0s;
  -o-transition: all 0.99s ease-out 0s;
  transition: all 0.99s ease-out 0s; }

.hublot-timekeeper .handles div.hour {
  background: url("../img/hours.png") no-repeat scroll center 5px;
  height: 66px;
  left: 67px;
  top: 77px;
  width: 11px;
  z-index: 1; }

.hublot-timekeeper .handles div.minute {
  background: url("../img/minutes.png") no-repeat scroll center 5px;
  height: 88px;
  left: 67px;
  top: 64px;
  width: 10px;
  z-index: 2; }

.hublot-timekeeper .handles div.second {
  background: url("../img/seconds.png") no-repeat scroll center 15px;
  height: 118px;
  left: 66px;
  top: 50px;
  width: 11px;
  z-index: 3; }

.hublot-timekeeper .logo-glass {
  background: url("../img/logo-glass.png") no-repeat scroll center 0px;
  height: 12px;
  left: 60px;
  top: 84px;
  width: 22px;
  z-index: 4;
  position: absolute; }

.hublot-timekeeper .logo-DM {
  background: url("../img/logo-DM.png") no-repeat scroll center 0px;
  height: 8px;
  left: 64px;
  top: 123px;
  width: 15px;
  z-index: 5;
  position: absolute; }

/* IE9 */
.hublot-timekeeper .handles div.handle.hour {
  -ms-transform: rotate(60deg); }

.hublot-timekeeper .handles div.handle.minute {
  -ms-transform: rotate(295deg); }

.hublot-logo {
  width: 95px;
  float: left;
  margin-top: 27px;
  margin-left: 14px;
  margin-right: 14px; }

.hublot-logo img {
  width: 100%; }

/*
* BI Content END
*/
.hublot-partner {
  position: relative;
  background: url("../img/grain.png") repeat;
  width: 100%;
  margin: 60px auto;
  padding: 40px 0;
  z-index: 10; }
  .hublot-partner:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url("../img/water.jpg") top right;
    background-size: cover;
    z-index: -1;
    pointer-events: none;
    opacity: 0.8; }
  .hublot-partner .hublot-timekeeper {
    margin: 20px auto; }
  .hublot-partner p {
    color: #000000;
    font-size: 14px;
    letter-spacing: 1px;
    font-size: 14px !important;
    display: block;
    margin: 60px auto;
    width: 90%;
    line-height: 1.6 !important;
    max-width: 600px;
    padding: 30px;
    margin-bottom: 40px !important;
    padding-bottom: 0;
    text-align: center;
    background: #fff; }
    .hublot-partner p .button {
      color: #FFFFFF;
      font-size: 16px;
      letter-spacing: 7px;
      cursor: pointer;
      background: #B01B1B;
      width: 33%;
      display: block;
      text-transform: uppercase;
      text-decoration: none;
      padding: 17.6px 0;
      margin: 22px auto;
      text-align: center;
      transition: all 0.2s ease;
      letter-spacing: 4px;
      font-size: 14px;
      width: 80%;
      max-width: 300px;
      margin: auto;
      position: relative;
      top: 30px; }
      .hublot-partner p .button:hover {
        background: #841414;
        color: #FFFFFF;
        transition: all 0.2s ease; }
  .hublot-partner iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.3;
    z-index: 5; }

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