html {
  box-sizing: border-box; }

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

body {
  background-color: #080d0f;
  color: #ebfcff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  line-height: 1.25; }

::-webkit-input-placeholder {
  color: #080d0f; }

::-moz-placeholder {
  color: #080d0f; }

:-ms-input-placeholder {
  color: #080d0f; }

:-moz-placeholder {
  color: #080d0f; }

img[data-object-fit='contain'] {
  object-fit: contain; }

img[data-object-fit='cover'] {
  object-fit: cover; }

h1 {
  color: #2e505c;
  font-family: "Rajdhani", sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }
  h1 a {
    color: #00aaba; }
    h1 a:hover,
    h1 a:active,
    h1 a:focus {
      color: #91dfe6;
      text-decoration: underline; }

h2 {
  color: #00aaba;
  font-family: "Stint Ultra Expanded", cursive;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: .25px;
  line-height: 1.44444;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }
  @media (min-width: 30em) {
    h2 {
      font-size: 30px; } }
  @media (min-width: 37.5em) {
    h2 {
      font-size: 36px; } }

h3 {
  color: #2e505c;
  font-family: "Rajdhani", sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }
  h3 a {
    color: #00aaba; }
    h3 a:hover,
    h3 a:active,
    h3 a:focus {
      color: #91dfe6;
      text-decoration: underline; }

h4 {
  color: #91dfe6;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0;
  margin-top: 0; }

h5 {
  color: #3c494c;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1.66667;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }

a {
  color: #ff8c5e;
  outline: 0;
  text-decoration: none;
  transition: color 200ms ease-in-out; }
  a:hover {
    color: #ffaf83;
    text-decoration: underline; }
  a:active,
  a:focus {
    color: #db6130;
    text-decoration: underline; }

.clearfix::after {
  clear: both;
  content: '';
  display: table; }

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  position: relative; }
  .container::after {
    clear: both;
    content: '';
    display: table; }
  @media (max-width: 62.875em) {
    .container {
      margin-left: 16px;
      margin-right: 16px; } }

.icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  stroke: currentColor;
  stroke-width: 0;
  width: 1em; }

.rte-content p:empty {
  display: none; }

.rte-content .map-embed > iframe {
  border: 0;
  width: 100%; }

.rte-content b,
.rte-content strong {
  color: #00aaba; }

.swiper-container {
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px; }
  .swiper-container img {
    display: block;
    height: 640px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    object-fit: contain;
    width: 100%; }
  .swiper-container button {
    background-color: transparent;
    background-image: none;
    border: 0;
    color: #ff8c5e;
    font-size: 32px;
    line-height: 1;
    padding: 0;
    transition: color 200ms ease-in-out; }
  .swiper-container button:hover {
    color: #ffaf83; }
  .swiper-container button:active,
  .swiper-container button:focus {
    color: #db6130;
    outline: 0; }
  .swiper-container .swiper-pagination-bullet {
    background-color: #fff; }
  .swiper-container .swiper-pagination-bullet-active {
    background-color: #ff8c5e; }

.MainActions .Action {
  text-align: center; }
  @media (max-width: 37.4375em) {
    .MainActions .Action {
      margin-top: 56px; } }
  @media (min-width: 37.5em) {
    .MainActions .Action {
      float: left;
      width: 33.33333%; } }

.Action > a {
  color: inherit;
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }
  @media (min-width: 37.5em) {
    .Action > a {
      width: 80%; } }
  .Action > a:hover,
  .Action > a:active,
  .Action > a:focus {
    text-decoration: none; }

.Action h3 {
  color: #ff8c5e;
  font-family: "Stint Ultra Condensed", cursive;
  font-size: 64px;
  font-weight: 400;
  transition: color 200ms ease-in-out; }
  @media (min-width: 37.5em) and (max-width: 52.4375em) {
    .Action h3 {
      font-size: 7vw; } }

.Action span {
  text-transform: lowercase; }

.Action > a:hover h3 {
  color: #ffaf83; }

.Action > a:active h3,
.Action > a:focus h3 {
  color: #db6130; }

.Action > a:active .Action-icon,
.Action > a:focus .Action-icon {
  background-color: #1d323a; }

.Action p {
  margin-bottom: 0;
  margin-top: 3px; }
  @media (min-width: 23.375em) and (max-width: 29.9375em) {
    .Action p {
      width: 70%; } }
  @media (min-width: 30em) and (max-width: 37.4375em) {
    .Action p {
      width: 50%; } }
  @media (max-width: 37.4375em) {
    .Action p {
      margin-left: auto;
      margin-right: auto; } }

.Action-text {
  margin-top: -21px; }

.Action-icon {
  background-color: #2e505c;
  border-radius: 100%;
  color: #080d0f;
  font-size: 0;
  line-height: 1;
  overflow: hidden;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
  @media (max-width: 23.375em) {
    .Action-icon {
      width: 128px; } }
  @media (min-width: 23.4375em) and (max-width: 37.4375em) {
    .Action-icon {
      width: 192px; } }
  @media (max-width: 37.4375em) {
    .Action-icon {
      margin-left: auto;
      margin-right: auto; } }
  .Action-icon .icon {
    height: 100%;
    width: 100%; }

.Action-icon--padded {
  padding: 40px; }
  @media (max-width: 23.375em) {
    .Action-icon--padded {
      padding: 20px; } }
  @media (min-width: 23.4375em) and (max-width: 37.4375em) {
    .Action-icon--padded {
      padding: 30px; } }

.Artist.-list {
  margin-bottom: 32px;
  margin-top: 32px; }
  @media (min-width: 48em) {
    .Artist.-list {
      margin-left: 32px;
      margin-right: 32px;
      position: relative; } }

.Artist.-detail {
  margin-bottom: 40px;
  margin-top: 40px; }
  @media (min-width: 48em) {
    .Artist.-detail {
      align-items: center;
      display: flex;
      margin-bottom: 80px;
      margin-top: 80px; } }

.Artist > a {
  display: block;
  text-decoration: none; }

.Artist.-list > a {
  align-items: center;
  display: flex; }
  @media (max-width: 47.9375em) {
    .Artist.-list > a:hover .Artist-name,
    .Artist.-list > a:active .Artist-name,
    .Artist.-list > a:focus .Artist-name {
      color: #91dfe6; } }
  @media (min-width: 48em) {
    .Artist.-list > a:hover .Artist-info,
    .Artist.-list > a:active .Artist-info,
    .Artist.-list > a:focus .Artist-info {
      opacity: 1; } }
  @media (min-width: 48em) {
    .Artist.-list > a:hover .Artist-image,
    .Artist.-list > a:active .Artist-image,
    .Artist.-list > a:focus .Artist-image {
      opacity: .2;
      transform: scale(1.05); } }

.Artist-image {
  border-radius: 100%;
  display: block; }
  .Artist.-list .Artist-image {
    height: 96px;
    width: 96px; }
    @media (min-width: 30em) and (max-width: 47.9375em) {
      .Artist.-list .Artist-image {
        height: 128px;
        width: 128px; } }
    @media (max-width: 47.9375em) {
      .Artist.-list .Artist-image {
        flex-shrink: 0; } }
    @media (min-width: 48em) {
      .Artist.-list .Artist-image {
        height: 256px;
        transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;
        width: 256px; } }
  .Artist.-detail .Artist-image {
    height: 192px;
    width: 192px; }
    @media (min-width: 22.5em) {
      .Artist.-detail .Artist-image {
        height: 256px;
        width: 256px; } }
    @media (min-width: 48em) {
      .Artist.-detail .Artist-image {
        align-self: flex-start;
        flex-shrink: 0; } }

@media (max-width: 47.9375em) {
  .Artist.-list .Artist-info {
    margin-left: 16px; } }

@media (min-width: 48em) {
  .Artist.-list .Artist-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity 200ms ease-in-out;
    width: 100%;
    z-index: 2; } }

@media (max-width: 47.9375em) {
  .Artist.-detail .Artist-info {
    margin-top: 40px; } }

@media (min-width: 48em) {
  .Artist.-detail .Artist-info {
    flex-grow: 1;
    margin-left: 40px;
    position: relative; } }

.Artist-name {
  font-family: "Stint Ultra Condensed", cursive;
  line-height: 1; }
  .Artist.-detail .Artist-name {
    font-size: 48px; }
    @media (min-width: 22.5em) {
      .Artist.-detail .Artist-name {
        font-size: 60px; } }
  .Artist.-list .Artist-name {
    color: #ebfcff;
    font-size: 32px;
    transition: color 200ms ease-in-out; }
    @media (min-width: 30em) {
      .Artist.-list .Artist-name {
        font-size: 40px; } }

.Artist-title {
  line-height: 1;
  margin-bottom: 0; }
  .Artist.-list .Artist-title {
    color: #00aaba;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px; }
    @media (min-width: 48em) {
      .Artist.-list .Artist-title {
        margin-top: 8px; } }
  .Artist.-detail .Artist-title {
    color: #475559;
    font-size: 20px;
    margin-top: 8px; }

.Artist.-detail .Artist-bio {
  font-size: 20px;
  line-height: 1.4; }

@media (max-width: 47.9375em) {
  .Artist.-detail .Artist-social {
    margin-top: 1.25em; } }

@media (min-width: 48em) {
  .Artist.-detail .Artist-social {
    position: absolute;
    right: 0;
    top: 10px; } }

.Artist.-detail .Artist-email,
.Artist.-detail .Artist-instagram {
  display: inline-block;
  font-size: 40px;
  line-height: 1; }

.Artist-email .icon,
.Artist-instagram .icon {
  display: block; }

.Artist.-detail .Artist-instagram {
  margin-left: 9px; }

.Artist-dates {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 48px; }
  .Artist-dates ul {
    list-style: none;
    padding-left: 0; }
  .Artist-dates time {
    color: #475559;
    font-weight: 600;
    margin-right: 8px; }
  .Artist-dates a {
    color: inherit;
    text-decoration: none;
    transition: color 200ms ease-in-out; }
    .Artist-dates a:hover,
    .Artist-dates a:active,
    .Artist-dates a:focus {
      color: #91dfe6; }

.Artist-booking {
  font-size: 20px;
  line-height: 1.4;
  margin-top: 48px; }

.Artist-tattoos {
  margin-top: 32px; }
  .Artist-tattoos section {
    margin-top: 32px; }

@media (min-width: 48em) {
  .ArtistsList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 80px;
    margin-top: 80px; } }

.Button {
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-family: "Rajdhani", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 1;
  outline: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, color 200ms ease-in-out;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 40px;
  font-size: 20px;
  padding: 11px 23px 9px; }
  .Button:hover,
  .Button:active,
  .Button:focus {
    text-decoration: none; }
  .Button.-primary {
    background-color: #00aaba;
    color: #ebfcff; }
    .Button.-primary:hover {
      background-color: #ebfcff;
      color: #00aaba; }
    .Button.-primary:active,
    .Button.-primary:focus {
      background-color: #007288;
      color: #ebfcff; }
  .Button.-secondary {
    background-color: #f5415a;
    color: #ebfcff; }
    .Button.-secondary:hover {
      background-color: #c7003f; }
    .Button.-secondary:active,
    .Button.-secondary:focus {
      background-color: #95002f; }
  .Button.-alt {
    color: #080d0f;
    font-family: "Stint Ultra Expanded", cursive;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: .75px;
    padding-bottom: 6px;
    padding-top: 7px; }
    .Button.-alt:hover,
    .Button.-alt:active,
    .Button.-alt:focus {
      color: #080d0f; }
  .Button.-alt.-condensed {
    font-family: "Stint Ultra Condensed", cursive; }
  .Button.-primary.-alt:hover {
    background-color: #91dfe6; }
  .Button.-secondary.-alt:hover {
    background-color: #ff687d; }
  .Button.-stroke,
  .Button.-knockout {
    border-style: solid;
    border-width: 2px; }
  .Button.-stroke {
    border-color: #080d0f; }
  .Button.-knockout,
  .Button.-knockout.-alt {
    background-color: #080d0f; }
    .Button.-knockout:hover,
    .Button.-knockout:active,
    .Button.-knockout:focus,
    .Button.-knockout.-alt:hover,
    .Button.-knockout.-alt:active,
    .Button.-knockout.-alt:focus {
      background-color: #080d0f; }
  .Button.-primary.-knockout,
  .Button.-primary.-knockout.-alt {
    border-color: #00aaba;
    color: #00aaba; }
    .Button.-primary.-knockout:hover,
    .Button.-primary.-knockout.-alt:hover {
      border-color: #91dfe6;
      color: #91dfe6; }
    .Button.-primary.-knockout:active,
    .Button.-primary.-knockout:focus,
    .Button.-primary.-knockout.-alt:active,
    .Button.-primary.-knockout.-alt:focus {
      border-color: #007288;
      color: #007288; }
  .Button.-secondary.-knockout,
  .Button.-secondary.-knockout.-alt {
    border-color: #f5415a;
    color: #f5415a; }
    .Button.-secondary.-knockout:hover,
    .Button.-secondary.-knockout.-alt:hover {
      border-color: #ff687d;
      color: #ff687d; }
    .Button.-secondary.-knockout:active,
    .Button.-secondary.-knockout:focus,
    .Button.-secondary.-knockout.-alt:active,
    .Button.-secondary.-knockout.-alt:focus {
      border-color: #95002f;
      color: #95002f; }
  .Button.-xlarge {
    border-radius: 50px;
    font-size: 42px;
    padding-bottom: 5px;
    padding-top: 6px; }
  .Button.-large {
    border-radius: 50px;
    font-size: 33px;
    padding-bottom: 11px;
    padding-top: 12px; }
  .Button.-small {
    border-radius: 34px;
    padding-bottom: 3px;
    padding-top: 4px; }
  .Button.-label {
    overflow: hidden; }
    .Button.-label span {
      display: block;
      float: right;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 10px;
      font-weight: 600;
      line-height: 11px;
      margin-left: 12px;
      margin-top: 2px;
      text-align: left;
      text-transform: uppercase;
      white-space: normal;
      width: 72px; }
  .Button.-label.-large span {
    font-size: 13px;
    line-height: 14px;
    margin-left: 12px;
    margin-top: 3px;
    width: 90px; }
  .Button.-label.-xlarge span {
    font-size: 15px;
    line-height: 16px;
    margin-left: 12px;
    margin-top: 6px;
    width: 104px; }
  .Button.-hand:hover .icon,
  .Button.-hand:active .icon,
  .Button.-hand:focus .icon {
    transform: translateX(4px); }
  .Button.-hand .icon {
    transition: transform 200ms ease-in-out; }
  .Button.-hand.-alt .icon {
    font-size: 43px;
    margin-left: -3px;
    margin-top: -30px;
    padding-top: 25px; }
  .Button.-hand.-alt.-large .icon {
    font-size: 56px;
    margin-left: -5px;
    margin-top: -30px;
    padding-top: 32px; }

.Decoration {
  display: block;
  fill: #10191e; }
  .Decoration.-divider {
    height: 18px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
    position: absolute;
    right: 0;
    width: 100%; }
    @media (min-width: 35em) {
      .Decoration.-divider {
        height: 28px; } }
    @media (min-width: 50em) {
      .Decoration.-divider {
        height: 42px; } }
  .Decoration.-flipped {
    transform: rotateX(180deg); }
  .Decoration.-offset-bottom {
    bottom: -16px; }
    @media (min-width: 35em) {
      .Decoration.-offset-bottom {
        bottom: -27px; } }
    @media (min-width: 50em) {
      .Decoration.-offset-bottom {
        bottom: -41px; } }
  .Decoration.-offset-top {
    top: -16px; }
    @media (min-width: 35em) {
      .Decoration.-offset-top {
        top: -27px; } }
    @media (min-width: 50em) {
      .Decoration.-offset-top {
        top: -41px; } }
  .Decoration.-spectra {
    fill: #2e505c; }

.Event.-listItem {
  margin-top: 40px; }

.Event:not(:last-child) > a::after {
  background-color: #2e505c;
  bottom: 0;
  content: '';
  height: 1px;
  left: 16px;
  position: absolute;
  right: 16px; }

.Event > a {
  background-color: #10191e;
  display: flex;
  overflow: hidden;
  padding: 16px;
  position: relative;
  text-decoration: none;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
  .Event > a:hover,
  .Event > a:active,
  .Event > a:focus {
    background-color: #475559; }

.Event-date {
  background-color: #517c83;
  color: #10191e;
  flex-shrink: 0;
  float: left;
  font-family: "Rajdhani", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 48px;
  line-height: 1;
  margin-right: 16px;
  padding-top: 5px;
  text-align: center;
  text-transform: uppercase;
  width: 48px; }
  .Event-date > span {
    display: block;
    font-size: 2em;
    margin-top: -4px; }

.Event-details {
  float: left;
  line-height: 1;
  text-transform: uppercase; }
  @media (max-width: 34.9375em) {
    .Event-details {
      width: 75%; } }
  @media (min-width: 35em) and (max-width: 47.9375em) {
    .Event-details {
      width: 85%; } }
  @media (min-width: 48em) {
    .Event-details {
      width: 220px; } }

.Event-types {
  color: #3c494c;
  margin-top: 10px; }

.Event-type {
  font-family: "Rajdhani", sans-serif;
  font-size: 20px;
  font-weight: 700; }
  .Event .Event-type {
    margin-top: -2px; }
  .Event.-listItem .Event-type {
    font-size: 16px;
    text-transform: uppercase; }
  .Event-type.-guest-artist {
    color: #829390; }
  .Event-type.-closed {
    color: #c7003f; }
  .Event-type.-shop-events,
  .Event-type.-event,
  .Event-type.-party,
  .Event-type.-promo,
  .Event-type.-sale {
    color: #ff687d; }
  .Event-type.-travel,
  .Event-type.-convention,
  .Event-type.-guest-spot {
    color: #00aaba; }

.Event-name {
  color: #ebfcff;
  font-size: 15px;
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.Event-datetime {
  color: #2e505c;
  font-size: 12px;
  margin-top: 4px;
  transition: color 200ms ease-in-out; }
  .Event > a:hover .Event-datetime,
  .Event > a:active .Event-datetime,
  .Event > a:focus .Event-datetime {
    color: rgba(235, 252, 255, 0.3); }
  .Event.-listItem .Event-datetime {
    font-size: 20px; }

.Event-artists ul {
  list-style: none;
  margin-top: 0 !important;
  padding-left: 0; }

.Event-artists a {
  color: #ebfcff; }
  .Event-artists a:hover {
    color: #91dfe6; }
  .Event-artists a:active,
  .Event-artists a:focus {
    color: #007288; }

.Event-location p {
  margin-top: 0 !important; }

.Event-label {
  color: #3c494c;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1.66667;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }

.Events-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 2px;
  padding-left: 0; }

.ExternalLink .icon {
  font-size: 8px;
  margin-left: 3px;
  margin-top: 13px;
  vertical-align: top; }

.Faq + .Faq {
  margin-top: 40px; }

.Flourish {
  display: block;
  fill: #10191e; }
  .Flourish.-divider {
    height: 16px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 904px;
    position: absolute;
    right: 0;
    top: -8px;
    width: 100%; }
    @media (min-width: 37.5em) {
      .Flourish.-divider {
        height: 24px;
        top: -12px; } }
    @media (min-width: 62.9375em) {
      .Flourish.-divider {
        height: 32px;
        top: -16px; } }
  .Flourish.-bunker {
    fill: #080d0f; }

.GalleryHeader-artist {
  margin-bottom: 20px; }

.GalleryTags {
  margin-top: 20px; }

.GalleryPhotos {
  margin-top: 40px; }
  @supports (display: grid) {
    .GalleryPhotos {
      display: grid;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      grid-template-columns: repeat(2, minmax(80px, 1fr)); }
      @media (min-width: 37.9375em) {
        .GalleryPhotos {
          grid-column-gap: 4.16667%;
          grid-row-gap: 40px;
          grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); } } }
  .GalleryPhotos a {
    display: inline-block;
    margin-bottom: 16px;
    margin-left: 4.16667%;
    transition: opacity 200ms ease-in-out;
    vertical-align: top;
    width: 47.22222%; }
    @media (min-width: 37.9375em) {
      .GalleryPhotos a {
        margin-bottom: 40px;
        margin-left: 6.42857%;
        width: 28.57143%; } }
    @media (min-width: 62.9375em) {
      .GalleryPhotos a {
        margin-left: 3.75%;
        width: 16.66667%; } }
    .GalleryPhotos a:nth-child(2n + 1) {
      margin-left: 0; }
      @media (min-width: 37.9375em) {
        .GalleryPhotos a:nth-child(2n + 1) {
          margin-left: 3.75%; } }
    @media (min-width: 37.9375em) {
      .GalleryPhotos a:nth-child(3n + 1) {
        margin-left: 0; } }
    @media (min-width: 62.9375em) {
      .GalleryPhotos a:nth-child(3n + 1) {
        margin-left: 3.75%; } }
    @media (min-width: 62.9375em) {
      .GalleryPhotos a:nth-child(5n + 1) {
        margin-left: 0; } }
    .GalleryPhotos a:focus {
      opacity: .5; }
    @supports (display: grid) {
      .GalleryPhotos a {
        display: block;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        width: 100%; } }
  .GalleryPhotos img {
    display: block;
    width: 100%; }

.GalleryToolbar {
  background-color: #1d2426;
  top: 0;
  z-index: 1; }
  @media (min-height: 60em) {
    .GalleryToolbar {
      position: sticky; } }
  .no-js .GalleryToolbar {
    display: none; }

.GalleryToolbar-filter {
  display: none;
  padding-bottom: 20px; }
  @media (min-width: 35em) {
    .GalleryToolbar-filter {
      column-count: 2; } }
  .GalleryToolbar-filter.-expanded {
    display: block; }
  .GalleryToolbar-filter.-loading {
    opacity: .4; }
  @media (min-width: 35em) {
    .GalleryToolbar-filter > div {
      break-inside: avoid;
      display: inline-block;
      width: 100%; } }
  .GalleryToolbar-filter h5 {
    color: #ebfcff;
    margin-top: 20px; }
  .GalleryToolbar-filter ul {
    list-style: none;
    padding-left: 0; }
  .GalleryToolbar-filter li {
    line-height: 1.5; }
  .GalleryToolbar-filter li > a {
    color: #517c83; }
    .GalleryToolbar-filter li > a:hover,
    .GalleryToolbar-filter li > a:active,
    .GalleryToolbar-filter li > a:focus {
      color: #00aaba;
      text-decoration: none; }
  .GalleryToolbar-filter .active > a {
    color: #00aaba; }
  .GalleryToolbar-filter li > a > span {
    background-color: #3c494c;
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    margin-top: -4px;
    position: relative;
    vertical-align: middle;
    width: 16px; }
  .GalleryToolbar-filter li > a > span::after {
    background-color: transparent;
    content: '';
    height: 8px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
    width: 8px; }
  .GalleryToolbar-filter li > a:focus > span::after,
  .GalleryToolbar-filter .active > a > span::after {
    background-color: #00aaba; }

.GalleryToolbar-button {
  color: #3c494c;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1.66667;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
  color: #00aaba;
  cursor: pointer;
  display: block;
  outline: 0;
  padding: 20px 0 14px;
  text-align: left;
  transition: color 200ms ease-in-out;
  width: 100%; }
  .GalleryToolbar-button:hover,
  .GalleryToolbar-button:active,
  .GalleryToolbar-button:focus {
    color: #91dfe6; }
  .GalleryToolbar-button .icon {
    margin-left: 4px;
    position: relative;
    top: -1px;
    vertical-align: middle; }
    @media (max-width: 37.4375em) {
      .GalleryToolbar-button .icon {
        float: right; } }
  .GalleryToolbar-button.-expanded .icon {
    transform: rotate(180deg); }

.GalleryToolbar::after {
  clear: both;
  content: '';
  display: table; }

.GetTattoo {
  color: #00aaba;
  font-size: 90px;
  font-weight: 600;
  line-height: 1;
  text-align: center; }
  @media (min-width: 48em) {
    .GetTattoo {
      font-size: 120px; } }
  @media (min-width: 62.9375em) {
    .GetTattoo {
      font-size: 150px; } }
  .GetTattoo a {
    color: inherit;
    transition: color 200ms ease-in-out; }
    .GetTattoo a:hover,
    .GetTattoo a:active,
    .GetTattoo a:focus {
      color: #91dfe6;
      text-decoration: none; }

.Introduction {
  background-color: #080d0f;
  background-image: linear-gradient(to bottom, #2e505c 0, #2e505c 0, #080d0f 102px);
  position: relative;
  text-align: center; }
  @media (min-width: 37.5em) {
    .Introduction {
      padding-bottom: 35px; } }
  @media (min-width: 48em) {
    .Introduction {
      background-image: linear-gradient(to bottom, #2e505c 0, #2e505c 0, #080d0f 204px); } }
  .Introduction p {
    margin-bottom: 0;
    margin-top: 0; }
    @media (min-width: 30em) {
      .Introduction p {
        padding-left: 32px;
        padding-right: 32px; } }
    @media (min-width: 48em) {
      .Introduction p {
        padding-left: 64px;
        padding-right: 64px; } }
    @media (min-width: 60em) {
      .Introduction p {
        padding-left: 128px;
        padding-right: 128px; } }
    @media (min-width: 62.9375em) {
      .Introduction p {
        padding-left: 150px;
        padding-right: 150px; } }

.Introduction-content {
  padding-top: 23px; }
  @media (min-width: 48em) {
    .Introduction-content.-no-image {
      padding-bottom: 88px; } }

@media (max-width: 47.9375em) {
  .Introduction-voted {
    display: none; } }

@media (min-width: 48em) {
  .Introduction-voted {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    max-width: 762px;
    width: 100%; } }

.Link {
  color: #00aaba;
  text-decoration: underline;
  transition: color 200ms ease-in-out; }
  .Link:hover {
    color: #91dfe6; }
  .Link:active,
  .Link:focus {
    color: #007288; }

.Location-description {
  margin-bottom: 34px;
  text-align: center; }
  .Location-description > p {
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0; }
    @media (min-width: 48em) {
      .Location-description > p {
        margin-left: 24px;
        margin-right: 24px; } }

@media (min-width: 48em) {
  .Location-info,
  .Location-image {
    float: left;
    width: 33.33333%; } }

.Location-info {
  text-align: center; }
  @media (min-width: 48em) {
    .Location-info {
      padding-left: 6.25%;
      padding-right: 6.25%;
      padding-top: 28px; } }
  .Location-info h4 {
    color: #2e505c;
    font-family: "Rajdhani", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase; }
  .Location-info p {
    margin-bottom: 0;
    margin-top: 5px; }
  .Location-info a {
    font-weight: 600;
    text-decoration: underline; }
    .Location-info a[href^='mailto:'] {
      font-style: italic;
      font-weight: 400; }
  .Location-info .adr > a {
    color: #ebfcff;
    font-weight: 400;
    text-decoration: none;
    transition: color 200ms ease-in-out; }
    .Location-info .adr > a:hover {
      color: #91dfe6; }
    .Location-info .adr > a:active,
    .Location-info .adr > a:focus {
      color: #00aaba; }
  .Location-info .icon {
    color: #2e505c;
    display: block;
    height: 5px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    width: 145px; }

@media (max-width: 29.9375em) {
  .Location-image {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 16px; } }

@media (min-width: 30em) and (max-width: 47.9375em) {
  .Location-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px; } }

@media (min-width: 48em) {
  .Location-header .Location-image {
    display: none; } }

@media (max-width: 47.9375em) {
  .Location-details .Location-image:first-of-type {
    display: none; } }

.Location-image > img {
  display: block;
  width: 100%; }

.Logo {
  color: #080d0f;
  display: inline-block;
  font-size: 30px;
  outline: 0;
  padding: 13px 16px 3px;
  transition: color 200ms ease-in-out; }
  .Logo:hover {
    color: #91dfe6; }
  .Logo:active,
  .Logo:focus {
    color: #00aaba; }
  .Navigation .Logo {
    left: 0;
    position: absolute;
    top: 0; }
    @media (min-width: 62.9375em) {
      .Navigation .Logo {
        margin-left: -16px; } }

.Masthead {
  background-color: #080d0f;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  position: relative;
  text-align: center; }
  @media (min-width: 48em) {
    .Masthead {
      height: 60vh;
      max-height: 495px; } }
  .Masthead > .container {
    height: 100%; }

.Masthead-logo {
  display: inline-block;
  max-width: 600px;
  width: 100%; }
  @media (min-width: 48em) {
    .Masthead-logo {
      height: calc(100% - 26px);
      max-width: 733px; } }
  @supports (object-fit: contain) {
    @media (min-width: 48em) {
      .Masthead-logo {
        height: 100%;
        object-fit: contain;
        padding-bottom: 26px; } } }
  .Masthead .Masthead-logo {
    margin-top: 26px; }
    @supports (object-fit: contain) {
      .Masthead .Masthead-logo {
        margin-top: 0;
        padding-top: 26px; } }

.Masthead-location {
  color: #ebfcff;
  display: inline-block;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1; }
  @media (max-width: 47.9375em) {
    .Masthead .Masthead-location {
      margin-top: 20px; } }
  @media (min-width: 48em) {
    .Masthead .Masthead-location {
      bottom: 6px;
      left: 0;
      position: absolute; } }
  @media (min-width: 60em) {
    .Masthead .Masthead-location {
      left: 68px; } }
  .Masthead-location a {
    color: inherit;
    text-decoration: none;
    transition: color 200ms ease-in-out; }
    .Masthead-location a:hover {
      color: #91dfe6; }
    .Masthead-location a:active,
    .Masthead-location a:focus {
      color: #00aaba; }
  .Masthead-location .icon {
    color: #829390;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .Masthead-location .icon-located {
    height: 14px;
    margin-bottom: 6px;
    width: 145px; }
  .Masthead-location .icon-flourish {
    height: 5px;
    margin-bottom: 8px;
    margin-top: 7px;
    width: 145px; }

.Menu {
  display: inline-block;
  font-size: 16px;
  font-family: "Rajdhani", sans-serif;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase; }
  .Menu > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  @media (max-width: 37.4375em) {
    body:not(.Home) .Navigation .Menu.-primary {
      display: none; } }
  body:not(.Home) .Navigation .Menu.-secondary {
    background-color: #3c494c;
    position: absolute;
    top: 54px;
    right: 0;
    text-align: left;
    width: 240px; }
  @media (max-width: 47.9375em) {
    .Home .Navigation .Menu.-secondary {
      background-color: #3c494c;
      position: absolute;
      top: 54px;
      right: 0;
      text-align: left;
      width: 240px; } }
  body:not(.Home) .Navigation .Menu.-secondary.-invisible {
    opacity: 0;
    transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    visibility: hidden; }
  @media (max-width: 47.9375em) {
    .Home .Navigation .Menu.-secondary.-invisible {
      opacity: 0;
      transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
      visibility: hidden; } }
  body:not(.Home) .Navigation .Menu.-secondary.-visible {
    opacity: 1;
    visibility: visible;
    z-index: 2; }
  @media (max-width: 47.9375em) {
    .Home .Navigation .Menu.-secondary.-visible {
      opacity: 1;
      visibility: visible;
      z-index: 2; } }
  .Menu.-primary > ul > li {
    float: left; }
  @media (min-width: 48em) {
    .Home .Navigation .Menu.-secondary > ul > li {
      float: left; } }
  .Menu ul > li > a {
    color: #91dfe6;
    display: block;
    letter-spacing: .5px;
    outline: 0;
    padding: 22px 10px 16px;
    text-decoration: none;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
    @media (min-width: 23.4375em) {
      .Menu ul > li > a {
        padding-left: 14px;
        padding-right: 14px; } }
    .Menu ul > li > a:hover {
      background-color: #1d2426;
      color: #ebfcff; }
    .Menu ul > li > a:active,
    .Menu ul > li > a:focus {
      background-color: #1d2426;
      color: #00aaba; }
    .Menu ul > li > a.current {
      color: #00aaba; }
    @media (min-width: 37.5em) and (max-width: 47.9375em) {
      body:not(.Home) .Menu ul > li > a .text {
        display: none; } }
    @media (max-width: 29.9375em) {
      .Home .Menu ul > li > a .text {
        display: none; } }
    .Menu ul > li > a .lowercase {
      text-transform: lowercase; }
  @media (max-width: 47.9375em) {
    .Menu.-secondary > ul > li > a {
      background-color: #3c494c;
      padding-left: 20px;
      padding-right: 20px; }
      .Menu.-secondary > ul > li > a:hover {
        color: #ebfcff;
        background-color: #1d2426; }
      .Menu.-secondary > ul > li > a:active,
      .Menu.-secondary > ul > li > a:focus {
        color: #ebfcff;
        background-color: #007288; } }
  .Menu.-secondary > ul > li > .Action {
    color: #ff687d; }
    .Menu.-secondary > ul > li > .Action:hover {
      color: #f5415a; }
    .Menu.-secondary > ul > li > .Action:active,
    .Menu.-secondary > ul > li > .Action:focus {
      color: #1d2426;
      background-color: #c7003f; }

.MenuToggle {
  background-color: #3c494c;
  border: 0;
  color: #00aaba;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
  font-weight: 600;
  height: 54px;
  letter-spacing: .8px;
  outline: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: color 200ms ease-in-out;
  width: 54px; }
  @media (min-width: 48em) {
    .Home .MenuToggle {
      display: none; } }
  .MenuToggle:hover {
    background-color: #1d2426;
    color: #ebfcff; }
  .MenuToggle:active,
  .MenuToggle:focus {
    background-color: #3c494c;
    color: #1d2426; }
  .MenuToggle.-active {
    background-color: #3c494c;
    color: #1d2426; }
    .MenuToggle.-active:hover {
      color: #ebfcff; }
    .MenuToggle.-active:active,
    .MenuToggle.-active:focus {
      background-color: #1d2426;
      color: #3c494c; }
  .MenuToggle .icon {
    font-size: 24px; }

.MenuToggle-open,
.MenuToggle-close {
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 200ms ease-in-out;
  width: 100%; }

.MenuToggle-open {
  padding-top: 14px; }
  .MenuToggle-open .icon {
    margin-top: -3px; }

.MenuToggle-close {
  padding-top: 15px; }

.MenuToggle-open,
.MenuToggle.-active .MenuToggle-close {
  opacity: 1; }

.MenuToggle-close,
.MenuToggle.-active .MenuToggle-open {
  opacity: 0; }

.Merchandise-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  padding-left: 0; }
  @media (max-width: 29.9375em) {
    .Merchandise-list {
      margin-left: -16px;
      margin-right: -16px; } }
  @media (min-width: 30em) and (max-width: 47.9375em) {
    .Merchandise-list {
      margin-left: auto;
      margin-right: auto;
      max-width: 480px; } }
  .Merchandise-list li {
    float: left;
    max-width: 240px;
    width: 50%; }
    @media (min-width: 48em) {
      .Merchandise-list li {
        width: 25%; } }
  .Merchandise-list img {
    display: block;
    width: 100%; }

@media (max-width: 29.9375em) {
  .Merchandise-list + .Button {
    bottom: 22px; } }

@media (min-width: 30em) and (max-width: 62.875em) {
  .Merchandise-list + .Button {
    bottom: 30px; } }

@media (max-width: 62.875em) {
  .Merchandise-list + .Button {
    position: relative; } }

@media (min-width: 62.9375em) {
  .Merchandise-list + .Button {
    bottom: -30px;
    position: absolute;
    right: 125px; } }

.MoreLink {
  display: inline-block;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
  letter-spacing: .5px;
  line-height: 1;
  text-transform: uppercase;
  transition: color 200ms ease-in-out;
  white-space: nowrap; }
  .MoreLink::after {
    content: ' \003e'; }
  .MoreLink:hover,
  .MoreLink:active,
  .MoreLink:focus {
    text-decoration: none; }

.Navigation {
  background-color: #475559;
  height: 54px;
  position: relative;
  z-index: 5; }
  .Navigation > .container {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: right; }

.NewsArticle.-list > p {
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 3px; }
  @media (min-width: 37.5em) and (max-width: 47.9375em) {
    .NewsArticle.-list > p {
      max-width: 90%; } }

.NewsArticle.-list + .NewsArticle.-list {
  margin-top: 16px; }

.NewsArticle.-detail {
  margin-bottom: 80px;
  margin-top: 80px; }
  .NewsArticle.-detail h3 {
    color: #00aaba;
    font-size: 64px; }
  .NewsArticle.-detail time {
    color: #475559; }
  .NewsArticle.-detail p {
    font-size: 24px;
    line-height: 1.5; }
  @media (max-width: 37.4375em) {
    .NewsArticle.-detail img {
      margin-bottom: 24px;
      margin-top: 24px;
      max-width: 100%; } }
  @media (min-width: 37.5em) {
    .NewsArticle.-detail img.Left {
      float: left;
      margin-bottom: 40px;
      margin-right: 40px;
      margin-top: 9px;
      max-width: 32%; } }
  @media (min-width: 37.5em) {
    .NewsArticle.-detail img.Right {
      float: right;
      margin-bottom: 40px;
      margin-left: 40px;
      margin-top: 9px;
      max-width: 32%; } }
  @media (min-width: 37.5em) {
    .NewsArticle.-detail img.Full {
      margin-bottom: 40px;
      margin-top: 40px;
      max-width: 100%; } }

@media (min-width: 48em) {
  .NewsEvents {
    display: flex; } }

@media (min-width: 48em) {
  .Home .NewsEvents {
    flex-direction: row-reverse; } }

.News .NewsEvents {
  margin-bottom: 40px;
  margin-top: 40px; }
  @media (min-width: 48em) {
    .News .NewsEvents {
      margin-bottom: 80px;
      margin-top: 80px; } }

.PageTitle {
  color: #ebfcff;
  font-family: "Stint Ultra Expanded", cursive;
  font-size: 4.16667vw;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase; }
  @media (min-width: 30em) {
    .PageTitle {
      font-size: 20px; } }
  .PageTitle span {
    text-transform: lowercase; }
  .Navigation .PageTitle {
    left: 62px;
    position: absolute;
    top: calc(50% + 2px); }
    @media (max-width: 29.9375em) {
      .Navigation .PageTitle {
        transform: translateY(-50%); } }
    @media (min-width: 30em) {
      .Navigation .PageTitle {
        top: 19px; } }
    @media (min-width: 62.9375em) {
      .Navigation .PageTitle {
        left: 46px; } }

.Pagination {
  margin-top: 40px; }

.Pagination-links {
  display: flex;
  flex-wrap: wrap; }
  .Pagination-links a,
  .Pagination-links strong {
    border: 1px solid #1d2426;
    display: inline-block;
    line-height: 1;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 8px 12px;
    text-align: center; }
  .Pagination-links strong {
    font-weight: 400; }
  .Pagination-links a:hover,
  .Pagination-links a:active,
  .Pagination-links a:focus {
    background-color: #1d2426;
    text-decoration: none;
    transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }

.Pagination-label {
  color: #3c494c;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1.66667;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 20px; }
  .Pagination-label span {
    color: #829390; }

.SkipLink {
  display: none; }

.SocialLinks {
  margin-top: 30px;
  text-align: center; }
  .SocialLinks::after {
    clear: both;
    content: '';
    display: table; }
  .SocialLinks a {
    display: inline-block;
    font-size: 60px; }
  .SocialLinks a + a {
    margin-left: 27px; }

.SubNavigation {
  border-bottom: 1px solid #1d2426;
  height: 77px;
  overflow: hidden;
  position: relative; }
  .SubNavigation::after,
  .SubNavigation::before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 16px;
    z-index: 2; }
  .SubNavigation::before {
    background: linear-gradient(to right, #080d0f 20%, rgba(8, 13, 15, 0) 100%);
    left: 0; }
  .SubNavigation::after {
    background: linear-gradient(to left, #080d0f 20%, rgba(8, 13, 15, 0) 100%);
    right: 0; }
  .SubNavigation > ul {
    color: #1d2426;
    font-family: "Rajdhani", sans-serif;
    font-size: 16px;
    line-height: 1;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 32px 0 28px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%; }
    @media (max-width: 62.875em) {
      .SubNavigation > ul {
        padding-left: 16px;
        padding-right: 16px; } }
    @media (min-width: 62.9375em) {
      .SubNavigation > ul {
        margin-left: auto;
        margin-right: auto;
        max-width: 960px; } }
  .SubNavigation > ul > li {
    display: inline-block; }
    .SubNavigation > ul > li + li {
      margin-left: 28px; }
  .SubNavigation > ul > li > a {
    color: #00aaba;
    position: relative;
    text-decoration: none;
    transition: color 200ms ease-in-out; }
    .SubNavigation > ul > li > a::after {
      background-color: #91dfe6;
      bottom: -1px;
      content: '';
      height: 1px;
      left: 0;
      position: absolute;
      transform: scaleX(0);
      transition: background-color 200ms ease-in-out, transform 150ms;
      width: 100%; }
    .SubNavigation > ul > li > a.active,
    .SubNavigation > ul > li > a:hover,
    .SubNavigation > ul > li > a:active,
    .SubNavigation > ul > li > a:focus {
      color: #91dfe6; }
      .SubNavigation > ul > li > a.active::after,
      .SubNavigation > ul > li > a:hover::after,
      .SubNavigation > ul > li > a:active::after,
      .SubNavigation > ul > li > a:focus::after {
        transform: scaleX(1); }
    .SubNavigation > ul > li > a:active,
    .SubNavigation > ul > li > a:focus {
      color: #007288; }
      .SubNavigation > ul > li > a:active::after,
      .SubNavigation > ul > li > a:focus::after {
        background-color: #007288; }

.Tag {
  background-color: #1d2426;
  color: #00aaba;
  display: inline-block;
  line-height: 1;
  padding: 9px 7px 7px;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
  .Tag:hover,
  .Tag:active,
  .Tag:focus {
    background-color: #3c494c;
    color: #91dfe6;
    text-decoration: none; }
  .Tag span {
    background-color: rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    margin-top: -2px;
    padding-left: 1px;
    padding-top: 2px;
    text-align: center;
    vertical-align: top;
    width: 20px; }
  .TagList .Tag {
    margin-bottom: 8px;
    margin-right: 8px; }

.TagList {
  display: flex;
  flex-wrap: wrap; }

.TattooMarquee {
  background-color: #080d0f;
  height: 256px;
  margin-top: 30px;
  position: relative; }
  @media (min-width: 48em) {
    .TattooMarquee {
      height: 128px; } }
  .TattooMarquee::after {
    background: -moz-linear-gradient(top, #0c0f11 0%, rgba(13, 17, 18, 0) 50%, #0c0f11 100%);
    background: -webkit-linear-gradient(top, #0c0f11 0%, rgba(13, 17, 18, 0) 50%, #0c0f11 100%);
    background: linear-gradient(to bottom, #0c0f11 0%, rgba(13, 17, 18, 0) 50%, #0c0f11 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c0f11', endColorstr='#0c0f11',GradientType=0 );
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2; }
  .TattooMarquee > .container {
    height: 100%;
    z-index: 3; }

.TattooMarquee-images {
  background-position: 50%;
  background-repeat: repeat;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }
  .TattooMarquee-images img {
    display: block;
    height: 128px;
    object-fit: cover;
    width: 128px; }
    @media (max-width: 79.9375em) {
      .TattooMarquee-images img {
        flex: 1 1 auto; } }

.TattoosButton {
  display: block;
  height: 24px;
  width: 296px; }
  .TattooMarquee .TattoosButton {
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 47.9375em) {
      .TattooMarquee .TattoosButton {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        min-width: 296px;
        width: 60vw; } }
  .TattoosButton .TattoosButton-background {
    fill: #ff8c5e;
    transition: fill 200ms ease-in-out; }
  .TattoosButton:hover .TattoosButton-background {
    fill: #ffaf83; }
  .TattoosButton:active .TattoosButton-background,
  .TattoosButton:focus .TattoosButton-background {
    fill: #db6130; }
  .TattoosButton .TattoosButton-text {
    fill: #10191e; }

.Main .BookingActions {
  text-align: center;
  margin-top: 46px; }

.Masthead .BookingActions {
  width: 194px; }
  @media (max-width: 47.9375em) {
    .Masthead .BookingActions {
      margin-left: auto;
      margin-right: auto;
      margin-top: 36px; } }
  @media (min-width: 48em) {
    .Masthead .BookingActions {
      position: absolute;
      z-index: 5; } }
  @media (min-width: 48em) and (max-width: 62.875em) {
    .Masthead .BookingActions {
      bottom: 0;
      right: 0; } }
  @media (min-width: 62.9375em) {
    .Masthead .BookingActions {
      left: 84px;
      top: -19px; } }

.Main .BookingActions-button {
  width: 100%; }
  @media (min-width: 22.5em) {
    .Main .BookingActions-button {
      width: 320px; } }
  @media (max-width: 47.9375em) {
    .Main .BookingActions-button {
      display: block;
      margin-left: auto;
      margin-right: auto; } }

.Masthead .BookingActions-button {
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%; }

@media (max-width: 47.9375em) {
  .Main .BookingActions-button + .BookingActions-button {
    margin-top: 22px; } }

@media (min-width: 48em) {
  .Main .BookingActions-button + .BookingActions-button {
    margin-left: 43px; } }

.Masthead .BookingActions-button + .BookingActions-button {
  margin-top: 12px; }

.Main .BookingActions-button.-label span {
  margin-left: 0;
  width: 104px; }
  @media (min-width: 22.5em) {
    .Main .BookingActions-button.-label span {
      width: 114px; } }

.Masthead .BookingActions-button.-label span {
  margin-left: -10px;
  width: 85px; }

@media (max-width: 47.9375em) {
  .Events {
    margin-left: -16px;
    margin-right: -16px; } }

@media (max-width: 47.9375em) {
  .News .Events {
    margin-top: 80px; } }

@media (max-width: 47.9375em) {
  .PageContainer .Events {
    margin-top: 80px; } }

@media (min-width: 48em) {
  .NewsEvents .Events {
    flex-shrink: 0;
    float: right;
    margin-left: 32px;
    width: 316px; } }

@media (max-width: 47.9375em) {
  .Events h5 {
    padding-left: 16px;
    padding-right: 16px; } }

.Events > footer {
  margin-top: 4px; }
  @media (max-width: 47.9375em) {
    .Events > footer {
      padding-left: 16px;
      padding-right: 16px; } }
  @media (min-width: 48em) {
    .Events > footer {
      text-align: right; } }

.Footer {
  padding-bottom: 40px; }
  @media (min-width: 37.5em) {
    .Footer {
      padding-bottom: 100px; } }
  body:not(.Home) .Footer {
    padding-top: 90px; }

.Footer-contact {
  color: #3c494c;
  margin-top: 100px;
  text-align: center; }
  @media (max-width: 37.4375em) {
    .Footer-contact {
      font-size: 14px; } }
  @media (min-width: 62.9375em) {
    .Footer-contact .vcard {
      display: inline; } }
  @media (min-width: 62.9375em) {
    .Footer-contact .vcard > div {
      display: inline; } }
  .Footer-contact a {
    color: currentColor; }
  @media (max-width: 62.875em) {
    .Footer-contact .bullet {
      display: none; } }

.LocationSection {
  background-color: #10191e;
  margin-top: 64px; }
  .LocationSection > header {
    margin-bottom: 14px;
    padding-top: 25px;
    text-align: center; }
  .LocationSection > footer {
    margin-bottom: 42px;
    padding-top: 26px; }

.Main {
  outline: 0;
  position: relative;
  z-index: 4; }

.MerchandiseSection {
  margin-top: 64px;
  text-align: center; }
  .MerchandiseSection > header {
    margin-bottom: 17px;
    padding-top: 25px; }
  @media (max-width: 29.9375em) {
    .MerchandiseSection .Button.-alt {
      border-radius: 34px;
      padding-bottom: 3px;
      padding-top: 4px;
      margin-left: -16px;
      margin-right: -16px; } }
  @media (min-width: 30em) {
    .MerchandiseSection .Button.-alt {
      border-radius: 50px;
      font-size: 33px;
      padding-bottom: 11px;
      padding-top: 12px; } }

@media (max-width: 47.9375em) {
  .NewsArticles {
    margin-top: 39px; } }

@media (min-width: 48em) {
  .NewsArticles {
    flex-grow: 1;
    float: left; } }

@media (min-width: 48em) {
  .Home .NewsArticles {
    margin-left: 3.95833%;
    width: 59.79167%; } }

@media (min-width: 48em) {
  .News .NewsArticles {
    width: 63.75%; } }

.NewsArticles > footer {
  margin-top: 7px; }

.NewsEventsSection {
  background-color: #080d0f;
  background-image: linear-gradient(to bottom, #2e505c 0, #2e505c 0, #080d0f 54px);
  margin-top: 66px; }
  .NewsEventsSection > header {
    margin-bottom: 24px;
    padding-top: 59px;
    text-align: center; }

.PageContainer {
  margin-bottom: 40px;
  margin-top: 40px; }
  .PageContainer.-no-top-margin {
    margin-top: 0; }
  .PageContainer p,
  .PageContainer ul,
  .PageContainer ol {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 1em;
    margin-top: 1em; }
  .PageContainer p + h2,
  .PageContainer ul + h2,
  .PageContainer ol + h2 {
    margin-top: 2em; }

@media (min-width: 48em) {
  .TwoColumnPage .ContentColumn {
    float: left;
    width: 70%; } }

@media (max-width: 47.9375em) {
  .TwoColumnPage .AsideColumn {
    margin-top: 40px; } }

@media (min-width: 48em) {
  .TwoColumnPage .AsideColumn {
    border-left: 1px solid #1d2426;
    float: right;
    margin-left: 4.16667%;
    padding-left: 4.16667%;
    width: 25.83333%; } }

.TwoColumnPage .AsideColumn p {
  font-size: 16px;
  line-height: 1.25; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
.pswp__bg {
  background-color: #080d0f; }

/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right; }

.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button--arrow--left,
.pswp__button--arrow--right,
.pswp__button--close {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px; }

.pswp__button--arrow--left {
  background-image: url("../images/site/chevron-left.svg"); }

.pswp__button--arrow--right {
  background-image: url("../images/site/chevron-right.svg"); }

.pswp__button--close {
  background-image: url("../images/site/cross.svg"); }

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  height: 100px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 70px; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

.pswp__counter {
  color: #3c494c;
  font-family: "Rajdhani", sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
  line-height: 1.66667;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  height: 44px;
  left: 0;
  line-height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: 0; }

.pswp__caption {
  bottom: 0;
  left: 0;
  min-height: 44px;
  position: absolute;
  width: 100%; }
  .pswp__caption small {
    font-size: 11px; }

.pswp__caption__center {
  margin-left: auto;
  margin-right: auto;
  max-width: 420px;
  padding: 10px;
  text-align: center; }

.pswp__caption--empty {
  display: none; }

.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

.color--black {
  color: #000; }

.color--bunker {
  color: #080d0f; }

.color--twilight-blue {
  color: #ebfcff; }

.color--river-bed {
  color: #475559; }

.color--riptide {
  color: #91dfe6; }

.color--pacific-blue {
  color: #00aaba; }

.color--blue-lagoon {
  color: #007288; }

.color--limed-spruce {
  color: #3c494c; }

.color--shark {
  color: #1d2426; }

.color--carnation {
  color: #f5415a; }

.color--monza {
  color: #c7003f; }

.color--burgandy {
  color: #95002f; }

.color--watermelon {
  color: #ff687d; }

.color--spectra {
  color: #2e505c; }

.color--salmon {
  color: #ff8c5e; }

.color--hit-pink {
  color: #ffaf83; }

.color--flame-pea {
  color: #db6130; }

.color--gunsmoke {
  color: #829390; }

.color--dark-navy {
  color: #10191e; }

.color--smalt-blue {
  color: #517c83; }

.background--black {
  background-color: #000; }

.background--bunker {
  background-color: #080d0f; }

.background--twilight-blue {
  background-color: #ebfcff; }

.background--river-bed {
  background-color: #475559; }

.background--riptide {
  background-color: #91dfe6; }

.background--pacific-blue {
  background-color: #00aaba; }

.background--blue-lagoon {
  background-color: #007288; }

.background--limed-spruce {
  background-color: #3c494c; }

.background--shark {
  background-color: #1d2426; }

.background--carnation {
  background-color: #f5415a; }

.background--monza {
  background-color: #c7003f; }

.background--burgandy {
  background-color: #95002f; }

.background--watermelon {
  background-color: #ff687d; }

.background--spectra {
  background-color: #2e505c; }

.background--salmon {
  background-color: #ff8c5e; }

.background--hit-pink {
  background-color: #ffaf83; }

.background--flame-pea {
  background-color: #db6130; }

.background--gunsmoke {
  background-color: #829390; }

.background--dark-navy {
  background-color: #10191e; }

.background--smalt-blue {
  background-color: #517c83; }