body {font-family:"DIN Next W01","Arial",sans-serif;}

.full-height {height:100%;}

.container {margin:0 auto;max-width:1200px;width:90%;}

.v-center {position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;}

.section-title {position:absolute;left:-99999999px;visibility:hidden;}

.layout-table {display:table;table-layout:fixed;width:100%;}

.layout-td {display:table-cell;vertical-align:top;}

.button {background:#222222;border-radius:14px;color:#ffffff;display:inline-block;line-height:1;font-family:"DIN Next W01 Rounded","Georgia",sans-serif;font-size:14px;letter-spacing:1px;padding:0.9em 2em 1em 2em;text-decoration:none;text-transform:uppercase;}

.button-white {background:rgba(255,255,255,0.1);}

img.img-max {display:block;height:auto;max-width:100%;}

.navigation {color:#cccccc;font-size:14px;letter-spacing:1px;font-weight:400;margin:0 0 0 -10px;padding:25px 0;position:fixed;top:0;transition:top 0.4s;width:100%;}

.navigation a {color:#ffffff;display:inline-block;margin:0 10px;text-decoration:none;text-transform:uppercase;}

.sidebar-open .navigation {top:-50px;transition:top 0.4s;}

.close-it {padding:25px 0;position:fixed;text-align:center;top:-50px;transition:top 0.4s;width:100%;z-index:5;}

.close-it a {color:#222222;font-size:20px;font-family:"DIN Next W01 Rounded","Georgia",sans-serif;font-weight:800;text-decoration:none;}

.sidebar-open .close-it {top:0;transition:top 0.4s;}

@media screen and (max-width:720px) {.navigation,
.close-it {display:none;}}

.intro {background:url(../images/intro.jpg);background-size:cover;height:100vh;text-align:center;width:100%;z-index:0;}

.intro h1 {color:#ffffff;font-size:80px;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-shadow:-4px 4px 0 rgba(255,0,0,0.8),5px 5px 0 rgba(255,0,0,0.5);}

.intro h1 span {display:block;font-size:0.5em;text-transform:lowercase;vertical-align:middle;}

.intro h2 {color:#ffffff;color:rgba(255,255,255,0.75);letter-spacing:2px;margin:0 0 10px 0;text-transform:uppercase;}

.intro time {color:#ffffff;display:block;font-family:"DIN Next W01 Rounded","Georgia",sans-serif;font-size:14px;margin:25px 0 25px 0;}

.intro .preview {color:rgba(255,255,255,0.5);display:inline-block;font-size:14px;margin:25px 0 0 0;}

.intro .preview:hover {color:rgba(255,0,0,0.9);}

.intro .content {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.intro .soldout {background:#ffffff;display:inline-block;font-family:"DIN Next W01 Rounded","Georgia",sans-serif;font-size:25px;padding:6px 25px 8px 25px;text-transform:uppercase;}

.sidebar-open .intro .content {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

@media screen and (max-width:720px) {.intro {min-height:100vh;height:auto;}}

.section {background:#222222;background:rgba(0,0,0,0.8);height:100vh;opacity:0;position:absolute;top:0;visibility:hidden;transition:opacity 0.5s,visibility 0.5s;width:100%;z-index:1;}

.section.open {opacity:1;transition:opacity 0.5s,visibility 0.5s;visibility:visible;}

@media screen and (max-width:720px) {.section {height:auto;opacity:1;position:static;visibility:visible;}

  .section .v-center {position:static;-webkit-transform:none;-ms-transform:none;transform:none;top:0;}}

.shows .v-center {position:relative;z-index:50;}

.shows .show {-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-top:1px solid #ffffff;border-top:1px solid #ffffff;border-color:rgba(255,255,255,0.1);color:#ffffff;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-family:"DIN Next W01 Rounded","Georgia",sans-serif;opacity:0;padding:35px 55px;transition:all 0.4s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}

.shows.open .show {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:all 0.5s 0.5s;}

.shows.open .show.notactive {opacity:0.25;}

.shows .show:last-child {border-bottom:1px solid #ffffff;border-color:rgba(255,255,255,0.1);}

.shows .show .box {padding:0 25px;}

.shows .show h1 {color:#ffffff;font-weight:800;font-size:25px;letter-spacing:1px;text-transform:uppercase;}

.shows .show h1 .preview {color:rgba(255,255,255,0.8);font-size:18px;vertical-align:-2px;}

.shows .show h1 .preview:hover {color:rgba(0,0,0,0.5);}

.shows .show time {font-size:18px;display:block;}

.shows .show .location {color:rgba(255,255,255,0.7);font-size:14px;font-family:"DIN Next W01 Rounded","Georgia",sans-serif;line-height:1.4;}

.shows .show .button {font-size:12px;}

.shows-bgs {height:100%;left:0;position:absolute;top:0;width:100%;}

.show-bg {height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s 0.1s;width:100%;}

.show-bg.visible {opacity:1;}

@media screen and (max-width:720px) {.shows .show {display:block;opacity:1;text-align:center;-webkit-transform:none;-ms-transform:none;transform:none;}

  .shows .show .box {margin:0 0 5px 0;}

  .shows .show .box:last-child {margin:0;}}

.contact {background:rgba(0,0,0,0.9) url(../images/forest.jpg);background-size:cover;}

.contact .content h2 {color:rgba(255,255,255,1);font-family:"DIN Next W01 Rounded","Georgia",sans-serif;font-size:30px;font-weight:200;}

.contact .persons {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin:45px 0 75px;}

.contact .persons .person {color:#ffffff;margin:0 100px 0 0;}

.contact .persons .person h1 {font-size:24px;font-weight:200;letter-spacing:1px;margin:0 0 10px 0;text-transform:uppercase;}

.contact .persons .person p {font-size:18px;font-weight:200;margin:0 0 4px 0;}

.contact .persons .person p a {color:rgba(255,255,255,1);text-decoration:none;}

.contact .social a {color:rgba(255,255,255,0.5);margin:0 5px;}

@media screen and (max-width:720px) {.contact {padding:50px 0;text-align:center;}

  .contact .content h2 {font-size:22px;}

  .contact .persons {display:block;}

  .contact .persons .person {margin:25px 0;}}

.past-artists {-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;background:rgba(255,255,255,0.95);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.past-artists .artist {text-align:center;position:relative;width:20%;}

.past-artists .artist h1 {text-transform:uppercase;}

.past-artists .artist .overlay {background:rgba(255,255,255,0.95);-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;opacity:0;position:absolute;height:100%;top:0;visibility:hidden;width:100%;z-index:5;transition:all 0.8s;}

.past-artists .artist:hover .overlay {opacity:1;visibility:visible;}

.past-artists .artist img {-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:all 0.8s;}

.past-artists .artist:hover img {-webkit-filter:grayscale(0%);filter:grayscale(0%);}

@media screen and (max-width:720px) {.past-artists .artist {width:50%;}

  .past-artists .artist .overlay {opacity:1;padding:5px;position:static;visibility:visible;}

  .past-artists .artist h1 {color:#222222;font-size:12px;}}