.ng-gallery {
  width: calc(100% - 2em);
  height: 100%;
  display: inline-block; }

.thumb-container {
  width: 50%;
  float: left; }
  @media screen and (max-width: 38em) {
    .thumb-container {
      width: 50%; } }

img.ng-thumb {
  width: calc(100% - 0.2em);
  display: block;
  margin: 0.1em; }

.ng-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }

.ng-gallery-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  text-align: center; }

.ng-gallery-content i {
  font-style: normal; }

.ng-gallery-content .arrow-reverse {
  transform: rotate(180deg); }

.ng-gallery-content > a.close-popup {
  font-size: 6rem;
  color: #fff;
  text-decoration: none;
  padding: 1rem;
  margin: 0;
  cursor: pointer;
  position: absolute;
  top: 1.5em;
  right: 8rem;
  z-index: 100;
  font-style: normal; }
  @media screen and (max-width: 38em) {
    .ng-gallery-content > a.close-popup {
      right: 0.2em; } }

.ng-gallery-content > a.nav-left,
.ng-gallery-content > a.nav-right {
  color: #fff;
  text-decoration: none;
  font-size: 2em;
  cursor: pointer;
  outline: none;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  z-index: 500; }
  .ng-gallery-content > a.nav-left img,
  .ng-gallery-content > a.nav-right img {
    height: 2em; }
  @media screen and (max-width: 38em) {
    .ng-gallery-content > a.nav-left,
    .ng-gallery-content > a.nav-right {
      display: none; } }

.ng-gallery-content > a.nav-left {
  left: 3em; }

.ng-gallery-content > a.nav-right {
  right: 3em; }

.ng-gallery-content > img {
  height: auto;
  max-height: calc(100% - 150px);
  max-width: calc(100% - 100px);
  position: relative;
  display: block;
  margin: 0 auto 0 auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none; }
  .ng-gallery-content > img.effect {
    animation: fadeIn 0.5s; }
  @media screen and (max-width: 38em) {
    .ng-gallery-content > img {
      max-width: 100%; } }

.ng-gallery-content > span.info-text {
  color: #fff;
  display: inline-block;
  width: 100%;
  height: 20px;
  font-weight: bold;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 100px; }

.ng-gallery-content > .ng-thumbnails-wrapper {
  display: none; }

@keyframes fadeIn {
  from {
    opacity: 0.3; }
  to {
    opacity: 1; } }

.mobile-menu-bar {
  display: none;
  background: url("../images/graphics/bar.jpg") repeat top center/cover;
  height: 4em;
  position: fixed;
  z-index: 5;
  width: 100%; }
  @media screen and (max-width: 62em) {
    .mobile-menu-bar {
      display: block; } }

.mobile-menu-icon {
  display: none;
  position: fixed;
  right: 1em;
  width: 3em;
  top: 1em;
  cursor: pointer;
  z-index: 999; }
  .mobile-menu-icon span {
    display: block;
    height: 0.3em;
    margin: 0.3em 0;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 2px #555; }
  @media screen and (max-width: 62em) {
    .mobile-menu-icon {
      display: block; } }

.menu-wrapper {
  opacity: 0.8;
  text-align: center;
  background: url("../images/graphics/bar.jpg") repeat top center/cover;
  border-bottom: 1px solid black;
  box-shadow: 0 1px 6px black;
  width: 100%;
  position: fixed;
  z-index: 100; }
  @media screen and (max-width: 62em) {
    .menu-wrapper {
      position: fixed;
      width: 10em;
      right: 0;
      top: 3em;
      display: none;
      background: black; }
      .menu-wrapper.open {
        display: block; } }
  .menu-wrapper .menu {
    display: inline-block;
    width: calc(100% - 6em - 2em); }
    @media screen and (max-width: 62em) {
      .menu-wrapper .menu {
        display: block;
        width: auto; } }
  .menu-wrapper .language-menu {
    display: inline-block;
    width: 6em; }
    .menu-wrapper .language-menu a {
      padding: 1em 0.5em; }
    @media screen and (max-width: 62em) {
      .menu-wrapper .language-menu {
        display: block;
        width: auto; } }
  .menu-wrapper a,
  .menu-wrapper a:link,
  .menu-wrapper a:focus {
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    display: inline-block;
    padding: 1em 2em;
    transition: color 1s linear 0s; }
    .menu-wrapper a:hover,
    .menu-wrapper a:link:hover,
    .menu-wrapper a:focus:hover {
      transition: color 0.2s linear 0s;
      color: #cccccc; }
    @media screen and (max-width: 62em) {
      .menu-wrapper a,
      .menu-wrapper a:link,
      .menu-wrapper a:focus {
        display: block; } }

.news-list {
  margin: 0 auto;
  max-width: 35em;
  list-style: none;
  padding: 0;
  line-height: 1.5; }
  @media screen and (max-width: 62em) {
    .news-list {
      max-width: none; } }

.news {
  padding-bottom: 5em;
  border-bottom: 1px dashed rgba(26, 26, 26, 0.4); }
  .news .ng-gallery {
    width: 100%; }

.news-title {
  font-size: 1.2em;
  display: inline-block;
  vertical-align: baseline;
  width: 70%; }

.news-date {
  display: inline-block;
  vertical-align: baseline;
  text-align: right;
  width: 30%;
  font-weight: 600; }

.news-text {
  line-height: 1.5; }

.news-links {
  text-align: right; }

.news-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  text-decoration: none;
  margin-left: 0.5em;
  padding: 1rem; }
  .news-link:hover {
    background: rgba(0, 0, 0, 0.9);
    color: white; }
    .news-link:hover .news-link-icon {
      filter: invert(1); }
  .news-link-icon {
    vertical-align: middle;
    height: 1rem; }

.special-news-button {
  display: inline-flex;
  align-items: center;
  padding: 0.7em 2em;
  border-radius: 0.6em;
  border: 0.1em solid black;
  text-decoration: none; }
  .special-news-button__text {
    margin-left: 1em; }
  .special-news-button:hover {
    background: #2ebd59; }

#newalbum {
  text-transform: uppercase;
  position: relative;
  padding: 0.3em;
  background: rgba(255, 255, 255, 0.7); }
  #newalbum img {
    max-width: 100%; }
    @media screen and (max-width: 62em) {
      #newalbum img {
        display: none; } }
  #newalbum a {
    text-decoration: none;
    padding: 1em 2em 0.5em;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 11em;
    text-align: center;
    font-size: 0.9em;
    line-height: 1; }
    #newalbum a:hover {
      background-color: black; }
    @media screen and (max-width: 62em) {
      #newalbum a {
        width: 100%;
        min-width: 10em;
        margin: 0 auto;
        position: relative;
        background: transparent;
        padding: 1em;
        display: block; } }
  @media screen and (max-width: 62em) {
    #newalbum {
      position: fixed;
      background: transparent;
      top: 0;
      width: 100%;
      max-width: calc(100% - 10em);
      margin: 0 5em;
      height: 3em;
      z-index: 10;
      display: block;
      padding: 1em; } }
  @media screen and (max-width: 38em) {
    #newalbum {
      max-width: calc(100% - 5em);
      margin-left: 1em; } }

#shows {
  padding: 0.5em;
  background: rgba(255, 255, 255, 0.7);
  margin-top: 0.1em; }

.shows-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.show {
  border-bottom: 1px dashed rgba(26, 26, 26, 0.4);
  padding-bottom: 1em; }

.show-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 1em 0 0.5em; }

.show-date {
  display: inline-block;
  text-align: center;
  font-size: 1.5em;
  width: 3em;
  vertical-align: top;
  line-height: 1.1; }

.show-date-day {
  font-size: 1.4em; }

.show-summary {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.show-place {
  display: inline-block;
  vertical-align: top;
  line-height: 1.4; }

.show-content {
  padding-left: 4em;
  line-height: 1.3; }

.show-title {
  font-weight: 600; }

.support-band {
  font-size: 0.9em;
  font-style: italic; }

.show-toggle {
  display: inline-block;
  vertical-align: top;
  font-size: 1.3em;
  padding: 0.3em;
  color: #7a6652;
  cursor: pointer; }

.show-toggle-content-open {
  transform: rotate(90deg); }

.show-links {
  text-align: right;
  padding-right: 0.5rem; }

.show-link {
  display: inline-block; }

#discography {
  padding: 0.5em; }
  #discography .album {
    position: relative;
    float: left;
    margin: 0.5em;
    width: calc(50% - 1em); }
    #discography .album:hover .album-details, #discography .album.open .album-details {
      display: flex; }
    #discography .album img {
      width: 100%;
      display: block; }
    @media screen and (max-width: 42em) {
      #discography .album {
        width: calc(100% - 1em); } }
  #discography .album-details {
    padding: 1em;
    cursor: pointer;
    display: none;
    top: 0.5em;
    left: 0.5em;
    bottom: 0.5em;
    right: 0.5em;
    align-items: center;
    position: absolute;
    background: rgba(26, 26, 26, 0.8); }
    #discography .album-details .album-details-text {
      flex: 1;
      color: white;
      text-align: center; }
    #discography .album-details .album-title,
    #discography .album-details .album-year,
    #discography .album-details .album-label {
      margin: 0.2em 0 1em; }
    #discography .album-details .album-title {
      font-size: 1.2em;
      font-weight: bold; }
    #discography .album-details .album-year,
    #discography .album-details .album-label {
      font-style: italic;
      font-size: 0.9em; }
  #discography .album-details-tracks {
    font-size: 0.8em;
    color: white; }
    #discography .album-details-tracks-close {
      color: white;
      position: absolute;
      right: 0;
      top: 0;
      padding: 1em;
      font-size: 2em; }
  #discography .get-album-button {
    text-decoration: none;
    padding: 1em 2em;
    display: block;
    text-transform: uppercase;
    color: white;
    background: #1a1a1a;
    text-align: center;
    margin: 2em 1em 0;
    border: 0.1em solid white; }
    #discography .get-album-button:hover {
      background: #7a6652; }

#band {
  padding: 1em 0;
  text-align: center; }
  #band p {
    margin-bottom: 2em;
    line-height: 1.5; }
    #band p.big {
      font-size: 1.3em; }
  #band .biography {
    max-width: 35em;
    margin: 0 auto; }
    @media screen and (max-width: 62em) {
      #band .biography {
        max-width: none;
        padding: 5em; } }
    @media screen and (max-width: 38em) {
      #band .biography {
        padding: 2em; } }
  #band .members {
    padding: 0.5em; }
    #band .members::after {
      clear: both;
      content: "";
      display: table; }
    #band .members .member {
      position: relative;
      float: left;
      margin: 0.5em;
      width: calc(50% - 1em); }
      #band .members .member img {
        width: 100%;
        display: block; }
    #band .members .member-name {
      position: absolute;
      bottom: 0.5em;
      left: 0.5em;
      right: 0.5em;
      padding: 0.7em 1em 0.5em;
      background: rgba(255, 255, 255, 0.7);
      color: #1a1a1a;
      font-size: 1.5em;
      font-weight: bold; }
  #band .photos {
    margin-top: 5em; }
  #band .video {
    width: calc(100% - 2em);
    margin: 5em auto; }
    #band .video iframe {
      max-width: 100%; }

#contacts .emails {
  margin: 2em auto;
  max-width: 30em;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 62em) {
    #contacts .emails {
      flex-wrap: wrap; } }

#contacts .email-icon-wrapper {
  text-align: right;
  flex: 1;
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 62em) {
    #contacts .email-icon-wrapper {
      text-align: center; } }

#contacts .email-content {
  flex: 1;
  display: inline-block;
  vertical-align: middle; }
  #contacts .email-content .row {
    margin: 0.7em; }

#contacts .label {
  font-weight: bold;
  display: inline;
  margin-right: 1em; }

#contacts .value {
  display: inline; }

#contacts .music-stores,
#contacts .social-media {
  text-align: center; }
  #contacts .music-stores [class*='-wrapper'],
  #contacts .social-media [class*='-wrapper'] {
    display: inline-block;
    margin: 0 1em; }
  #contacts .music-stores a img,
  #contacts .social-media a img {
    display: inline-block;
    vertical-align: middle; }

#contacts .social-media a {
  position: relative; }
  #contacts .social-media a span {
    display: none;
    position: absolute;
    width: 10em;
    left: -5em;
    top: 4em; }
  #contacts .social-media a:hover span {
    display: block; }

#footer {
  position: fixed;
  background: url("../images/graphics/bar.jpg") repeat top center/cover;
  color: white;
  width: 100%;
  z-index: 200;
  bottom: 0;
  padding: 0.5em;
  text-align: center;
  opacity: 0.9;
  border-top: 1px solid black;
  box-shadow: 0 -1px 6px black;
  min-height: 3em; }
  #footer img {
    max-height: 2em;
    vertical-align: middle; }
    @media screen and (max-width: 38em) {
      #footer img {
        max-width: 5em; } }
  @media screen and (max-width: 62em) {
    #footer .center-logos {
      padding: 0.6em;
      text-align: left; } }
  @media screen and (max-width: 38em) {
    #footer .center-logos {
      position: relative;
      text-align: center; } }
  #footer .right-logos {
    position: absolute;
    right: 0;
    top: 0; }
    #footer .right-logos a {
      padding: 0.5em 1em;
      display: inline-block;
      vertical-align: middle; }
    @media screen and (max-width: 62em) {
      #footer .right-logos {
        bottom: 0.5em;
        top: auto; } }
    @media screen and (max-width: 38em) {
      #footer .right-logos {
        position: relative; } }

.music-player-wrapper {
  width: 30em;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 5em;
  text-align: left;
  height: 100%; }
  @media screen and (max-width: 62em) {
    .music-player-wrapper {
      position: relative;
      margin: 0 auto;
      text-align: center; } }
  .music-player-wrapper .separator {
    margin: 0 1em; }
    @media screen and (max-width: 38em) {
      .music-player-wrapper .separator {
        display: none; } }

.music-player-album-cover {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 38em) {
    .music-player-album-cover {
      display: none; } }

.music-button {
  background: none;
  border: none;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em; }

.music-player-song {
  display: inline-block;
  vertical-align: middle; }

.music-player-album-name {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 38em) {
    .music-player-album-name {
      display: none; } }

#press ul {
  padding: 1em 3em; }
  #press ul li {
    margin: 1em; }

*, *:before, *:after {
  box-sizing: border-box; }

body {
  background-image: url("../images/graphics/background.jpg");
  background-position: 40% 0;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  font-family: 'Special Elite', Georgia;
  font-weight: 400;
  padding: 0;
  margin: 0; }
  @media screen and (max-width: 80em) {
    body {
      background-position: 0 0; } }

a,
a:link,
a:focus {
  color: #1a1a1a;
  font-weight: 600; }

.logo-wrapper {
  text-align: center;
  padding: 6em 1em 15em; }
  .logo-wrapper .logo-link {
    color: white;
    border: none; }
    .logo-wrapper .logo-link .logo-image {
      opacity: 0.8;
      max-height: 100%; }
      @media screen and (max-width: 38em) {
        .logo-wrapper .logo-link .logo-image {
          display: none; } }
    .logo-wrapper .logo-link .logo-image-symbol {
      display: none;
      max-height: 100%; }
      @media screen and (max-width: 38em) {
        .logo-wrapper .logo-link .logo-image-symbol {
          display: block; } }
  @media screen and (max-width: 62em) {
    .logo-wrapper {
      position: fixed;
      top: 0.5em;
      left: 1em;
      margin: 0;
      padding: 0;
      z-index: 100;
      height: 3em; } }

.content-container {
  max-width: 70em;
  margin: 0 auto; }
  .content-container .left-col {
    width: calc(33% - 0.1em);
    margin-right: 0.1em;
    min-width: 15em;
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 62em) {
      .content-container .left-col {
        width: 100%;
        display: block; } }
  .content-container .right-col {
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    width: calc(67% - 0.1em);
    vertical-align: top;
    padding-bottom: 5em; }
    @media screen and (max-width: 62em) {
      .content-container .right-col {
        width: 100%;
        display: block; } }
    .content-container .right-col section {
      padding: 1em; }
      .content-container .right-col section:not(.last-section):after {
        /* Sections separator */
        content: '';
        padding: 1em 0;
        text-align: center;
        display: inline-block;
        width: 100%; }
  @media screen and (max-width: 62em) {
    .content-container {
      padding-top: 4em; } }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }

.section-title {
  font-size: 1.5em;
  font-weight: 400;
  text-transform: uppercase;
  max-width: 8em;
  padding: 0.7em 0 0.5em;
  border-bottom: 1px dashed rgba(26, 26, 26, 0.4);
  border-top: 1px dashed rgba(26, 26, 26, 0.4);
  margin: 1em auto;
  text-align: center; }
  @media screen and (max-width: 62em) {
    .section-title {
      max-width: none;
      padding: 0;
      border: none; } }

.empty-result-message {
  text-align: center; }

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