@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i,900");
@font-face {
  font-family: 'my_underwoodregular';
  src: url("/fonts/myunderwood-2021-webfont.woff2") format("woff2"), url("/fonts/myunderwood-2021-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/* Browser Reset */
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, font, 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, figure {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: 0; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal; }

ol, ul {
  list-style: disc; }

blockquote {
  quotes: none; }

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

del {
  text-decoration: line-through; }

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

a img {
  border: none; }

cite {
  display: inline-block; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input[type=submit] {
  -webkit-appearance: none !important;
  appearance: none !important; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #626161 inset !important; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none; }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none; }

sup {
  transform: translateY(-25%);
  display: inline-block; }

@keyframes wobble {
  0% {
    transform: scale(1) rotate(0deg); }
  5% {
    transform: scale(1.2) rotate(-10deg); }
  10% {
    transform: scale(1.4) rotate(10deg); }
  15% {
    transform: scale(1) rotate(0deg); } }
@keyframes loop {
  0% {
    transform: translateY(0%) translateX(0%); }
  12.5% {
    transform: translateY(1%) translateX(0%); }
  25% {
    transform: translateY(1%) translateX(1%); }
  37.5% {
    transform: translateY(0%) translateX(2%); }
  50% {
    transform: translateY(0%) translateX(1%); }
  62.5% {
    transform: translateY(1%) translateX(1%); }
  75% {
    transform: translateY(2%) translateX(1%); }
  87.5% {
    transform: translateY(1%) translateX(0%); } }
@keyframes hover {
  25% {
    transform: translateY(-2%); }
  75% {
    transform: translateY(2%); } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  main {
    min-height: calc(100vh - 8.95vw); } }
@media screen and (min-width: 1501px) {
  main {
    min-height: calc(100vh - 125px); } }

.inner {
  max-width: 1200px;
  /* makes page 1500px wide at breakpoint */
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 980px) {
    .inner {
      width: 94vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .inner {
      width: 80vw; } }
  @media screen and (min-width: 1501px) {
    .inner {
      width: 80vw; } }

@media screen and (max-width: 980px) {
  .primary_column {
    width: 100%; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .primary_column {
    width: 58%; } }
@media screen and (min-width: 1501px) {
  .primary_column {
    width: 52%; } }

@media screen and (max-width: 980px) {
  .singular_column {
    width: 100%; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .singular_column {
    width: 75%; } }
@media screen and (min-width: 1501px) {
  .singular_column {
    width: 75%; } }

@media screen and (max-width: 980px) {
  .top_space {
    margin-top: 2vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .top_space {
    margin-top: 9vw; } }
@media screen and (min-width: 1501px) {
  .top_space {
    margin-top: 100px; } }

body {
  background: #0094c8;
  color: #fff;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  overflow-x: hidden; }
  body.has_modal {
    overflow: hidden;
    position: relative; }
    body.has_modal.iosBugFixCaret {
      position: fixed; }
    @media screen and (max-width: 980px) {
      body.has_modal {
        height: 100vh; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    body {
      padding-top: 5vw; } }
  @media screen and (min-width: 1501px) {
    body {
      padding-top: 60px; } }
  body .artist_menu {
    opacity: 0;
    pointer-events: none; }
  @media screen and (max-width: 980px) {
    body.artist_loggedin {
      padding-top: 17vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    body.artist_loggedin {
      padding-top: 8.5vw; } }
  @media screen and (min-width: 1501px) {
    body.artist_loggedin {
      padding-top: 120px; } }
  body.artist_loggedin .artist_menu {
    opacity: 1;
    pointer-events: auto;
    background: #3b3838; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    body.artist_loggedin main {
      min-height: calc(100vh - 12.5vw); } }
  @media screen and (min-width: 1501px) {
    body.artist_loggedin main {
      min-height: calc(100vh - 245px); } }

strong {
  font-weight: 900; }

.underwood {
  font-family: my_underwoodregular, serif;
  font-weight: 400 !important; }

h1, .h1 {
  font-weight: 900;
  line-height: 1; }
  @media screen and (max-width: 980px) {
    h1, .h1 {
      font-size: 8vw;
      margin-bottom: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    h1, .h1 {
      font-size: 3.5vw;
      margin-bottom: .7vw; } }
  @media screen and (min-width: 1501px) {
    h1, .h1 {
      font-size: 60px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 980px) {
    .first_section h1, h1.superh1,
    .first_section .h1, .h1.superh1 {
      font-size: 11vw;
      margin-bottom: 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .first_section h1, h1.superh1,
    .first_section .h1, .h1.superh1 {
      font-size: 6.66vw;
      margin-bottom: 2vw; } }
  @media screen and (min-width: 1501px) {
    .first_section h1, h1.superh1,
    .first_section .h1, .h1.superh1 {
      font-size: 90px;
      margin-bottom: 45px; } }

h2, .h2 {
  font-weight: 900; }
  @media screen and (max-width: 980px) {
    h2, .h2 {
      font-size: 8vw;
      margin-bottom: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    h2, .h2 {
      font-size: 2vw;
      margin-bottom: .7vw; } }
  @media screen and (min-width: 1501px) {
    h2, .h2 {
      font-size: 34px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 980px) {
    .first_section h2,
    .first_section .h2 {
      font-size: 8.5vw;
      /* Was 10.5 changed for about page */ } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .first_section h2,
    .first_section .h2 {
      font-size: 2.3vw;
      margin-bottom: .7vw; } }
  @media screen and (min-width: 1501px) {
    .first_section h2,
    .first_section .h2 {
      font-size: 36px;
      margin-bottom: 30px; } }

h3, .h3 {
  font-weight: 900; }
  @media screen and (max-width: 980px) {
    h3, .h3 {
      font-size: 7vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    h3, .h3 {
      font-size: 1.5vw;
      margin-bottom: .5vw; } }
  @media screen and (min-width: 1501px) {
    h3, .h3 {
      font-size: 24px;
      margin-bottom: 24px; } }
  @media screen and (max-width: 980px) {
    .first_section h3,
    .first_section .h3 {
      font-size: 8vw;
      margin-bottom: 15vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .first_section h3,
    .first_section .h3 {
      font-size: 2vw;
      margin-bottom: .7vw; } }
  @media screen and (min-width: 1501px) {
    .first_section h3,
    .first_section .h3 {
      font-size: 34px;
      margin-bottom: 30px; } }

@media screen and (max-width: 980px) {
  label {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  label {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  label {
    font-size: 24px; } }

@media screen and (max-width: 980px) {
  p, li, dd, dt, .p, .linknotbutton, td, h4 {
    font-size: 5vw;
    margin-bottom: 7vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  p, li, dd, dt, .p, .linknotbutton, td, h4 {
    font-size: 1.35vw;
    margin-bottom: 1.5vw; } }
@media screen and (min-width: 1501px) {
  p, li, dd, dt, .p, .linknotbutton, td, h4 {
    font-size: 24px;
    margin-bottom: 24px; } }
@media screen and (max-width: 980px) {
  .first_section p,
  .first_section li,
  .first_section dd,
  .first_section dt,
  .first_section .p,
  .first_section .linknotbutton,
  .first_section td,
  .first_section h4 {
    font-size: 6vw;
    margin-bottom: 15vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .first_section p,
  .first_section li,
  .first_section dd,
  .first_section dt,
  .first_section .p,
  .first_section .linknotbutton,
  .first_section td,
  .first_section h4 {
    font-size: 1.5vw;
    margin-bottom: 1.5vw; } }
@media screen and (min-width: 1501px) {
  .first_section p,
  .first_section li,
  .first_section dd,
  .first_section dt,
  .first_section .p,
  .first_section .linknotbutton,
  .first_section td,
  .first_section h4 {
    font-size: 24px;
    margin-bottom: 24px; } }
p.smallp, li.smallp, dd.smallp, dt.smallp, .p.smallp, .linknotbutton.smallp, td.smallp, h4.smallp {
  line-height: 2.2; }
  @media screen and (max-width: 980px) {
    p.smallp, li.smallp, dd.smallp, dt.smallp, .p.smallp, .linknotbutton.smallp, td.smallp, h4.smallp {
      font-size: 5vw;
      line-height: 1.4; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    p.smallp, li.smallp, dd.smallp, dt.smallp, .p.smallp, .linknotbutton.smallp, td.smallp, h4.smallp {
      font-size: .8vw;
      margin-bottom: .8vw; } }
  @media screen and (min-width: 1501px) {
    p.smallp, li.smallp, dd.smallp, dt.smallp, .p.smallp, .linknotbutton.smallp, td.smallp, h4.smallp {
      font-size: 14px;
      margin-bottom: 14px; } }
p.smalltext, li.smalltext, dd.smalltext, dt.smalltext, .p.smalltext, .linknotbutton.smalltext, td.smalltext, h4.smalltext {
  line-height: 1.4; }
  @media screen and (max-width: 980px) {
    p.smalltext, li.smalltext, dd.smalltext, dt.smalltext, .p.smalltext, .linknotbutton.smalltext, td.smalltext, h4.smalltext {
      font-size: 5vw;
      line-height: 1.4; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    p.smalltext, li.smalltext, dd.smalltext, dt.smalltext, .p.smalltext, .linknotbutton.smalltext, td.smalltext, h4.smalltext {
      font-size: .8vw;
      margin-bottom: .8vw; } }
  @media screen and (min-width: 1501px) {
    p.smalltext, li.smalltext, dd.smalltext, dt.smalltext, .p.smalltext, .linknotbutton.smalltext, td.smalltext, h4.smalltext {
      font-size: 14px;
      margin-bottom: 14px; } }

.linknotbutton {
  margin: 0;
  font-weight: 300;
  background: none;
  border: 0; }

h4 {
  font-weight: 700;
  margin-bottom: 0 !important; }

.mediump {
  line-height: 1.2; }
  @media screen and (max-width: 980px) {
    .mediump {
      font-size: 2.8vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .mediump {
      font-size: 1vw; } }
  @media screen and (min-width: 1501px) {
    .mediump {
      font-size: 12px;
      margin-bottom: 12px; } }

.smallp {
  line-height: 2.2; }
  @media screen and (max-width: 980px) {
    .smallp {
      font-size: 2.8vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .smallp {
      font-size: .7vw; } }
  @media screen and (min-width: 1501px) {
    .smallp {
      font-size: 10px;
      margin-bottom: 10px; } }

a,
.linknotbutton {
  text-decoration: none;
  color: #fff;
  transition: color .1s ease-in; }
  @media screen and (min-width: 981px) {
    a:hover,
    .linknotbutton:hover {
      color: #df0885; } }
  a.smallp,
  .linknotbutton.smallp {
    line-height: 2.2; }
    @media screen and (max-width: 980px) {
      a.smallp,
      .linknotbutton.smallp {
        font-size: 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      a.smallp,
      .linknotbutton.smallp {
        font-size: .7vw; } }
    @media screen and (min-width: 1501px) {
      a.smallp,
      .linknotbutton.smallp {
        font-size: 12px; } }

.underlinelink {
  text-decoration: underline;
  color: #fff;
  transition: color .1s ease-in;
  cursor: pointer; }
  @media screen and (min-width: 981px) {
    .underlinelink:hover {
      color: #df0885; } }
  .underlinelink.smallp {
    line-height: 2.2; }
    @media screen and (max-width: 980px) {
      .underlinelink.smallp {
        font-size: 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .underlinelink.smallp {
        font-size: .7vw; } }
    @media screen and (min-width: 1501px) {
      .underlinelink.smallp {
        font-size: 12px; } }

::placeholder {
  color: #626060 !important;
  opacity: 1 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1; }
  @media screen and (max-width: 980px) {
    ::placeholder {
      font-size: 4.5vw;
      padding: 2vw 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    ::placeholder {
      font-size: 1vw;
      padding: .8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    ::placeholder {
      font-size: 16px;
      padding: 12px 20px; } }

::-webkit-input-placeholder {
  color: #626060 !important;
  opacity: 1 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1.2 !important;
  padding: 0 !important; }
  @media screen and (max-width: 980px) {
    ::-webkit-input-placeholder {
      font-size: 4.5vw;
      padding: 1vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    ::-webkit-input-placeholder {
      font-size: 1vw; } }
  @media screen and (min-width: 1501px) {
    ::-webkit-input-placeholder {
      font-size: 16px; } }

:-moz-placeholder {
  color: #626060 !important;
  opacity: 1 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1; }
  @media screen and (max-width: 980px) {
    :-moz-placeholder {
      font-size: 4.5vw;
      padding: 2vw 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    :-moz-placeholder {
      font-size: 1vw;
      padding: .8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    :-moz-placeholder {
      font-size: 16px;
      padding: 12px 20px; } }

::-moz-placeholder {
  color: #898888 !important;
  opacity: 1 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1; }
  @media screen and (max-width: 980px) {
    ::-moz-placeholder {
      font-size: 4.5vw;
      padding: 2vw 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    ::-moz-placeholder {
      font-size: 1vw;
      padding: .8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    ::-moz-placeholder {
      font-size: 16px;
      padding: 12px 20px; } }

:-ms-input-placeholder {
  color: #898888 !important;
  opacity: 1 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1; }
  @media screen and (max-width: 980px) {
    :-ms-input-placeholder {
      font-size: 4.5vw;
      padding: 2vw 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    :-ms-input-placeholder {
      font-size: 1vw;
      padding: .8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    :-ms-input-placeholder {
      font-size: 16px;
      padding: 12px 20px; } }

::-ms-input-placeholder {
  color: #898888 !important;
  opacity: 1 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1; }
  @media screen and (max-width: 980px) {
    ::-ms-input-placeholder {
      font-size: 4.5vw;
      padding: 2vw 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    ::-ms-input-placeholder {
      font-size: 1vw;
      padding: .8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    ::-ms-input-placeholder {
      font-size: 16px;
      padding: 12px 20px; } }

:placeholder-shown {
  color: #898888 !important;
  opacity: 1 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  line-height: 1; }
  @media screen and (max-width: 980px) {
    :placeholder-shown {
      font-size: 4.5vw;
      padding: 2vw 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    :placeholder-shown {
      font-size: 1vw;
      padding: .8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    :placeholder-shown {
      font-size: 16px;
      padding: 12px 20px; } }

@media screen and (max-width: 980px) {
  .p::placeholder {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .p::placeholder {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  .p::placeholder {
    font-size: 24px; } }
@media screen and (max-width: 980px) {
  .p::-webkit-input-placeholder {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .p::-webkit-input-placeholder {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  .p::-webkit-input-placeholder {
    font-size: 24px; } }
@media screen and (max-width: 980px) {
  .p:-moz-placeholder {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .p:-moz-placeholder {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  .p:-moz-placeholder {
    font-size: 24px; } }
@media screen and (max-width: 980px) {
  .p::-moz-placeholder {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .p::-moz-placeholder {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  .p::-moz-placeholder {
    font-size: 24px; } }
@media screen and (max-width: 980px) {
  .p:-ms-input-placeholder {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .p:-ms-input-placeholder {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  .p:-ms-input-placeholder {
    font-size: 24px; } }
@media screen and (max-width: 980px) {
  .p::-ms-input-placeholder {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .p::-ms-input-placeholder {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  .p::-ms-input-placeholder {
    font-size: 24px; } }
@media screen and (max-width: 980px) {
  .p:placeholder-shown {
    font-size: 5vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .p:placeholder-shown {
    font-size: 1.35vw; } }
@media screen and (min-width: 1501px) {
  .p:placeholder-shown {
    font-size: 24px; } }

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #d8d7d7 inset !important;
  -webkit-text-fill-color: #3b3838 !important;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400; }

@media screen and (max-width: 980px) {
  textarea:disabled,
  input:disabled {
    opacity: 1 !important; } }
input[type=text],
input[type=phone],
input[type=tel],
input[type=url],
input[type=email],
input[type=search],
input[type=password],
.mimic_input {
  -webkit-appearance: none;
  border-radius: 0;
  background: #d8d7d7 no-repeat left/auto 80%;
  color: #3b3838;
  border: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400; }
  @media screen and (max-width: 980px) {
    input[type=text],
    input[type=phone],
    input[type=tel],
    input[type=url],
    input[type=email],
    input[type=search],
    input[type=password],
    .mimic_input {
      font-size: 4.5vw;
      font-weight: 400;
      padding: 2vw 6vw;
      width: 100%; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    input[type=text],
    input[type=phone],
    input[type=tel],
    input[type=url],
    input[type=email],
    input[type=search],
    input[type=password],
    .mimic_input {
      font-size: 1vw;
      padding: .8vw 1.5vw;
      width: 100%; } }
  @media screen and (min-width: 1501px) {
    input[type=text],
    input[type=phone],
    input[type=tel],
    input[type=url],
    input[type=email],
    input[type=search],
    input[type=password],
    .mimic_input {
      font-size: 16px;
      padding: 12px 20px;
      width: 100%; } }
  @media screen and (max-width: 980px) {
    input[type=text].p,
    input[type=phone].p,
    input[type=tel].p,
    input[type=url].p,
    input[type=email].p,
    input[type=search].p,
    input[type=password].p,
    .mimic_input.p {
      font-size: 5vw;
      margin-bottom: 7vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    input[type=text].p,
    input[type=phone].p,
    input[type=tel].p,
    input[type=url].p,
    input[type=email].p,
    input[type=search].p,
    input[type=password].p,
    .mimic_input.p {
      font-size: 1.35vw;
      margin-bottom: 1.5vw; } }
  @media screen and (min-width: 1501px) {
    input[type=text].p,
    input[type=phone].p,
    input[type=tel].p,
    input[type=url].p,
    input[type=email].p,
    input[type=search].p,
    input[type=password].p,
    .mimic_input.p {
      font-size: 24px;
      margin-bottom: 24px; } }

input[type=search] {
  width: auto; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

@media screen and (max-width: 980px) {
  input[type=checkbox] {
    width: 10vw;
    height: 10vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  input[type=checkbox] {
    height: 3vw;
    width: 3vw; } }
@media screen and (min-width: 1501px) {
  input[type=checkbox] {
    height: 20px;
    width: 20px; } }
input[type=checkbox].has_label {
  display: none; }

select,
textarea {
  width: 100%;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  background: #d8d7d7 no-repeat left/auto 80%;
  color: #3b3838;
  outline: none;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400; }
  @media screen and (max-width: 980px) {
    select,
    textarea {
      font-size: 4.5vw;
      font-weight: 400;
      padding: 2vw 6vw;
      width: 100%; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    select,
    textarea {
      font-size: 1vw;
      padding: .8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    select,
    textarea {
      font-size: 16px;
      padding: 12px 20px; } }

label.for_checkbox {
  position: relative;
  font-weight: 500; }
  @media screen and (max-width: 980px) {
    label.for_checkbox {
      padding-left: 10vw;
      font-size: 4vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    label.for_checkbox {
      padding-left: 3vw; } }
  @media screen and (min-width: 1501px) {
    label.for_checkbox {
      padding-left: 40px; } }
  label.for_checkbox::after {
    content: '';
    background: #d8d7d7 no-repeat center/contain;
    cursor: pointer;
    position: absolute;
    display: block;
    left: 0; }
    @media screen and (max-width: 980px) {
      label.for_checkbox::after {
        width: 10vw;
        height: 10vw;
        top: 0vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      label.for_checkbox::after {
        height: 2vw;
        width: 2vw;
        top: -.3vw; } }
    @media screen and (min-width: 1501px) {
      label.for_checkbox::after {
        height: 25px;
        width: 25px;
        top: 1.5px; } }
  label.for_checkbox.checked::after {
    background-image: url("/images/svgs/check-blue.svg"); }

img {
  max-width: 100%; }

article {
  overflow: hidden; }

.button {
  border: 0;
  display: block;
  color: #fff;
  background: #df0885;
  text-align: center;
  cursor: pointer;
  transition: background .1s ease-in;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500; }
  @media screen and (min-width: 981px) {
    .button:hover {
      color: #fff; } }
  @media screen and (max-width: 980px) {
    .button {
      font-size: 5vw;
      padding: 5vw 0;
      width: 30vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .button {
      font-size: 1.5vw;
      width: 18vw;
      padding: 1.2vw 0;
      margin: 4vw auto; } }
  @media screen and (min-width: 1501px) {
    .button {
      font-size: 24px;
      width: 300px;
      padding: 15px 0;
      margin: 50px auto; } }
  .button.transparent_button {
    background-color: transparent; }
  .button:disabled {
    background: #b1afaf;
    pointer-events: none; }
  .button.green_button {
    background: #71bf43; }
  .button.blue_button {
    background: #0094c8; }
  .button.gray_button {
    background: #3b3838; }

.clickable_div {
  cursor: pointer; }

.site_header {
  background: #df0885;
  box-shadow: 1px 0 3px 1px rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 60; }
  .site_header .filter_links a.stats_link {
    display: none; }
  @media screen and (max-width: 980px) {
    .site_header {
      z-index: 190; }
      .site_header .filter_links {
        margin-top: 0 !important; }
        .site_header .filter_links p {
          display: none; }
        .site_header .filter_links a {
          padding-bottom: 1vw;
          margin-right: 5vw; } }
  .site_header .inner {
    overflow: auto;
    padding-bottom: 1px;
    position: static; }
    @media screen and (max-width: 980px) {
      .site_header .inner {
        overflow: hidden;
        max-width: 100vw; } }

.artist_loggedin .website_nav {
  position: relative;
  z-index: 3;
  box-shadow: 1px 0px 3px 1px black; }

.site_logo {
  text-indent: -9999px;
  display: block;
  background: transparent url("/images/hidden-bands-no-boxes.svg") no-repeat left center/contain;
  float: left;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: .2s ease-out; }
  @media screen and (max-width: 980px) {
    .site_logo {
      width: 60vw;
      height: 5vw;
      margin: 2vw 0 !important; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .site_logo {
      width: 20vw;
      height: 2.5vw;
      margin: 1.5vw 0 !important; } }
  @media screen and (min-width: 1501px) {
    .site_logo {
      width: 300px;
      height: 33px;
      margin: 16px 0 !important; } }

.site_nav {
  float: left; }
  @media screen and (max-width: 980px) {
    .site_nav {
      height: 40vh;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      float: none;
      position: relative;
      margin-top: 0;
      width: 100%; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .site_nav {
      width: 50vw;
      padding: 1.5vw 0 0 10vw; } }
  @media screen and (min-width: 1501px) {
    .site_nav {
      width: 400px;
      padding: 14px 0 0 50px; } }

.band_nav {
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 980px) {
    .band_nav {
      height: 60vh;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      float: none;
      position: relative;
      padding-top: 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .band_nav {
      width: 35vw;
      padding: 1.8vw 1.5vw; } }
  @media screen and (min-width: 1501px) {
    .band_nav {
      width: 525px;
      padding: 15px 20px; } }
  .band_nav .for_artists {
    font-family: my_underwoodregular, serif;
    overflow: hidden;
    position: absolute;
    top: 4px;
    padding: 2px;
    transform: rotate(-2deg);
    background: #3b3838;
    display: block; }
    @media screen and (max-width: 980px) {
      .band_nav .for_artists {
        position: relative;
        transform: rotate(-2deg);
        font-size: 6vw;
        padding: 4px 12px;
        width: 52vw;
        margin: 4vh auto;
        text-align: center; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .band_nav .for_artists {
        left: -3vw;
        font-size: 1vw; } }
    @media screen and (min-width: 1501px) {
      .band_nav .for_artists {
        left: -30px;
        font-size: 12px; } }

@media screen and (max-width: 980px) {
  .non-mobile {
    display: none !important; } }

@media screen and (min-width: 981px) {
  .mobile_only {
    display: none !important; } }

@media screen and (max-width: 980px) {
  .mobile_nav_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    background: #df0885;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between; } }

.has_modal .open_mobile_nav {
  pointer-events: none; }

.open_mobile_nav {
  display: none; }
  @media screen and (max-width: 980px) {
    .open_mobile_nav {
      display: block;
      position: absolute;
      top: 0.8vw;
      right: 3vw;
      transition: .2s;
      width: 6vw;
      height: 7.75vw;
      padding: 3.5vw 0;
      background: #fff content-box;
      cursor: pointer;
      z-index: 9;
      text-indent: -99999px;
      border: 0; } }
  .open_mobile_nav::after {
    background: #fff;
    top: 3vw;
    bottom: 0;
    content: "";
    height: 0.8vw;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%;
    transition: .4s; }
  .open_mobile_nav::before {
    background: #fff;
    top: 0;
    bottom: 3vw;
    content: "";
    height: 0.8vw;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%;
    transition: .4s; }

.mobile_nav_open {
  overflow: hidden;
  position: fixed; }
  .mobile_nav_open .site_logo {
    height: 7vw; }
  .mobile_nav_open .mobile_nav_container {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer; }
    .mobile_nav_open .mobile_nav_container .site_nav a {
      color: #fff !important; }
      .mobile_nav_open .mobile_nav_container .site_nav a:active, .mobile_nav_open .mobile_nav_container .site_nav a.active {
        color: #3b3838 !important; }
      @media screen and (min-width: 981px) {
        .mobile_nav_open .mobile_nav_container .site_nav a:hover {
          color: #3b3838 !important; } }
    .mobile_nav_open .mobile_nav_container .band_nav a {
      color: #fff !important; }
      @media screen and (min-width: 981px) {
        .mobile_nav_open .mobile_nav_container .band_nav a:active, .mobile_nav_open .mobile_nav_container .band_nav a.active, .mobile_nav_open .mobile_nav_container .band_nav a:hover {
          color: #3b3838 !important; } }
  .mobile_nav_open .open_mobile_nav {
    background: transparent; }
    .mobile_nav_open .open_mobile_nav::after {
      transform: rotate(225deg);
      top: 0;
      bottom: 0;
      border-radius: 0; }
    .mobile_nav_open .open_mobile_nav::before {
      transform: rotate(-225deg);
      top: 0;
      bottom: 0;
      border-radius: 0; }

.site_nav a,
.band_nav a {
  float: left;
  font-weight: 700; }
  @media screen and (min-width: 981px) {
    .site_nav a:hover,
    .band_nav a:hover {
      font-weight: 900;
      transform: scale(1.1);
      color: #fff; } }
  .site_nav a.active,
  .band_nav a.active {
    font-weight: 900;
    transform: scale(1.1); }
  @media screen and (max-width: 980px) {
    .site_nav a,
    .band_nav a {
      font-size: 4.5vw;
      padding: 1.6vw 2vw;
      width: 100%;
      text-align: center; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .site_nav a,
    .band_nav a {
      font-size: .9vw;
      padding: .5vw; } }
  @media screen and (min-width: 1501px) {
    .site_nav a,
    .band_nav a {
      font-size: 12px;
      padding: 12px; } }

@media screen and (min-width: 981px) {
  .band_nav a:hover {
    font-weight: 900;
    transform: scale(1.1);
    color: #fff; } }

.login_link.button {
  display: inline;
  margin: 0;
  width: auto;
  background: #0094c8; }
  @media screen and (min-width: 981px) {
    .login_link.button:hover {
      background: #006392 !important;
      color: #fff !important; } }
  @media screen and (max-width: 980px) {
    .login_link.button {
      margin: 4vh auto 0;
      width: 90%;
      padding: 5vw 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .login_link.button {
      margin-left: 1vw; } }
  @media screen and (min-width: 1501px) {
    .login_link.button {
      margin-left: 15px; } }

@media screen and (max-width: 980px) {
  .first_section .inner {
    margin: 10vh auto; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .first_section .inner {
    margin: 5vw auto; } }
@media screen and (min-width: 1501px) {
  .first_section .inner {
    margin: 100px auto; } }

.filter_nav,
.subnav {
  border-bottom: 1px solid #fff;
  margin-bottom: -1px; }
  @media screen and (max-width: 980px) {
    .filter_nav,
    .subnav {
      width: 100%; } }
  .filter_nav .filter_links,
  .subnav .filter_links {
    display: flex;
    align-items: center; }
  .filter_nav .inner,
  .subnav .inner {
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0 !important; }

.filter_link,
.subnav a {
  border: 0;
  background: none;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Roboto Condensed", sans-serif;
  display: inline-block;
  margin: 0;
  outline: 0;
  -webkit-border-fit: border !important;
  border-bottom: solid 4px transparent;
  border-top: solid 4px transparent; }
  @media screen and (max-width: 980px) {
    .filter_link,
    .subnav a {
      font-size: 3.5vw;
      padding: 1vw 2vw 3vw;
      display: inline-block; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .filter_link,
    .subnav a {
      font-size: 1.1vw;
      padding: .6vw .8vw 1vw; } }
  @media screen and (min-width: 1501px) {
    .filter_link,
    .subnav a {
      font-size: 14px;
      padding: 15px; } }
  .filter_link.active,
  .subnav a.active {
    border-bottom: solid 4px #fff;
    cursor: default; }

@media screen and (max-width: 980px) {
  main .inner {
    /* width: 90%;*/ } }

.artists_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 980px) {
    .artists_container {
      display: block;
      width: 100%;
      clear: both;
      padding: 5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .artists_container {
      width: 60vw; } }
  @media screen and (min-width: 1501px) {
    .artists_container {
      width: 885px; } }
  .artists_container .artist_card {
    display: block;
    position: relative;
    color: #3b3838;
    text-align: left;
    background: #fff; }
    @media screen and (max-width: 980px) {
      .artists_container .artist_card {
        width: 100%;
        height: 105vw;
        padding: 63vw 5vw 10vw;
        margin-bottom: 10vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .artists_container .artist_card {
        width: 18.5vw;
        height: 25vw;
        padding: 16vw 2vw 2vw;
        margin-bottom: 2vw; } }
    @media screen and (min-width: 1501px) {
      .artists_container .artist_card {
        width: 275px;
        height: 400px;
        padding: 240px 20px 20px;
        margin-bottom: 30px; } }
    .artists_container .artist_card .p {
      margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .artists_container .artist_card p,
      .artists_container .artist_card a.p {
        font-size: 4.5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .artists_container .artist_card p,
      .artists_container .artist_card a.p {
        font-size: 1.2vw; } }
    @media screen and (min-width: 1501px) {
      .artists_container .artist_card p,
      .artists_container .artist_card a.p {
        font-size: 18px; } }
    .artists_container .artist_card a {
      text-decoration: underline;
      color: #df0885;
      position: absolute; }
      @media screen and (max-width: 980px) {
        .artists_container .artist_card a {
          bottom: 6vw;
          left: 5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .artists_container .artist_card a {
          bottom: 2vw;
          left: 2vw; } }
      @media screen and (min-width: 1501px) {
        .artists_container .artist_card a {
          bottom: 20px;
          left: 20px; } }
      @media screen and (min-width: 981px) {
        .artists_container .artist_card a:hover {
          color: #0094c8; } }
    .artists_container .artist_card .band_image_container {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 55%;
      background: #3b3838 no-repeat center/cover; }
      .artists_container .artist_card .band_image_container img {
        display: none; }
    .artists_container .artist_card.promo-throwback .band_image_container::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 25%;
      background: transparent url("/images/promotions/throwback/throwback-banner.svg") no-repeat top/contain; }
    .artists_container .artist_card.promo-tapetraders .band_image_container::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 25%;
      background: transparent url("/images/promotions/tapetraders/app/tapetraders-banner.png") no-repeat top/contain; }
    .artists_container .artist_card.promo-wreck .band_image_container::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 25%;
      background: transparent url("/images/promotions/wreck/wreck-banner.svg") no-repeat top/contain; }
    .artists_container .artist_card.promo-beatings .band_image_container::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 25%;
      background: transparent url("/images/promotions/beatings/beatings-banner.svg") no-repeat top/contain; }
    .artists_container .artist_card.promo-skateordye .band_image_container::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 25%;
      background: transparent url("/images/promotions/skateordye/app/skateordye-banner.png") no-repeat top/contain; }
    .artists_container .artist_card.promo-riffmas .band_image_container::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 25%;
      background: transparent url("/images/promotions/riffmas/app/riffmas-banner.png") no-repeat top/contain; }

.site_footer {
  position: relative;
  background: #3b3838;
  z-index: 120; }
  .site_footer .footer_top {
    background: transparent url("/images/hidden-bands-no-boxes.svg") no-repeat center; }
    @media screen and (max-width: 980px) {
      .site_footer .footer_top {
        background-size: 70vw;
        background-position: center 8vw;
        text-align: center;
        padding: 19vw 10vw 5vw; }
        .site_footer .footer_top .smallp {
          font-size: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .site_footer .footer_top {
        background-size: 14vw;
        padding: 1vw 0; } }
    @media screen and (min-width: 1501px) {
      .site_footer .footer_top {
        background-size: 200px;
        padding: 15px 0; } }
    .site_footer .footer_top .sidebar {
      display: flex;
      position: relative;
      justify-content: flex-start;
      align-items: center;
      margin-left: 50vw; }
      @media screen and (max-width: 980px) {
        .site_footer .footer_top .sidebar {
          margin-left: 0;
          display: block; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .site_footer .footer_top .sidebar {
          padding-left: 7vw; } }
      @media screen and (min-width: 1501px) {
        .site_footer .footer_top .sidebar {
          padding-left: 115px; } }
      .site_footer .footer_top .sidebar .social_links {
        display: flex;
        text-indent: -9999px;
        justify-content: space-between;
        align-items: center; }
        @media screen and (max-width: 980px) {
          .site_footer .footer_top .sidebar .social_links {
            margin: 5vw auto;
            width: 40vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .site_footer .footer_top .sidebar .social_links {
            width: 6vw;
            margin: 0 1vw; } }
        @media screen and (min-width: 1501px) {
          .site_footer .footer_top .sidebar .social_links {
            width: 90px;
            margin: 0 10px; } }
        .site_footer .footer_top .sidebar .social_links .social_link {
          background: transparent no-repeat center / contain; }
          @media screen and (max-width: 980px) {
            .site_footer .footer_top .sidebar .social_links .social_link {
              width: 10vw;
              height: 10vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .site_footer .footer_top .sidebar .social_links .social_link {
              width: 1.5vw;
              height: 1.5vw; } }
          @media screen and (min-width: 1501px) {
            .site_footer .footer_top .sidebar .social_links .social_link {
              width: 20px;
              height: 20px; } }
          .site_footer .footer_top .sidebar .social_links .social_link.instagram_link {
            background-image: url("/images/instagram-white.svg"); }
          .site_footer .footer_top .sidebar .social_links .social_link.facebook_link {
            background-image: url("/images/facebook-white.svg"); }
          .site_footer .footer_top .sidebar .social_links .social_link.twitter_link {
            background-image: url("/images/twitter-white.svg"); }
  .site_footer .footer_bottom {
    background: #4f4c4c;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 980px) {
      .site_footer .footer_bottom {
        flex-wrap: wrap;
        padding: 2vw 10vw 5vw; }
        .site_footer .footer_bottom .smallp {
          font-size: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .site_footer .footer_bottom {
        padding: 1vw 0; } }
    @media screen and (min-width: 1501px) {
      .site_footer .footer_bottom {
        padding: 15px 0; } }
  @media screen and (max-width: 980px) {
    .site_footer .copyright {
      margin-top: 3vw; } }
  .site_footer .factor {
    display: flex;
    justify-content: space-around; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .site_footer .factor {
        height: 2vw; } }
    @media screen and (min-width: 1501px) {
      .site_footer .factor {
        height: 32px; } }
    @media screen and (max-width: 980px) {
      .site_footer .factor {
        flex-wrap: wrap;
        width: 100%; } }
    .site_footer .factor img {
      padding: 0 2%; }
      @media screen and (max-width: 980px) {
        .site_footer .factor img {
          width: 70vw;
          margin: 10vw 0 0; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .site_footer .factor img {
          width: 15vw;
          height: auto; } }
      @media screen and (min-width: 1501px) {
        .site_footer .factor img {
          width: 200px;
          height: auto; } }
      @media screen and (max-width: 980px) {
        .site_footer .factor img.creativebc_logo {
          width: 63vw;
          height: 12vw;
          margin: 0 0 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .site_footer .factor img.creativebc_logo {
          width: 11vw; } }
      @media screen and (min-width: 1501px) {
        .site_footer .factor img.creativebc_logo {
          width: 180px; } }
      @media screen and (max-width: 980px) {
        .site_footer .factor img.midemlab_logo {
          width: 36vw;
          height: 10vw;
          margin: 0 0 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .site_footer .factor img.midemlab_logo {
          width: 10vw;
          height: 2vw; } }
      @media screen and (min-width: 1501px) {
        .site_footer .factor img.midemlab_logo {
          width: 120px;
          height: 30px; } }
    .site_footer .factor .factor_text {
      line-height: 1.2; }
      @media screen and (max-width: 980px) {
        .site_footer .factor .factor_text {
          text-align: center; } }
      @media screen and (max-width: 980px) {
        .site_footer .factor .factor_text {
          margin: 5vw 0; } }
      @media screen and (min-width: 1501px) {
        .site_footer .factor .factor_text {
          font-size: 11px; } }
  .site_footer .footer_nav {
    width: 35%;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    @media screen and (max-width: 980px) {
      .site_footer .footer_nav {
        flex-wrap: wrap;
        width: 100%; } }
  .site_footer p {
    margin-bottom: 0; }
  .site_footer a {
    text-decoration: underline;
    margin-bottom: 0 !important; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .site_footer a {
        font-size: .7vw; } }
  .site_footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0; }

@media screen and (max-width: 980px) {
  .wtflist {
    margin: 0 auto; } }
.wtflist dt {
  font-weight: 900;
  background: #71bf43;
  cursor: pointer;
  display: inline-block;
  position: relative; }
  @media screen and (max-width: 980px) {
    .wtflist dt {
      padding: 5vw 2.5vw;
      margin: 4vw 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .wtflist dt {
      padding: .6vw 1.5vw;
      margin-bottom: .6vw; } }
  @media screen and (min-width: 1501px) {
    .wtflist dt {
      padding: 10px 25px;
      margin-bottom: 10px; } }
  .wtflist dt::before {
    content: '+';
    opacity: 1;
    transition: .2s;
    position: absolute; }
    @media screen and (max-width: 980px) {
      .wtflist dt::before {
        position: relative;
        margin: 2vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .wtflist dt::before {
        left: .5vw; } }
    @media screen and (min-width: 1501px) {
      .wtflist dt::before {
        left: 8px; } }
  .wtflist dt.open::before {
    opacity: 0;
    transform: rotate(45deg); }
  .wtflist dt::after {
    content: '-';
    opacity: 0;
    transition: .2s;
    position: absolute;
    transform: rotate(45deg); }
    @media screen and (max-width: 980px) {
      .wtflist dt::after {
        position: absolute;
        left: 2vw;
        top: 2.5vw;
        margin: 2vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .wtflist dt::after {
        left: .6vw; } }
    @media screen and (min-width: 1501px) {
      .wtflist dt::after {
        left: 10px; } }
  .wtflist dt.open::after {
    opacity: 1;
    transform: rotate(0deg); }
.wtflist dd {
  transition: .2s ease-in;
  max-height: 0;
  overflow: hidden;
  font-weight: 500; }
  @media screen and (max-width: 980px) {
    .wtflist dd {
      margin-bottom: 3vw;
      padding: 0 5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .wtflist dd {
      padding: 0 1.5vw;
      margin-bottom: 1.5vw; } }
  @media screen and (min-width: 1501px) {
    .wtflist dd {
      padding: 0 20px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 980px) {
    .wtflist dd.open {
      max-height: 200vh; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .wtflist dd.open {
      max-height: 50vw; } }
  @media screen and (min-width: 1501px) {
    .wtflist dd.open {
      max-height: 800px; } }
  .wtflist dd a {
    text-decoration: underline; }

.launch_something {
  text-decoration: underline;
  cursor: pointer;
  transition: color .2s ease-out;
  background: none;
  border: none; }
  @media screen and (min-width: 981px) {
    .launch_something:hover {
      color: #df0885; } }

.store_buttons {
  display: flex;
  justify-content: space-between;
  width: 75%; }
  @media screen and (max-width: 980px) {
    .store_buttons {
      width: 100%; } }
  .store_buttons .google_play,
  .store_buttons .app_store {
    width: 48%;
    display: block; }
    .store_buttons .google_play img,
    .store_buttons .app_store img {
      width: 100%;
      height: auto; }
  .store_buttons .launch_early_access {
    width: 50%;
    margin-right: 50%;
    background: #71bf43;
    margin-top: 0; }
    @media screen and (max-width: 980px) {
      .store_buttons .launch_early_access {
        width: 100%;
        margin: 0; } }
    @media screen and (min-width: 981px) {
      .store_buttons .launch_early_access:hover {
        background: #007831; } }

.form_modal_outer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: #626060 url("/images/mailing-list-model-background.svg") no-repeat center 5vh/cover;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  opacity: 0;
  transition: opacity .2s ease-out; }
  @media screen and (max-width: 980px) {
    .form_modal_outer {
      background-size: 100vw;
      background-position: top;
      background-image: url("/images/surfer-mobile-tall.svg"); } }
  .form_modal_outer.on {
    opacity: 1; }
  .form_modal_outer .inner {
    text-align: center;
    color: #fff;
    max-width: 600px; }
    @media screen and (max-width: 980px) {
      .form_modal_outer .inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 10vh 0;
        overflow: auto; } }
    .form_modal_outer .inner form {
      margin: 0 auto;
      text-align: left; }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .form_modal_outer .inner form {
          /* width: 30vw;*/ } }
      @media screen and (min-width: 1501px) {
        .form_modal_outer .inner form {
          /*width: 500px;*/ } }
      .form_modal_outer .inner form input[type=email] {
        width: 100%; }

@media screen and (max-width: 980px) {
  .form_submit_button {
    width: 100%; } }

@media screen and (max-width: 980px) {
  .submit_maillist.button,
  .submit_baitmail.button {
    width: 100%;
    margin-top: 5vw; } }

.close_button,
.close_modal {
  display: block;
  position: absolute;
  top: 1vw;
  right: 1vw;
  background: transparent url("/images/close-button-nosquare.svg") no-repeat center/contain;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
  text-indent: -9999px; }
  @media screen and (max-width: 980px) {
    .close_button,
    .close_modal {
      width: 10vw;
      height: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .close_button,
    .close_modal {
      width: 3vw;
      height: 3vw; } }
  @media screen and (min-width: 1501px) {
    .close_button,
    .close_modal {
      width: 30px;
      height: 30px; } }

.form_block {
  background: rgba(0, 0, 0, 0.3);
  position: relative; }
  @media screen and (max-width: 980px) {
    .form_block {
      padding: 10vw 5vw;
      margin-bottom: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .form_block {
      padding: 2vw 1.5vw;
      margin-bottom: 2vw; } }
  @media screen and (min-width: 1501px) {
    .form_block {
      padding: 30px 25px;
      margin-bottom: 30px; } }
  .form_block a {
    text-decoration: underline; }
  .form_block label {
    display: none; }
    .form_block label.for_checkbox, .form_block label.for_radio {
      display: block;
      text-align: left; }
      @media screen and (max-width: 980px) {
        .form_block label.for_checkbox, .form_block label.for_radio {
          display: block;
          padding-left: 15vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .form_block label.for_checkbox, .form_block label.for_radio {
          margin-left: 2vw; } }
      @media screen and (min-width: 1501px) {
        .form_block label.for_checkbox, .form_block label.for_radio {
          margin-left: 30px; } }

@media screen and (max-width: 980px) {
  .form_row {
    margin-bottom: 2vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .form_row {
    margin-bottom: .5vw; } }
@media screen and (min-width: 1501px) {
  .form_row {
    margin-bottom: 10px; } }
@media screen and (max-width: 980px) {
  .form_row.row_gap {
    margin-top: 10vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .form_row.row_gap {
    margin-top: 3vw; } }
@media screen and (min-width: 1501px) {
  .form_row.row_gap {
    margin-top: 45px; } }
.form_row.row_nomargin {
  margin: 0; }
@media screen and (max-width: 980px) {
  .form_row.row_smallmargin {
    margin-top: 5vw;
    margin-bottom: 0; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .form_row.row_smallmargin {
    margin-top: 3vw;
    margin-bottom: 3vw; } }
@media screen and (min-width: 1501px) {
  .form_row.row_smallmargin {
    margin-top: 45px;
    margin-bottom: 45px; } }
.form_row input[type=text],
.form_row input[type=phone],
.form_row input[type=tel],
.form_row input[type=url],
.form_row input[type=email] {
  width: 100%; }
.form_row.two_column input[type=password],
.form_row.two_column input[type=number],
.form_row.two_column input[type=text],
.form_row.two_column input[type=phone],
.form_row.two_column input[type=tel],
.form_row.two_column input[type=url],
.form_row.two_column input[type=email],
.form_row.two_column .cellwithlabel {
  width: 49%;
  display: inline-block;
  z-index: 2; }
  @media screen and (max-width: 980px) {
    .form_row.two_column input[type=password],
    .form_row.two_column input[type=number],
    .form_row.two_column input[type=text],
    .form_row.two_column input[type=phone],
    .form_row.two_column input[type=tel],
    .form_row.two_column input[type=url],
    .form_row.two_column input[type=email],
    .form_row.two_column .cellwithlabel {
      width: 100%;
      float: none !important;
      margin-top: 2vw; } }
  .form_row.two_column input[type=password]:nth-of-type(2),
  .form_row.two_column input[type=number]:nth-of-type(2),
  .form_row.two_column input[type=text]:nth-of-type(2),
  .form_row.two_column input[type=phone]:nth-of-type(2),
  .form_row.two_column input[type=tel]:nth-of-type(2),
  .form_row.two_column input[type=url]:nth-of-type(2),
  .form_row.two_column input[type=email]:nth-of-type(2),
  .form_row.two_column .cellwithlabel:nth-of-type(2) {
    float: right; }
  .form_row.two_column input[type=password] input[type=password],
  .form_row.two_column input[type=password] input[type=number],
  .form_row.two_column input[type=password] input[type=text],
  .form_row.two_column input[type=password] input[type=phone],
  .form_row.two_column input[type=password] input[type=tel],
  .form_row.two_column input[type=password] input[type=url],
  .form_row.two_column input[type=password] input[type=email],
  .form_row.two_column input[type=number] input[type=password],
  .form_row.two_column input[type=number] input[type=number],
  .form_row.two_column input[type=number] input[type=text],
  .form_row.two_column input[type=number] input[type=phone],
  .form_row.two_column input[type=number] input[type=tel],
  .form_row.two_column input[type=number] input[type=url],
  .form_row.two_column input[type=number] input[type=email],
  .form_row.two_column input[type=text] input[type=password],
  .form_row.two_column input[type=text] input[type=number],
  .form_row.two_column input[type=text] input[type=text],
  .form_row.two_column input[type=text] input[type=phone],
  .form_row.two_column input[type=text] input[type=tel],
  .form_row.two_column input[type=text] input[type=url],
  .form_row.two_column input[type=text] input[type=email],
  .form_row.two_column input[type=phone] input[type=password],
  .form_row.two_column input[type=phone] input[type=number],
  .form_row.two_column input[type=phone] input[type=text],
  .form_row.two_column input[type=phone] input[type=phone],
  .form_row.two_column input[type=phone] input[type=tel],
  .form_row.two_column input[type=phone] input[type=url],
  .form_row.two_column input[type=phone] input[type=email],
  .form_row.two_column input[type=tel] input[type=password],
  .form_row.two_column input[type=tel] input[type=number],
  .form_row.two_column input[type=tel] input[type=text],
  .form_row.two_column input[type=tel] input[type=phone],
  .form_row.two_column input[type=tel] input[type=tel],
  .form_row.two_column input[type=tel] input[type=url],
  .form_row.two_column input[type=tel] input[type=email],
  .form_row.two_column input[type=url] input[type=password],
  .form_row.two_column input[type=url] input[type=number],
  .form_row.two_column input[type=url] input[type=text],
  .form_row.two_column input[type=url] input[type=phone],
  .form_row.two_column input[type=url] input[type=tel],
  .form_row.two_column input[type=url] input[type=url],
  .form_row.two_column input[type=url] input[type=email],
  .form_row.two_column input[type=email] input[type=password],
  .form_row.two_column input[type=email] input[type=number],
  .form_row.two_column input[type=email] input[type=text],
  .form_row.two_column input[type=email] input[type=phone],
  .form_row.two_column input[type=email] input[type=tel],
  .form_row.two_column input[type=email] input[type=url],
  .form_row.two_column input[type=email] input[type=email],
  .form_row.two_column .cellwithlabel input[type=password],
  .form_row.two_column .cellwithlabel input[type=number],
  .form_row.two_column .cellwithlabel input[type=text],
  .form_row.two_column .cellwithlabel input[type=phone],
  .form_row.two_column .cellwithlabel input[type=tel],
  .form_row.two_column .cellwithlabel input[type=url],
  .form_row.two_column .cellwithlabel input[type=email] {
    width: 100%;
    float: none !important; }

.cellwithlabel {
  display: inline-block;
  position: relative;
  width: 100%; }
  .cellwithlabel input::placeholder,
  .cellwithlabel textarea::placeholder {
    display: none;
    opacity: 0 !important;
    color: transparent !important; }
  .cellwithlabel label {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    pointer-events: none;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    width: 100%;
    color: #3b3838;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .cellwithlabel label {
        font-size: 4.5vw;
        padding: 5.5vw 6vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .cellwithlabel label {
        font-size: 1vw;
        padding: 1.4vw 1.5vw .8vw; } }
    @media screen and (min-width: 1501px) {
      .cellwithlabel label {
        font-size: 16px;
        padding: 20px 20px 12px; } }
    .cellwithlabel label.tucked {
      transform-origin: top left;
      transform: scale(0.7) translateY(-0.7vw) translateX(0.6vw); }
      @media screen and (max-width: 980px) {
        .cellwithlabel label.tucked {
          transform: scale(0.55) translateY(-0.5vw) translateX(5vw); } }
      @media screen and (min-width: 1501px) {
        .cellwithlabel label.tucked {
          transform: scale(0.6) translateY(-10px) translateX(15px); } }
    .cellwithlabel label.transparent {
      opacity: 0; }
  .cellwithlabel textarea,
  .cellwithlabel input[type=password],
  .cellwithlabel input[type=number],
  .cellwithlabel input[type=text],
  .cellwithlabel input[type=phone],
  .cellwithlabel input[type=tel],
  .cellwithlabel input[type=url],
  .cellwithlabel input[type=email] {
    line-height: 1;
    padding-top: 1.4vw; }
    @media screen and (max-width: 980px) {
      .cellwithlabel textarea,
      .cellwithlabel input[type=password],
      .cellwithlabel input[type=number],
      .cellwithlabel input[type=text],
      .cellwithlabel input[type=phone],
      .cellwithlabel input[type=tel],
      .cellwithlabel input[type=url],
      .cellwithlabel input[type=email] {
        padding-top: 4vw;
        padding-bottom: 1.5vw;
        margin-top: 2vw; } }
    @media screen and (min-width: 1501px) {
      .cellwithlabel textarea,
      .cellwithlabel input[type=password],
      .cellwithlabel input[type=number],
      .cellwithlabel input[type=text],
      .cellwithlabel input[type=phone],
      .cellwithlabel input[type=tel],
      .cellwithlabel input[type=url],
      .cellwithlabel input[type=email] {
        padding-top: 20px;
        padding-bottom: 10px; } }

.mimic_input {
  width: 65%;
  display: inline-block; }

.upload_button {
  width: 34%;
  margin: 0;
  float: right; }
  @media screen and (max-width: 980px) {
    .upload_button {
      font-size: 5vw;
      padding: 1.7vw 3.9vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .upload_button {
      font-size: 1vw;
      padding: .8vw; } }
  @media screen and (min-width: 1501px) {
    .upload_button {
      font-size: 16px;
      padding: 12px; } }

#total-progress {
  position: absolute;
  background: #626060;
  opacity: 0; }
  @media screen and (max-width: 980px) {
    #total-progress {
      height: 1vw;
      top: 4vw;
      right: 16vw;
      width: 60vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    #total-progress {
      height: 1vw;
      top: 2vw;
      right: 2vw;
      width: 26vw; } }
  @media screen and (min-width: 1501px) {
    #total-progress {
      height: 15px;
      top: 30px;
      right: 30px;
      width: 387px; } }
  #total-progress .progress-bar {
    background: #0094c8;
    height: 100%; }
  #total-progress .progress_text {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: 700; }

p.name {
  margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    p.name {
      font-size: 5vw;
      height: 5.7vw;
      overflow: hidden;
      display: block; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    p.name {
      font-size: 1vw; } }
  @media screen and (min-width: 1501px) {
    p.name {
      font-size: 16px; } }

.file_list_container {
  display: none; }

.file-row {
  position: relative; }

.dz-error {
  display: none; }
  .dz-error .name {
    display: none; }

.dz-remove {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
  text-indent: -9999px;
  background: transparent url("/images/artists/clear-text-icon.svg") no-repeat center/contain; }
  @media screen and (max-width: 980px) {
    .dz-remove {
      width: 5vw;
      height: 5vw;
      right: -6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .dz-remove {
      width: 1vw;
      height: 1vw; } }
  @media screen and (min-width: 1501px) {
    .dz-remove {
      width: 15px;
      height: 15px; } }

.uploading .upload_button,
.has_file .upload_button {
  cursor: default;
  pointer-events: none;
  background: #898888; }

.loading_status_modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(59, 56, 56, 0.9);
  z-index: 99999;
  opacity: 0;
  pointer-events: none;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d8d7d7;
  font-weight: 700;
  font-style: italic;
  line-height: 2; }
  .loading_status_modal.on {
    opacity: 1;
    pointer-events: auto; }
  .loading_status_modal .loading_status {
    background: transparent no-repeat url("/images/loadingv2_darkgrey.gif") center/10vw;
    width: 20vw;
    height: 90vh; }
    @media screen and (max-width: 980px) {
      .loading_status_modal .loading_status {
        background-size: 60vw;
        width: 70vw; } }
    .loading_status_modal .loading_status p {
      display: none; }

.avatar_icon img {
  display: inline;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 5px; }
  @media screen and (max-width: 980px) {
    .avatar_icon img {
      width: 7vw;
      height: 7vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .avatar_icon img {
      height: 2vw; } }
  @media screen and (min-width: 1501px) {
    .avatar_icon img {
      width: 20px;
      height: 20px; } }

.boxed {
  background: rgba(59, 56, 56, 0.9);
  transform: skew(-4deg, -2deg); }
  @media screen and (max-width: 980px) {
    .boxed {
      padding: 5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .boxed {
      padding: 2vw 7vw 2vw 2vw; } }
  @media screen and (min-width: 1501px) {
    .boxed {
      padding: 25px 75px 25px 25px; } }
  .boxed .skew_inner {
    transform: skew(4deg, 2deg);
    display: block; }

h1.baitmail {
  text-indent: -99999px;
  background: transparent url("/images/bait-mail-logo.svg") no-repeat center/contain;
  padding-top: 10%; }

.baitmail_form input,
.maillist_form input {
  margin-top: 20px; }

.loading_container .pick_container {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto; }
  @media screen and (max-width: 980px) {
    .loading_container .pick_container {
      background-size: 40vw 46vw;
      width: 40vw;
      height: 50vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .loading_container .pick_container {
      width: 8vw;
      height: 12vw; } }
  @media screen and (min-width: 1501px) {
    .loading_container .pick_container {
      width: 90px;
      height: 130px; } }

.loading_container .pick_progress {
  background: rgba(0, 0, 0, 0) url("/images/loading_white.gif") no-repeat center/contain;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-indent: -9999px; }

@media screen and (max-width: 980px) {
  @-ms-keyframes grow {
    from {
      height: 0; }
    to {
      height: 50vw; } }
  @-moz-keyframes grow {
    from {
      height: 0; }
    to {
      height: 50vw; } }
  @-webkit-keyframes grow {
    from {
      height: 0; }
    to {
      height: 50vw; } }
  @keyframes grow {
    from {
      height: 0; }
    to {
      height: 50vw; } } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  @-ms-keyframes grow {
    from {
      height: 0; }
    to {
      height: 25vw; } }
  @-moz-keyframes grow {
    from {
      height: 0; }
    to {
      height: 25vw; } }
  @-webkit-keyframes grow {
    from {
      height: 0; }
    to {
      height: 25vw; } }
  @keyframes grow {
    from {
      height: 0; }
    to {
      height: 25vw; } } }
@media screen and (min-width: 1501px) {
  @-ms-keyframes grow {
    from {
      height: 0; }
    to {
      height: 30px; } }
  @-moz-keyframes grow {
    from {
      height: 0; }
    to {
      height: 30px; } }
  @-webkit-keyframes grow {
    from {
      height: 0; }
    to {
      height: 30px; } }
  @keyframes grow {
    from {
      height: 0; }
    to {
      height: 30px; } } }
.filter_nav {
  z-index: 2;
  position: relative; }
  .filter_nav .inner {
    margin: 0 auto;
    padding: .5vw; }
  .filter_nav p {
    float: left;
    margin: 0;
    color: #fff; }
    @media screen and (max-width: 980px) {
      .filter_nav p {
        font-size: 3.5vw;
        padding: 1vw 2vw 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .filter_nav p {
        font-size: 1.1vw;
        padding: .6vw .8vw 1vw; } }
    @media screen and (min-width: 1501px) {
      .filter_nav p {
        font-size: 14px;
        padding: 15px; } }
  .filter_nav button {
    margin-top: 0;
    margin-bottom: 0; }

input.has_error {
  background: #fccaa6;
  color: #c64a1a; }
  input.has_error ::placeholder {
    color: #c64a1a !important; }
  input.has_error::-webkit-input-placeholder {
    color: #c64a1a !important; }
  input.has_error:-moz-placeholder {
    color: #c64a1a !important; }
  input.has_error::-moz-placeholder {
    color: #c64a1a !important; }
  input.has_error:-ms-input-placeholder {
    color: #c64a1a !important; }
  input.has_error::-ms-input-placeholder {
    color: #c64a1a !important; }
  input.has_error:placeholder-shown {
    color: #c64a1a !important; }

form .error_message {
  color: #f47920;
  font-weight: 800; }

.the_dog {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  background: rgba(223, 8, 133, 0.8);
  overflow: hidden;
  transition: opacity .2s; }
  .the_dog img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 85%;
    width: auto;
    transform: translateY(100vh);
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s; }

body.dz-drag-hover .the_dog {
  opacity: 1; }
  body.dz-drag-hover .the_dog img {
    transform: translateY(5vh); }

.current_artist_block .band_title {
  display: flex;
  margin: 30px 0;
  align-items: center; }
  .current_artist_block .band_title .band_logo {
    background: transparent no-repeat center / contain;
    border-radius: 50%;
    width: 80px;
    height: 80px; }
    .current_artist_block .band_title .band_logo.noimage {
      background-image: url("/images/dashboard/generic-avatar.svg"); }
  .current_artist_block .band_title .band_name {
    margin-left: 15px;
    font-size: 24px;
    font-weight: 800; }
  .current_artist_block .band_title.more_artists_available .band_name {
    padding-right: 50px;
    background: transparent url("/images/artistdashboard/dropdown-white.svg") no-repeat right/30px;
    cursor: pointer; }
.current_artist_block .other_artists {
  position: absolute;
  left: 85px;
  top: 95px;
  opacity: 0;
  transition: .4s;
  pointer-events: none;
  z-index: 9; }
  @media screen and (max-width: 980px) {
    .current_artist_block .other_artists {
      left: 15vw;
      top: 15vw;
      z-index: 99; } }
  .current_artist_block .other_artists.on {
    opacity: 1;
    pointer-events: auto; }
  .current_artist_block .other_artists .band_logo {
    width: 40px;
    height: 40px; }
  .current_artist_block .other_artists .band_switch_link {
    cursor: pointer;
    background: #b1afaf;
    padding-right: 100px;
    display: block; }
    .current_artist_block .other_artists .band_switch_link:nth-of-type(2n) {
      background: #d8d7d7; }
    @media screen and (min-width: 981px) {
      .current_artist_block .other_artists .band_switch_link:hover {
        background: #0094c8; } }
  .current_artist_block .other_artists .band_title {
    margin: 0;
    padding: 5px 10px; }
  .current_artist_block .other_artists .band_name {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #3b3838; }

.hidden {
  display: none; }

.page-home {
  background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/cover; }
  @media screen and (max-width: 980px) {
    .page-home {
      background: #0094c8; } }
  .page-home .name_change {
    background: #3b3838;
    position: relative;
    opacity: 1;
    transition: .2s;
    max-height: 100vw;
    z-index: 2; }
    .page-home .name_change.off {
      opacity: 0; }
      @media screen and (max-width: 980px) {
        .page-home .name_change.off {
          max-height: 1px; } }
    @media screen and (max-width: 980px) {
      .page-home .name_change {
        margin-top: 9vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home .name_change {
        height: 4vw;
        position: absolute;
        top: 5.5vw;
        left: 0;
        right: 0; } }
    @media screen and (min-width: 1501px) {
      .page-home .name_change {
        height: 50px;
        position: absolute;
        top: 66px;
        left: 0;
        right: 0; } }
    .page-home .name_change .inner {
      background: transparent url("/images/yeild-icon.svg") no-repeat left;
      padding: 0; }
      @media screen and (max-width: 980px) {
        .page-home .name_change .inner {
          background-size: 14vw;
          padding: 4vw 19vw;
          background-position: 2vw;
          width: auto;
          margin: 0; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-home .name_change .inner {
          background-size: 3vw;
          padding: 1.3vw 4vw; } }
      @media screen and (min-width: 1501px) {
        .page-home .name_change .inner {
          background-size: 38px;
          padding: 14px 45px; } }
      .page-home .name_change .inner p {
        margin: 0 auto; }
        @media screen and (max-width: 980px) {
          .page-home .name_change .inner p {
            font-size: 4.0vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-home .name_change .inner p {
            font-size: 1.2vw; } }
        @media screen and (min-width: 1501px) {
          .page-home .name_change .inner p {
            font-size: 18px; } }
    .page-home .name_change .close_notice {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background: transparent url("/images/close-icon.svg") no-repeat center;
      cursor: pointer; }
      @media screen and (max-width: 980px) {
        .page-home .name_change .close_notice {
          background-size: 6vw;
          width: 6vw;
          right: 3vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-home .name_change .close_notice {
          background-size: 1.5vw;
          width: 5vw; } }
      @media screen and (min-width: 1501px) {
        .page-home .name_change .close_notice {
          background-size: 20px;
          width: 55px; } }
  .page-home .home_main {
    padding: 2vh 0 0;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 980px) {
      .page-home .home_main {
        padding-bottom: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home .home_main {
        min-height: 88vh; } }
    @media screen and (min-width: 1501px) {
      .page-home .home_main {
        background-position: center 50px; } }
  @media screen and (max-width: 980px) {
    .page-home .first_section .inner {
      padding-bottom: 135vw;
      margin: 15vw auto; } }
  @media screen and (max-width: 980px) {
    .page-home h1 {
      font-size: 14vw; } }
  @media screen and (max-width: 980px) {
    .page-home p {
      font-size: 6vw;
      margin-bottom: 8vw;
      font-weight: 400; } }
  @media screen and (max-width: 980px) {
    .page-home .launch_early_access {
      text-align: center; } }
  .page-home .getit_h2 {
    margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-home .getit_h2 {
        margin-bottom: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home .getit_h2 {
        font-size: 2vw;
        margin-bottom: 0.4vw; } }
    @media screen and (min-width: 1501px) {
      .page-home .getit_h2 {
        font-size: 30px;
        margin-bottom: 5px; } }
  .page-home .getit_p {
    margin-bottom: 0; }
  @media screen and (min-width: 1501px) {
    .page-home .primary_column {
      padding-top: 50px; } }
  @media screen and (max-width: 980px) {
    .page-home .capture_container_outer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 0/250vw;
      background-size: 250vw;
      overflow: hidden;
      padding-top: 10vw; } }
  .page-home .capture_container_over {
    background: transparent url("/images/home/mobile-capture-mode.svg") no-repeat right bottom/contain;
    position: absolute;
    right: 0;
    bottom: 0;
    animation: loop 15s infinite linear; }
    @media screen and (max-width: 980px) {
      .page-home .capture_container_over {
        position: relative;
        height: 145vw;
        width: 160vw;
        background-position: left; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home .capture_container_over {
        top: 12vh;
        left: 55vw; } }
    @media screen and (min-width: 1501px) {
      .page-home .capture_container_over {
        bottom: 0;
        width: 625px;
        height: 800px; } }
  .page-home .capture_container {
    background: transparent url("/images/home/mobile-capture-mode.svg") no-repeat right bottom/contain;
    position: absolute;
    right: 0;
    bottom: 0;
    animation: loop 15s infinite linear; }
    @media screen and (max-width: 980px) {
      .page-home .capture_container {
        position: relative;
        height: 145vw;
        width: 160vw;
        background-position: left; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home .capture_container {
        top: 12vh;
        left: 55vw; } }
    @media screen and (min-width: 1501px) {
      .page-home .capture_container {
        bottom: 0;
        width: 625px;
        height: 800px; } }
  .page-home .captured_cassette {
    background: transparent url("/images/home/augmented-cassette.svg") no-repeat center/contain;
    position: absolute;
    animation: hover 2s infinite; }
    @media screen and (max-width: 980px) {
      .page-home .captured_cassette {
        bottom: 85vw;
        right: 35vw;
        height: 22vw;
        width: 40vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home .captured_cassette {
        bottom: 29vw;
        right: 17vw;
        height: 8vw;
        width: 10vw; } }
    @media screen and (min-width: 1501px) {
      .page-home .captured_cassette {
        bottom: 470px;
        right: 275px;
        height: 125px;
        width: 170px; } }
  .page-home .capture_container.nw {
    transform: translate(-1%, -1%); }
  .page-home .capture_container.ne {
    transform: translate(-1%, 1%); }
  .page-home .capture_container.sw {
    transform: translate(1%, -1%); }
  .page-home .capture_container.se {
    transform: translate(1%, 1%); }

@media screen and (max-width: 980px) {
  .page-home-promo {
    padding-top: 8vw; } }
.page-home-promo .home_promo {
  background: #626060 url("/images/promotions/scavengers/hotwax-background-02.jpg") no-repeat bottom/cover;
  position: relative;
  overflow: hidden;
  /*
      .snipe {
        background: transparent  url('/images/promotions/skateordye/held-over-banner.svg') no-repeat bottom / contain;
        position: absolute;
        top:0;
        left:0;
        pointer-events: none;
  
        @media screen and (max-width: $breakpoint-small-px + 0px) {
          width: 52vw;
          height: 24vw;
          top: -4vw;
        }
        @media screen and (min-width: $breakpoint-small-px + 1px) and (max-width: $breakpoint-large-px + 0px) {
          width: 32vw;
          height: 15vw;
          top: -2vw;
        }
        @media screen and (min-width: $breakpoint-large-px + 1px) {
          width: 560px;
          height: 250px;
          top: -50px;
        }
      }
  */ }
  @media screen and (max-width: 980px) {
    .page-home-promo .home_promo {
      padding-top: 8vw;
      padding-bottom: 105vw;
      background: #626060 url("/images/promotions/scavengers/hw-scavengers-background-mobile.jpg") no-repeat center 0/cover; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .home_promo {
      padding-top: 2vw;
      background-position: center; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .home_promo {
      padding-top: 45px;
      background-position: center; } }
  .page-home-promo .home_promo .promo_header {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block; }
    @media screen and (max-width: 980px) {
      .page-home-promo .home_promo .promo_header {
        margin: 0 auto 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .home_promo .promo_header {
        width: 50%;
        float: right;
        margin: 2vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .home_promo .promo_header {
        width: 50%;
        float: right;
        margin: 50px 0; } }
  @media screen and (max-width: 980px) {
    .page-home-promo .home_promo a {
      text-decoration: underline; } }
  @media screen and (min-width: 981x) {
    .page-home-promo .home_promo a:hover {
      color: #df0885; } }
  .page-home-promo .home_promo .promo_text {
    width: 50%;
    margin-left: 50%; }
    @media screen and (max-width: 980px) {
      .page-home-promo .home_promo .promo_text {
        width: auto;
        margin: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .home_promo .promo_text {
        padding-bottom: 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .home_promo .promo_text {
        padding-bottom: 60px; } }
  .page-home-promo .home_promo .norma {
    position: absolute;
    left: 0;
    width: 50vw;
    height: 100vw;
    bottom: 0;
    background: url("/images/promotions/scavengers/Norma-Scavengers.svg") no-repeat top/45vw;
    pointer-events: none; }
    @media screen and (max-width: 980px) {
      .page-home-promo .home_promo .norma {
        background-size: contain;
        background-position: bottom;
        width: 100vw;
        height: 125vw;
        bottom: -22vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .home_promo .norma {
        left: 0;
        bottom: -6.5vw;
        background-position: bottom left;
        background-size: 50vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .home_promo .norma {
        left: calc(48vw - 840px);
        bottom: -100px;
        background-size: 800px;
        background-position: bottom; } }
  @media screen and (max-width: 980px) {
    .page-home-promo .home_promo h1 {
      margin-bottom: 3vw;
      font-size: 7.5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .home_promo h1 {
      font-size: 3.2vw;
      margin-bottom: 0; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .home_promo h1 {
      font-size: 44px;
      margin-bottom: 0; } }
  .page-home-promo .home_promo h2 {
    margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-home-promo .home_promo h2 {
        font-size: 6vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .home_promo h2 {
        font-size: 32px; } }
  @media screen and (max-width: 980px) {
    .page-home-promo .home_promo h3 {
      font-size: 6vw;
      margin-bottom: 4vw;
      text-align: center; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .home_promo h3 {
      margin-bottom: 15px; } }
  @media screen and (max-width: 980px) {
    .page-home-promo .home_promo p {
      font-size: 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .home_promo p {
      font-size: 1.65vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .home_promo p {
      font-size: 25px; } }
.page-home-promo .timer_container {
  display: flex;
  justify-content: center;
  text-align: center; }
  @media screen and (max-width: 980px) {
    .page-home-promo .timer_container {
      margin-bottom: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .timer_container {
      margin-right: 10vw;
      margin-bottom: 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .timer_container {
      margin-right: 85px;
      margin-bottom: 35px; } }
  .page-home-promo .timer_container .number {
    font-size: 10vw;
    font-weight: 900;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .page-home-promo .timer_container .number {
        font-size: 25vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .timer_container .number {
        font-size: 7.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .timer_container .number {
        font-size: 130px; } }
  .page-home-promo .timer_container .number_label {
    font-size: 3vw;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .page-home-promo .timer_container .number_label {
        font-size: 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .timer_container .number_label {
        font-size: 1.4vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .timer_container .number_label {
        font-size: 26px; } }
  .page-home-promo .timer_container .hours {
    margin: 0 3vw;
    padding: 0 3vw;
    border: .1vw solid #fff;
    border-top: 0;
    border-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-home-promo .timer_container .hours {
        margin: 0 3vw;
        padding: 0 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .timer_container .hours {
        margin: 0 1vw;
        padding: 0 1vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .timer_container .hours {
        margin: 0 20px;
        padding: 0 20px;
        border-width: 1px; } }
.page-home-promo .name_change {
  background: #3b3838;
  position: relative;
  opacity: 1;
  transition: .2s;
  max-height: 100vw;
  z-index: 2; }
  .page-home-promo .name_change.off {
    opacity: 0; }
    @media screen and (max-width: 980px) {
      .page-home-promo .name_change.off {
        max-height: 1px; } }
  @media screen and (max-width: 980px) {
    .page-home-promo .name_change {
      height: 22vw;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .name_change {
      height: 4vw;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .name_change {
      height: 50px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; } }
  .page-home-promo .name_change .inner {
    background: transparent url("/images/yeild-icon.svg") no-repeat left;
    padding: 0;
    margin: 0 auto; }
    @media screen and (max-width: 980px) {
      .page-home-promo .name_change .inner {
        background-size: 14vw;
        padding: 4vw 19vw !important;
        background-position: 2vw;
        width: auto;
        margin: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .name_change .inner {
        background-size: 3vw;
        padding: 1.3vw 4vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .name_change .inner {
        background-size: 38px;
        padding: 14px 45px; } }
    .page-home-promo .name_change .inner p {
      margin: 0 auto; }
      @media screen and (max-width: 980px) {
        .page-home-promo .name_change .inner p {
          font-size: 4.0vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-home-promo .name_change .inner p {
          font-size: 1.2vw; } }
      @media screen and (min-width: 1501px) {
        .page-home-promo .name_change .inner p {
          font-size: 18px; } }
  .page-home-promo .name_change .close_notice {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent url("/images/close-icon.svg") no-repeat center;
    cursor: pointer; }
    @media screen and (max-width: 980px) {
      .page-home-promo .name_change .close_notice {
        background-size: 6vw;
        width: 6vw;
        right: 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo .name_change .close_notice {
        background-size: 1.5vw;
        width: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo .name_change .close_notice {
        background-size: 20px;
        width: 55px; } }
.page-home-promo .home_main {
  background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 5vh/cover;
  padding: 2vh 0 0;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 980px) {
    .page-home-promo .home_main {
      padding-bottom: 0;
      background: #0094c8; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .home_main {
      min-height: 88vh; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .home_main {
      background-position: center 50px; } }
@media screen and (max-width: 980px) {
  .page-home-promo .first_section .inner {
    padding-bottom: 135vw; } }
@media screen and (max-width: 980px) {
  .page-home-promo h1 {
    font-size: 14vw; } }
@media screen and (max-width: 980px) {
  .page-home-promo p {
    font-size: 6vw;
    margin-bottom: 8vw;
    font-weight: 400; } }
@media screen and (max-width: 980px) {
  .page-home-promo .launch_early_access {
    text-align: center; } }
.page-home-promo .getit_h2 {
  margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    .page-home-promo .getit_h2 {
      margin-bottom: 4vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .getit_h2 {
      font-size: 2vw;
      margin-bottom: 0.4vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .getit_h2 {
      font-size: 30px;
      margin-bottom: 5px; } }
.page-home-promo .getit_p {
  margin-bottom: 0; }
@media screen and (max-width: 980px) {
  .page-home-promo .primary_column {
    padding-top: 5vw; } }
@media screen and (min-width: 1501px) {
  .page-home-promo .primary_column {
    padding-top: 50px; } }
@media screen and (max-width: 980px) {
  .page-home-promo .capture_container_outer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 0/250vw;
    background-size: 250vw;
    overflow: hidden;
    padding-top: 10vw; } }
.page-home-promo .capture_container {
  background: transparent url("/images/home/mobile-capture-mode.svg") no-repeat right bottom/contain;
  position: absolute;
  right: 0;
  bottom: 0;
  animation: loop 15s infinite linear; }
  @media screen and (max-width: 980px) {
    .page-home-promo .capture_container {
      position: relative;
      height: 145vw;
      width: 160vw;
      background-position: left; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .capture_container {
      top: 12vh;
      left: 55vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .capture_container {
      bottom: 0;
      width: 625px;
      height: 800px; } }
.page-home-promo .captured_cassette {
  background: transparent url("/images/home/augmented-cassette.svg") no-repeat center/contain;
  position: absolute;
  animation: hover 2s infinite; }
  @media screen and (max-width: 980px) {
    .page-home-promo .captured_cassette {
      bottom: 85vw;
      right: 35vw;
      height: 22vw;
      width: 40vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .captured_cassette {
      bottom: 29vw;
      right: 17vw;
      height: 8vw;
      width: 10vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .captured_cassette {
      bottom: 470px;
      right: 275px;
      height: 125px;
      width: 170px; } }
.page-home-promo .capture_container.nw {
  transform: translate(-1%, -1%); }
.page-home-promo .capture_container.ne {
  transform: translate(-1%, 1%); }
.page-home-promo .capture_container.sw {
  transform: translate(1%, -1%); }
.page-home-promo .capture_container.se {
  transform: translate(1%, 1%); }
.page-home-promo .scroll_icon {
  display: none;
  background: transparent url("/images/scroll-icon.svg") no-repeat center/contain;
  pointer-events: none;
  animation-duration: 6s;
  animation-name: wobble;
  animation-iteration-count: infinite;
  position: absolute;
  top: 2vw;
  left: 0;
  right: 0;
  margin: auto;
  transition: opacity .3s ease-in; }
  @media screen and (max-width: 980px) {
    .page-home-promo .scroll_icon {
      display: none; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo .scroll_icon {
      height: 5vw;
      width: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo .scroll_icon {
      top: 25px;
      height: 40px;
      width: 40px; } }

@media screen and (max-width: 980px) {
  .page-home-promo-countdown {
    padding-top: 8vw; } }
.page-home-promo-countdown .home_promo {
  background: #626060;
  position: relative;
  margin: 0;
  padding: 0; }
  .page-home-promo-countdown .home_promo .inner {
    position: static; }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .home_promo {
      min-height: 195vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .home_promo {
      min-height: calc(100vh - 5vw); } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .home_promo {
      min-height: calc(100vh - 55px); } }
  .page-home-promo-countdown .home_promo .countdown_bg {
    opacity: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #626060 no-repeat top/100vw;
    transition: opacity 1.5s ease-out; }
    @media screen and (max-width: 980px) {
      .page-home-promo-countdown .home_promo .countdown_bg {
        background-position: center -9vw; } }
    .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_1 {
      background-image: url("/images/promotions/tapetraders/countdown/los-angeles-desktop.jpg"); }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_1 {
          background-image: url("/images/promotions/tapetraders/countdown/los-angeles-mobile.jpg"); } }
    .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_2 {
      background-image: url("/images/promotions/tapetraders/countdown/seattle-desktop.jpg"); }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_2 {
          background-image: url("/images/promotions/tapetraders/countdown/seattle-mobile.jpg"); } }
    .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_3 {
      background-image: url("/images/promotions/tapetraders/countdown/boise-desktop.jpg"); }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_3 {
          background-image: url("/images/promotions/tapetraders/countdown/boise-mobile.jpg"); } }
    .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_4 {
      background-image: url("/images/promotions/tapetraders/countdown/portland-desktop.jpg"); }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_4 {
          background-image: url("/images/promotions/tapetraders/countdown/portland-mobile.jpg"); } }
    .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_5 {
      background-image: url("/images/promotions/tapetraders/countdown/san-fran-desktop.jpg"); }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_5 {
          background-image: url("/images/promotions/tapetraders/countdown/san-fran-mobile.jpg"); } }
    .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_6 {
      background-image: url("/images/promotions/tapetraders/countdown/las-vegas-desktop.jpg"); }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_6 {
          background-image: url("/images/promotions/tapetraders/countdown/las-vegas-mobile.jpg"); } }
    .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_7 {
      background-image: url("/images/promotions/tapetraders/countdown/vancouver-desktop.jpg"); }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .countdown_bg.countdown_bg_7 {
          background-image: url("/images/promotions/tapetraders/countdown/vancouver-mobile.jpg"); } }
    .page-home-promo-countdown .home_promo .countdown_bg.active {
      opacity: 1;
      z-index: 3; }
  .page-home-promo-countdown .home_promo .promo_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5vh;
    z-index: 5;
    text-align: center;
    margin: auto; }
    @media screen and (max-width: 980px) {
      .page-home-promo-countdown .home_promo .promo_text {
        width: 92vw;
        bottom: unset;
        top: 72vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo-countdown .home_promo .promo_text {
        width: 30vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo-countdown .home_promo .promo_text {
        width: 500px; } }
    .page-home-promo-countdown .home_promo .promo_text .store_buttons {
      margin: auto;
      width: 100%; }
    .page-home-promo-countdown .home_promo .promo_text h1 {
      margin-bottom: 0; }
      @media screen and (max-width: 980px) {
        .page-home-promo-countdown .home_promo .promo_text h1 {
          font-size: 14vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-home-promo-countdown .home_promo .promo_text h1 {
          font-size: 4.5vw;
          text-shadow: 0 0 1.8vw rgba(59, 56, 56, 0.5); } }
      @media screen and (min-width: 1501px) {
        .page-home-promo-countdown .home_promo .promo_text h1 {
          font-size: 78px;
          text-shadow: 0 0 30px rgba(59, 56, 56, 0.5); } }
  .page-home-promo-countdown .home_promo h2 {
    margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-home-promo-countdown .home_promo h2 {
        font-size: 6vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo-countdown .home_promo h2 {
        text-shadow: 0 0 1vw rgba(59, 56, 56, 0.5); } }
    @media screen and (min-width: 1501px) {
      .page-home-promo-countdown .home_promo h2 {
        text-shadow: 0 0 15px rgba(59, 56, 56, 0.5); } }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .home_promo h3 {
      font-size: 5.5vw;
      margin-bottom: 4vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .home_promo h3 {
      text-shadow: 0 0 0.8vw rgba(59, 56, 56, 0.5); } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .home_promo h3 {
      margin-bottom: 15px;
      text-shadow: 0 0 10px rgba(59, 56, 56, 0.5); } }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .home_promo p {
      font-size: 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .home_promo p {
      font-size: 1.65vw;
      text-shadow: 0 0 4px rgba(59, 56, 56, 0.5); } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .home_promo p {
      font-size: 25px;
      text-shadow: 0 0 4px rgba(59, 56, 56, 0.5); } }
@media screen and (max-width: 980px) {
  .page-home-promo-countdown.artist_loggedin .home_promo {
    min-height: 195vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-home-promo-countdown.artist_loggedin .home_promo {
    min-height: calc(100vh - 8vw); } }
@media screen and (min-width: 1501px) {
  .page-home-promo-countdown.artist_loggedin .home_promo {
    min-height: calc(100vh - 120px); } }
.page-home-promo-countdown .timer_container {
  display: flex;
  justify-content: center;
  text-align: center; }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .timer_container {
      margin-bottom: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .timer_container {
      margin-bottom: 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .timer_container {
      margin-bottom: 35px; } }
  .page-home-promo-countdown .timer_container .number {
    font-size: 10vw;
    font-weight: 900;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .page-home-promo-countdown .timer_container .number {
        font-size: 25vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo-countdown .timer_container .number {
        font-size: 7.5vw;
        text-shadow: 0 0 3vw rgba(59, 56, 56, 0.5); } }
    @media screen and (min-width: 1501px) {
      .page-home-promo-countdown .timer_container .number {
        font-size: 130px;
        text-shadow: 0 0 50px rgba(59, 56, 56, 0.5); } }
  .page-home-promo-countdown .timer_container .number_label {
    font-size: 3vw;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .page-home-promo-countdown .timer_container .number_label {
        font-size: 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo-countdown .timer_container .number_label {
        font-size: 1.4vw;
        text-shadow: 0 0 0.5vw rgba(59, 56, 56, 0.5); } }
    @media screen and (min-width: 1501px) {
      .page-home-promo-countdown .timer_container .number_label {
        font-size: 26px;
        text-shadow: 0 0 10px rgba(59, 56, 56, 0.5); } }
  .page-home-promo-countdown .timer_container .hours {
    margin: 0 3vw;
    padding: 0 3vw;
    border: 0.1vw solid #898888;
    border-top: 0;
    border-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-home-promo-countdown .timer_container .hours {
        margin: 0 3vw;
        padding: 0 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-promo-countdown .timer_container .hours {
        margin: 0 1vw;
        padding: 0 1vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-promo-countdown .timer_container .hours {
        margin: 0 20px;
        padding: 0 20px;
        border-width: 1px; } }
.page-home-promo-countdown .home_main {
  background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 5vh/cover;
  padding: 2vh 0 0;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .home_main {
      padding-bottom: 0;
      background: #0094c8; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .home_main {
      min-height: 88vh; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .home_main {
      background-position: center 50px; } }
@media screen and (max-width: 980px) {
  .page-home-promo-countdown .first_section .inner {
    padding-bottom: 135vw; } }
@media screen and (max-width: 980px) {
  .page-home-promo-countdown p {
    font-size: 6vw;
    margin-bottom: 8vw;
    font-weight: 400; } }
@media screen and (max-width: 980px) {
  .page-home-promo-countdown .launch_early_access {
    text-align: center; } }
.page-home-promo-countdown .getit_h2 {
  margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .getit_h2 {
      margin-bottom: 4vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .getit_h2 {
      font-size: 2vw;
      margin-bottom: 0.4vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .getit_h2 {
      font-size: 30px;
      margin-bottom: 5px; } }
.page-home-promo-countdown .getit_p {
  margin-bottom: 0; }
@media screen and (min-width: 1501px) {
  .page-home-promo-countdown .primary_column {
    padding-top: 50px; } }
@media screen and (max-width: 980px) {
  .page-home-promo-countdown .capture_container_outer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 0/250vw;
    background-size: 250vw;
    overflow: hidden;
    padding-top: 10vw; } }
.page-home-promo-countdown .capture_container {
  background: transparent url("/images/home/mobile-capture-mode.svg") no-repeat right bottom/contain;
  position: absolute;
  right: 0;
  bottom: 0;
  animation: loop 15s infinite linear; }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .capture_container {
      position: relative;
      height: 145vw;
      width: 160vw;
      background-position: left; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .capture_container {
      top: 12vh;
      left: 55vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .capture_container {
      bottom: 0;
      width: 625px;
      height: 800px; } }
.page-home-promo-countdown .captured_cassette {
  background: transparent url("/images/home/augmented-cassette.svg") no-repeat center/contain;
  position: absolute;
  animation: hover 2s infinite; }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .captured_cassette {
      bottom: 85vw;
      right: 35vw;
      height: 22vw;
      width: 40vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .captured_cassette {
      bottom: 29vw;
      right: 17vw;
      height: 8vw;
      width: 10vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .captured_cassette {
      bottom: 470px;
      right: 275px;
      height: 125px;
      width: 170px; } }
.page-home-promo-countdown .capture_container.nw {
  transform: translate(-1%, -1%); }
.page-home-promo-countdown .capture_container.ne {
  transform: translate(-1%, 1%); }
.page-home-promo-countdown .capture_container.sw {
  transform: translate(1%, -1%); }
.page-home-promo-countdown .capture_container.se {
  transform: translate(1%, 1%); }
.page-home-promo-countdown .scroll_icon {
  background: transparent url("/images/scroll-icon.svg") no-repeat center/contain;
  pointer-events: none;
  animation-duration: 6s;
  animation-name: wobble;
  animation-iteration-count: infinite;
  position: absolute;
  top: 2vw;
  left: 0;
  right: 0;
  margin: auto;
  transition: opacity .3s ease-in; }
  @media screen and (max-width: 980px) {
    .page-home-promo-countdown .scroll_icon {
      top: 6vw;
      height: 3vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-home-promo-countdown .scroll_icon {
      height: 5vw;
      width: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-home-promo-countdown .scroll_icon {
      top: 25px;
      height: 40px;
      width: 40px; } }

@media screen and (max-width: 980px) {
  .page-promo-countdown-new {
    padding-top: 8vw; } }
.page-promo-countdown-new .home_promo {
  background: #626060;
  position: relative;
  margin: 0;
  padding: 0; }
  .page-promo-countdown-new .home_promo .inner {
    position: static; }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .home_promo {
      min-height: 195vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .home_promo {
      min-height: calc(100vh - 5vw); } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .home_promo {
      min-height: calc(100vh - 55px); } }
  .page-promo-countdown-new .home_promo .countdown_bg_container {
    pointer-events: none; }
  .page-promo-countdown-new .home_promo .countdown_bg {
    opacity: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #626060 no-repeat top/cover;
    transition: opacity 1.5s ease-out; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .home_promo .countdown_bg {
        background-position: bottom; } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_1 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-1.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_1 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-1.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_2 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-2.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_2 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-2.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_3 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-3.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_3 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-3.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_4 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-4.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_4 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-4.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_5 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-5.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_5 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-5.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_6 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-6.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_6 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-6.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_7 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-7.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_7 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-7.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_8 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-8.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_8 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-8.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_9 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-9.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_9 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-9.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_10 {
      background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-desktop-10.jpg"); }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .countdown_bg.countdown_bg_10 {
          background-image: url("/images/promotions/lordsofthelow/countdown/lordsofthelow-mobile-10.jpg"); } }
    .page-promo-countdown-new .home_promo .countdown_bg.active {
      opacity: 1;
      z-index: 3; }
  .page-promo-countdown-new .home_promo .promo_stories {
    pointer-events: none; }
    .page-promo-countdown-new .home_promo .promo_stories.active {
      pointer-events: auto; }
  .page-promo-countdown-new .home_promo .promo_story {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5vh;
    z-index: 5;
    text-align: left;
    margin: auto;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .home_promo .promo_story {
        width: 92vw;
        bottom: unset;
        padding-bottom: 10vw;
        top: 45vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-promo-countdown-new .home_promo .promo_story {
        width: 30vw;
        padding-bottom: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-promo-countdown-new .home_promo .promo_story {
        width: 500px;
        padding-bottom: 50px; } }
    .page-promo-countdown-new .home_promo .promo_story.active {
      opacity: 1;
      transition: opacity 2s ease-out 0.2s;
      pointer-events: auto; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .home_promo .promo_story h1 {
        margin-bottom: 8vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-promo-countdown-new .home_promo .promo_story h1 {
        font-size: 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-promo-countdown-new .home_promo .promo_story h1 {
        font-size: 45px; } }
  .page-promo-countdown-new .home_promo .photo_credit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4vh;
    z-index: 5;
    text-align: center;
    margin: auto;
    opacity: 0;
    transition: .2s;
    pointer-events: none; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .home_promo .photo_credit {
        width: 92vw;
        bottom: unset;
        top: 167vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-promo-countdown-new .home_promo .photo_credit {
        width: 30vw; } }
    @media screen and (min-width: 1501px) {
      .page-promo-countdown-new .home_promo .photo_credit {
        width: 500px; } }
    .page-promo-countdown-new .home_promo .photo_credit.active {
      opacity: 1;
      pointer-events: auto; }
    .page-promo-countdown-new .home_promo .photo_credit p {
      margin-bottom: 0; }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .photo_credit p {
          font-size: 3vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-promo-countdown-new .home_promo .photo_credit p {
          font-size: 1vw; } }
      @media screen and (min-width: 1501px) {
        .page-promo-countdown-new .home_promo .photo_credit p {
          font-size: 12px; } }
  .page-promo-countdown-new .home_promo .story_nav_container {
    position: absolute;
    bottom: 8vh;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 9;
    opacity: 0;
    transition: .2s;
    pointer-events: none; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .home_promo .story_nav_container {
        bottom: unset;
        top: 155vw; } }
    .page-promo-countdown-new .home_promo .story_nav_container.active {
      opacity: 1;
      pointer-events: auto; }
    .page-promo-countdown-new .home_promo .story_nav_container span {
      display: block;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      cursor: pointer; }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .story_nav_container span {
          width: 16vw;
          margin: 0 6vw;
          font-size: 5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-promo-countdown-new .home_promo .story_nav_container span {
          width: 4vw;
          margin: 0 1vw;
          font-size: 1.2vw; } }
      @media screen and (min-width: 1501px) {
        .page-promo-countdown-new .home_promo .story_nav_container span {
          width: 45px;
          margin: 0 15px;
          font-size: 14px; } }
      .page-promo-countdown-new .home_promo .story_nav_container span.back {
        background: transparent url("/images/promotions/arrow-back.svg") no-repeat left/contain; }
        @media screen and (max-width: 980px) {
          .page-promo-countdown-new .home_promo .story_nav_container span.back {
            padding-left: 5vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-promo-countdown-new .home_promo .story_nav_container span.back {
            padding-left: 1vw; } }
        @media screen and (min-width: 1501px) {
          .page-promo-countdown-new .home_promo .story_nav_container span.back {
            padding-left: 15px; } }
        .page-promo-countdown-new .home_promo .story_nav_container span.back.inactive {
          opacity: 0; }
      .page-promo-countdown-new .home_promo .story_nav_container span.next {
        background: transparent url("/images/promotions/arrow-next.svg") no-repeat right/contain;
        text-align: right; }
        @media screen and (max-width: 980px) {
          .page-promo-countdown-new .home_promo .story_nav_container span.next {
            padding-right: 5vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-promo-countdown-new .home_promo .story_nav_container span.next {
            padding-right: 1vw; } }
        @media screen and (min-width: 1501px) {
          .page-promo-countdown-new .home_promo .story_nav_container span.next {
            padding-right: 15px; } }
  .page-promo-countdown-new .home_promo .promo_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8vh;
    z-index: 5;
    text-align: center;
    margin: auto;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .home_promo .promo_text {
        width: 92vw;
        bottom: unset;
        top: 45vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-promo-countdown-new .home_promo .promo_text {
        width: 30vw; } }
    @media screen and (min-width: 1501px) {
      .page-promo-countdown-new .home_promo .promo_text {
        width: 500px; } }
    .page-promo-countdown-new .home_promo .promo_text.active {
      opacity: 1;
      transition: opacity 1s ease-out .2s;
      pointer-events: auto; }
    .page-promo-countdown-new .home_promo .promo_text .store_buttons {
      margin: auto;
      width: 100%; }
    .page-promo-countdown-new .home_promo .promo_text h1 {
      margin-bottom: 0; }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .promo_text h1 {
          font-size: 14vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-promo-countdown-new .home_promo .promo_text h1 {
          font-size: 4.5vw;
          text-shadow: 0 0 1.8vw rgba(59, 56, 56, 0.5); } }
      @media screen and (min-width: 1501px) {
        .page-promo-countdown-new .home_promo .promo_text h1 {
          font-size: 78px;
          text-shadow: 0 0 30px rgba(59, 56, 56, 0.5); } }
    .page-promo-countdown-new .home_promo .promo_text .lordsofthelow_logo {
      display: block;
      text-indent: -9999px;
      width: 125%;
      margin-left: -10%;
      background: transparent url("/images/promotions/lordsofthelow/lotl_logo_lockup.svg") no-repeat center/contain; }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .promo_text .lordsofthelow_logo {
          height: 25vw;
          width: 100%;
          margin-left: auto; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-promo-countdown-new .home_promo .promo_text .lordsofthelow_logo {
          height: 8vw; } }
      @media screen and (min-width: 1501px) {
        .page-promo-countdown-new .home_promo .promo_text .lordsofthelow_logo {
          height: 135px; } }
    .page-promo-countdown-new .home_promo .promo_text h2 {
      margin-bottom: 0; }
      @media screen and (max-width: 980px) {
        .page-promo-countdown-new .home_promo .promo_text h2 {
          font-size: 5.5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-promo-countdown-new .home_promo .promo_text h2 {
          text-shadow: 0 0 1vw rgba(59, 56, 56, 0.5);
          font-size: 1.6vw; } }
      @media screen and (min-width: 1501px) {
        .page-promo-countdown-new .home_promo .promo_text h2 {
          text-shadow: 0 0 15px rgba(59, 56, 56, 0.5);
          font-size: 32px; } }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .home_promo h3 {
      font-size: 5.5vw;
      margin-bottom: 4vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .home_promo h3 {
      text-shadow: 0 0 0.8vw rgba(59, 56, 56, 0.5); } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .home_promo h3 {
      margin-bottom: 15px;
      text-shadow: 0 0 10px rgba(59, 56, 56, 0.5); } }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .home_promo p {
      font-size: 4.75vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .home_promo p {
      font-size: 1.65vw;
      text-shadow: 0 0 4px rgba(59, 56, 56, 0.5); } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .home_promo p {
      font-size: 25px;
      text-shadow: 0 0 4px rgba(59, 56, 56, 0.5); } }
@media screen and (max-width: 980px) {
  .page-promo-countdown-new.artist_loggedin .home_promo {
    min-height: 170vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-promo-countdown-new.artist_loggedin .home_promo {
    min-height: calc(100vh - 8vw); } }
@media screen and (min-width: 1501px) {
  .page-promo-countdown-new.artist_loggedin .home_promo {
    min-height: calc(100vh - 120px); } }
.page-promo-countdown-new .timer_container {
  display: flex;
  justify-content: center;
  text-align: center; }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .timer_container {
      margin-bottom: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .timer_container {
      margin-bottom: 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .timer_container {
      margin-bottom: 35px; } }
  .page-promo-countdown-new .timer_container .number {
    font-size: 10vw;
    font-weight: 900;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .timer_container .number {
        font-size: 25vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-promo-countdown-new .timer_container .number {
        font-size: 7.5vw;
        text-shadow: 0 0 3vw rgba(59, 56, 56, 0.5); } }
    @media screen and (min-width: 1501px) {
      .page-promo-countdown-new .timer_container .number {
        font-size: 130px;
        text-shadow: 0 0 50px rgba(59, 56, 56, 0.5); } }
  .page-promo-countdown-new .timer_container .number_label {
    font-size: 3vw;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .timer_container .number_label {
        font-size: 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-promo-countdown-new .timer_container .number_label {
        font-size: 1.4vw;
        text-shadow: 0 0 0.5vw rgba(59, 56, 56, 0.5); } }
    @media screen and (min-width: 1501px) {
      .page-promo-countdown-new .timer_container .number_label {
        font-size: 26px;
        text-shadow: 0 0 10px rgba(59, 56, 56, 0.5); } }
  .page-promo-countdown-new .timer_container .hours {
    margin: 0 3vw;
    padding: 0 3vw;
    border: 0.1vw solid #898888;
    border-top: 0;
    border-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-promo-countdown-new .timer_container .hours {
        margin: 0 3vw;
        padding: 0 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-promo-countdown-new .timer_container .hours {
        margin: 0 1vw;
        padding: 0 1vw; } }
    @media screen and (min-width: 1501px) {
      .page-promo-countdown-new .timer_container .hours {
        margin: 0 20px;
        padding: 0 20px;
        border-width: 1px; } }
.page-promo-countdown-new .home_main {
  background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 5vh/cover;
  padding: 2vh 0 0;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .home_main {
      padding-bottom: 0;
      background: #0094c8; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .home_main {
      min-height: 88vh; } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .home_main {
      background-position: center 50px; } }
@media screen and (max-width: 980px) {
  .page-promo-countdown-new .first_section .inner {
    padding-bottom: 135vw; } }
@media screen and (max-width: 980px) {
  .page-promo-countdown-new p {
    font-size: 6vw;
    margin-bottom: 8vw;
    font-weight: 400; } }
@media screen and (max-width: 980px) {
  .page-promo-countdown-new .launch_early_access {
    text-align: center; } }
.page-promo-countdown-new .getit_h2 {
  margin-bottom: 0; }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .getit_h2 {
      margin-bottom: 4vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .getit_h2 {
      font-size: 2vw;
      margin-bottom: 0.4vw; } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .getit_h2 {
      font-size: 30px;
      margin-bottom: 5px; } }
.page-promo-countdown-new .getit_p {
  margin-bottom: 0; }
@media screen and (min-width: 1501px) {
  .page-promo-countdown-new .primary_column {
    padding-top: 50px; } }
@media screen and (max-width: 980px) {
  .page-promo-countdown-new .capture_container_outer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 0/250vw;
    background-size: 250vw;
    overflow: hidden;
    padding-top: 10vw; } }
.page-promo-countdown-new .capture_container {
  background: transparent url("/images/home/mobile-capture-mode.svg") no-repeat right bottom/contain;
  position: absolute;
  right: 0;
  bottom: 0;
  animation: loop 15s infinite linear; }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .capture_container {
      position: relative;
      height: 145vw;
      width: 160vw;
      background-position: left; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .capture_container {
      top: 12vh;
      left: 55vw; } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .capture_container {
      bottom: 0;
      width: 625px;
      height: 800px; } }
.page-promo-countdown-new .captured_cassette {
  background: transparent url("/images/home/augmented-cassette.svg") no-repeat center/contain;
  position: absolute;
  animation: hover 2s infinite; }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .captured_cassette {
      bottom: 85vw;
      right: 35vw;
      height: 22vw;
      width: 40vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .captured_cassette {
      bottom: 29vw;
      right: 17vw;
      height: 8vw;
      width: 10vw; } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .captured_cassette {
      bottom: 470px;
      right: 275px;
      height: 125px;
      width: 170px; } }
.page-promo-countdown-new .capture_container.nw {
  transform: translate(-1%, -1%); }
.page-promo-countdown-new .capture_container.ne {
  transform: translate(-1%, 1%); }
.page-promo-countdown-new .capture_container.sw {
  transform: translate(1%, -1%); }
.page-promo-countdown-new .capture_container.se {
  transform: translate(1%, 1%); }
.page-promo-countdown-new .scroll_icon {
  background: transparent url("/images/scroll-icon.svg") no-repeat center/contain;
  pointer-events: none;
  animation-duration: 6s;
  animation-name: wobble;
  animation-iteration-count: infinite;
  position: absolute;
  top: 2vw;
  left: 0;
  right: 0;
  margin: auto;
  transition: opacity .3s ease-in; }
  @media screen and (max-width: 980px) {
    .page-promo-countdown-new .scroll_icon {
      top: 6vw;
      height: 3vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-promo-countdown-new .scroll_icon {
      height: 5vw;
      width: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-promo-countdown-new .scroll_icon {
      top: 25px;
      height: 40px;
      width: 40px; } }

.page-home-timer1 .timer_container,
.page-home-timer2 .timer_container {
  display: flex;
  justify-content: center;
  text-align: center; }
  .page-home-timer1 .timer_container .number,
  .page-home-timer2 .timer_container .number {
    font-size: 10vw;
    font-weight: 900;
    line-height: 1; }
    @media screen and (max-width: 980px) {
      .page-home-timer1 .timer_container .number,
      .page-home-timer2 .timer_container .number {
        font-size: 25vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer1 .timer_container .number,
      .page-home-timer2 .timer_container .number {
        font-size: 150px; } }
  .page-home-timer1 .timer_container .number_label,
  .page-home-timer2 .timer_container .number_label {
    font-size: 3vw;
    text-transform: uppercase;
    font-weight: 500; }
    @media screen and (max-width: 980px) {
      .page-home-timer1 .timer_container .number_label,
      .page-home-timer2 .timer_container .number_label {
        font-size: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer1 .timer_container .number_label,
      .page-home-timer2 .timer_container .number_label {
        font-size: 36px; } }
  .page-home-timer1 .timer_container .hours,
  .page-home-timer2 .timer_container .hours {
    margin: 0 3vw;
    padding: 0 3vw;
    border: 0.1vw solid #898888;
    border-top: 0;
    border-bottom: 0; }
    @media screen and (min-width: 1501px) {
      .page-home-timer1 .timer_container .hours,
      .page-home-timer2 .timer_container .hours {
        margin: 0 20px;
        padding: 0 20px;
        border-width: 1px; } }

.page-home-timer1 {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 7vh/115vw; }
  @media screen and (max-width: 980px) {
    .page-home-timer1 {
      background-position: center 10vw;
      background-image: url("/images/rock-hands-tall.svg"); } }
  .page-home-timer1 .home_main {
    padding: 2vh 0 8vh;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 980px) {
      .page-home-timer1 .home_main {
        padding-bottom: 0;
        background-position: center 100vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-timer1 .home_main {
        min-height: 88vh; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer1 .home_main {
        background-position: center 250px; } }
  .page-home-timer1 .first_section .inner {
    text-align: center;
    width: 45vw;
    margin: 0 auto; }
    @media screen and (max-width: 980px) {
      .page-home-timer1 .first_section .inner {
        width: 90vw;
        margin-top: 10vw; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer1 .first_section .inner {
        width: 640px; } }
  .page-home-timer1 .first_section .h2 {
    margin: 2vw auto; }
    @media screen and (max-width: 980px) {
      .page-home-timer1 .first_section .h2 {
        font-size: 5vw;
        margin: 5vw auto; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer1 .first_section .h2 {
        margin: 30px auto; } }
  @media screen and (max-width: 980px) {
    .page-home-timer1 .first_section .button {
      width: 100%;
      margin: 10vw auto; } }
  .page-home-timer1 .hb_rotate_logo {
    width: 100%;
    height: auto;
    margin: 3vw auto; }
    @media screen and (max-width: 980px) {
      .page-home-timer1 .hb_rotate_logo {
        margin: 10vw auto 2vw;
        width: 85%; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer1 .hb_rotate_logo {
        margin: 60px auto; } }

.page-home-timer2 {
  background: #626060 url("/images/svgs/charcoal-street-background.svg") no-repeat center top/cover; }
  @media screen and (max-width: 980px) {
    .page-home-timer2 {
      background-size: 362vw;
      background-position: -198vw 0; } }
  .page-home-timer2 .home_main {
    padding: 2vh 0 8vh;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 980px) {
      .page-home-timer2 .home_main {
        padding-bottom: 0;
        background-position: center 100vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-home-timer2 .home_main {
        min-height: 88vh; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer2 .home_main {
        background-position: center 250px; } }
  .page-home-timer2 .first_section {
    background: transparent url("/images/hands-and-phones-desktop.png") no-repeat 8vw 21vw/100vw;
    width: 100vw;
    min-height: 92vh; }
    @media screen and (max-width: 980px) {
      .page-home-timer2 .first_section {
        background-size: 150vw;
        background-position: -12vw 65vw;
        background-image: url("/images/hands-and-phones-mobile.png");
        min-height: 100vh; } }
    @media screen and (min-width: 1501px) {
      .page-home-timer2 .first_section {
        background: transparent url("/images/hands-and-phones-desktop.png") no-repeat 380px 280px/1300px; } }
    .page-home-timer2 .first_section .inner {
      text-align: center;
      width: 45vw;
      margin: 0 auto;
      position: static; }
      @media screen and (max-width: 980px) {
        .page-home-timer2 .first_section .inner {
          width: 90vw;
          margin-top: 10vw; } }
      @media screen and (min-width: 1501px) {
        .page-home-timer2 .first_section .inner {
          width: 640px; } }
    .page-home-timer2 .first_section .h2 {
      margin: 2vw auto; }
      @media screen and (max-width: 980px) {
        .page-home-timer2 .first_section .h2 {
          font-size: 5vw;
          margin: 15vw auto 5vw; } }
      @media screen and (min-width: 1501px) {
        .page-home-timer2 .first_section .h2 {
          margin: 30px auto; } }
    .page-home-timer2 .first_section .button {
      position: absolute;
      bottom: 3vw;
      left: 0;
      right: 0; }
      @media screen and (max-width: 980px) {
        .page-home-timer2 .first_section .button {
          width: 90%;
          margin: auto;
          bottom: unset;
          top: 75vh; } }
      @media screen and (min-width: 1501px) {
        .page-home-timer2 .first_section .button {
          bottom: 20px; } }

.page-homenew {
  background: #3b3838; }
  .page-homenew .home_main {
    padding: 2vh 0 8vh;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 980px) {
      .page-homenew .home_main {
        padding-bottom: 0;
        background-position: center 100vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-homenew .home_main {
        min-height: 88vh; } }
    @media screen and (min-width: 1501px) {
      .page-homenew .home_main {
        background-position: center 250px; } }
  .page-homenew .bg_video {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: flex;
    align-items: center; }
    @media screen and (min-width: 1501px) {
      .page-homenew .bg_video {
        top: 66px; } }
    .page-homenew .bg_video video {
      width: 100%; }
  @media screen and (max-width: 980px) {
    .page-homenew .first_section .inner {
      margin-top: 180vw; } }
  @media screen and (max-width: 980px) {
    .page-homenew .capture_container_outer {
      position: absolute;
      top: 20vw;
      left: 0;
      right: 0;
      background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/250vw;
      background-size: 250vw;
      overflow: hidden; } }
  .page-homenew .capture_container {
    background: transparent url("/images/home/mobile-capture-mode.svg") no-repeat right bottom/contain;
    position: absolute;
    right: 0;
    bottom: 0;
    animation: loop 15s infinite linear; }
    @media screen and (max-width: 980px) {
      .page-homenew .capture_container {
        position: relative;
        height: 145vw;
        width: 160vw;
        background-position: left; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-homenew .capture_container {
        top: 12vh;
        left: 55vw; } }
    @media screen and (min-width: 1501px) {
      .page-homenew .capture_container {
        bottom: 0;
        width: 625px;
        height: 800px; } }
  .page-homenew .captured_cassette {
    background: transparent;
    position: absolute; }
    @media screen and (max-width: 980px) {
      .page-homenew .captured_cassette {
        bottom: 85vw;
        right: 35vw;
        height: 22vw;
        width: 40vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-homenew .captured_cassette {
        bottom: 13vw;
        right: 16vw;
        height: 40vw;
        width: 17vw; } }
    @media screen and (min-width: 1501px) {
      .page-homenew .captured_cassette {
        bottom: 272px;
        right: 184px;
        height: 451px;
        width: 370px; } }
  .page-homenew .capture_container.nw {
    transform: translate(-1%, -1%); }
  .page-homenew .capture_container.ne {
    transform: translate(-1%, 1%); }
  .page-homenew .capture_container.sw {
    transform: translate(1%, -1%); }
  .page-homenew .capture_container.se {
    transform: translate(1%, 1%); }
  @media screen and (min-width: 981px) {
    .page-homenew .site_footer {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(59, 56, 56, 0.9); } }

@keyframes loop {
  0% {
    transform: translateY(0%) translateX(0%); }
  12.5% {
    transform: translateY(1%) translateX(0%); }
  25% {
    transform: translateY(1%) translateX(1%); }
  37.5% {
    transform: translateY(0%) translateX(2%); }
  50% {
    transform: translateY(0%) translateX(1%); }
  62.5% {
    transform: translateY(1%) translateX(1%); }
  75% {
    transform: translateY(2%) translateX(1%); }
  87.5% {
    transform: translateY(1%) translateX(0%); } }
@keyframes hover {
  25% {
    transform: translateY(-2%); }
  75% {
    transform: translateY(2%); } }
.page-viewLaunch #map-canvas {
  width: 100%;
  display: block; }
  @media screen and (max-width: 980px) {
    .page-viewLaunch #map-canvas {
      top: 9vw;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-viewLaunch #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-viewLaunch #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 70px; } }
@media screen and (max-width: 980px) {
  .page-viewLaunch #map-canvas {
    height: calc(100% - 9vw); } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-viewLaunch #map-canvas {
    height: calc(100vh - 12.7vw); } }
@media screen and (min-width: 1501px) {
  .page-viewLaunch #map-canvas {
    height: calc(100vh - 193px); } }
.page-viewLaunch .location_detail_modal_outer {
  position: fixed;
  right: 0;
  background: white;
  overflow-x: auto;
  color: #3b3838;
  transform: translateX(100%);
  transition: transform .2s ease-out;
  z-index: 60;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  .page-viewLaunch .location_detail_modal_outer.drilled {
    max-height: 100vh;
    overflow: hidden; }
  .page-viewLaunch .location_detail_modal_outer.contains_advance {
    padding: 0;
    background: #4f4c4c;
    color: #fff; }
  .page-viewLaunch .location_detail_modal_outer.on {
    transform: translateX(0); }
  @media screen and (max-width: 980px) {
    .page-viewLaunch .location_detail_modal_outer {
      top: 0;
      bottom: 0;
      transform: translateX(0);
      padding: 20vw 2vw 0;
      left: 0;
      z-index: 900;
      position: absolute; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-viewLaunch .location_detail_modal_outer {
      top: 5vw;
      bottom: 4vw;
      width: 25vw;
      padding: 6vw .5vw; } }
  @media screen and (min-width: 1501px) {
    .page-viewLaunch .location_detail_modal_outer {
      top: 70px;
      bottom: 65px;
      width: 320px;
      padding: 80px 10px; } }
  .page-viewLaunch .location_detail_modal_outer .advance_modal_inner {
    background: #4f4c4c url("/images/find/advance-single-find-page.png") no-repeat top/contain;
    text-align: center; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner {
        padding: 104vw 5vw 5vw;
        margin-top: 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner {
        padding: 26vw 1vw 5vw;
        margin-top: 2.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner {
        padding: 335px 20px 20px;
        margin-top: 45px; } }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner h2 {
        margin-bottom: 0; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner h2 {
        margin-bottom: 0;
        font-size: 28px; } }
    .page-viewLaunch .location_detail_modal_outer .advance_modal_inner p {
      line-height: 1.3; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .advance_modal_inner p {
          font-size: 4.5vw;
          margin-bottom: 5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .advance_modal_inner p {
          font-size: 1.1vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .advance_modal_inner p {
          font-size: 14px; } }
    .page-viewLaunch .location_detail_modal_outer .advance_modal_inner .advance_icon {
      display: inline-block;
      background: transparent url("/images/find/advance-single-icon.svg") no-repeat center/contain;
      vertical-align: middle; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 5vw;
          height: 5vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 2.5vw;
          height: 2.5vw;
          margin-right: 0.6vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 30px;
          height: 30px;
          margin-right: 5px; } }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 7vw;
        font-size: 5vw;
        margin-bottom: 3.5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 2vw;
        font-size: 1.3vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 30px;
        font-size: 16px;
        margin-bottom: 10px; } }
    .page-viewLaunch .location_detail_modal_outer .advance_modal_inner .shop_buttons {
      display: flex;
      justify-content: space-between;
      width: 85%;
      margin: 0 auto; }
      .page-viewLaunch .location_detail_modal_outer .advance_modal_inner .shop_buttons a {
        display: block;
        width: 48%; }
  .page-viewLaunch .location_detail_modal_outer .location_detail_nav {
    display: flex;
    justify-content: space-between;
    width: 75%; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .location_detail_nav {
        margin: 5vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer .location_detail_nav {
        margin: 2.5vw auto; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .location_detail_nav {
        margin: 30px auto; } }
    .page-viewLaunch .location_detail_modal_outer .location_detail_nav button {
      width: 32%;
      margin: 0;
      background: #898888;
      transition: background .2s ease-out; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .location_detail_nav button {
          padding: 2vw 0;
          font-size: 4.5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .location_detail_nav button {
          font-size: 1.1vw;
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .location_detail_nav button {
          font-size: 14px;
          padding: 6px 0; } }
      .page-viewLaunch .location_detail_modal_outer .location_detail_nav button.active {
        background: #0094c8; }
  .page-viewLaunch .location_detail_modal_outer .info_panel,
  .page-viewLaunch .location_detail_modal_outer .hints_panel,
  .page-viewLaunch .location_detail_modal_outer .photos_panel {
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-out;
    position: absolute; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .info_panel,
      .page-viewLaunch .location_detail_modal_outer .hints_panel,
      .page-viewLaunch .location_detail_modal_outer .photos_panel {
        width: 95vw; }
        .page-viewLaunch .location_detail_modal_outer .info_panel dd,
        .page-viewLaunch .location_detail_modal_outer .info_panel dt,
        .page-viewLaunch .location_detail_modal_outer .info_panel p,
        .page-viewLaunch .location_detail_modal_outer .hints_panel dd,
        .page-viewLaunch .location_detail_modal_outer .hints_panel dt,
        .page-viewLaunch .location_detail_modal_outer .hints_panel p,
        .page-viewLaunch .location_detail_modal_outer .photos_panel dd,
        .page-viewLaunch .location_detail_modal_outer .photos_panel dt,
        .page-viewLaunch .location_detail_modal_outer .photos_panel p {
          font-size: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer .info_panel,
      .page-viewLaunch .location_detail_modal_outer .hints_panel,
      .page-viewLaunch .location_detail_modal_outer .photos_panel {
        width: 24vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .info_panel,
      .page-viewLaunch .location_detail_modal_outer .hints_panel,
      .page-viewLaunch .location_detail_modal_outer .photos_panel {
        width: 300px; } }
    .page-viewLaunch .location_detail_modal_outer .info_panel.active,
    .page-viewLaunch .location_detail_modal_outer .hints_panel.active,
    .page-viewLaunch .location_detail_modal_outer .photos_panel.active {
      opacity: 1;
      pointer-events: auto; }
    .page-viewLaunch .location_detail_modal_outer .info_panel img,
    .page-viewLaunch .location_detail_modal_outer .hints_panel img,
    .page-viewLaunch .location_detail_modal_outer .photos_panel img {
      max-width: 100%; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-viewLaunch .location_detail_modal_outer dd,
    .page-viewLaunch .location_detail_modal_outer dt {
      font-size: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-viewLaunch .location_detail_modal_outer dd,
    .page-viewLaunch .location_detail_modal_outer dt {
      font-size: 14px; } }
  .page-viewLaunch .location_detail_modal_outer dt {
    margin: 0;
    font-weight: 700; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer dt {
        padding-top: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer dt {
        padding-top: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer dt {
        padding-top: 7px; } }
    .page-viewLaunch .location_detail_modal_outer dt.gps, .page-viewLaunch .location_detail_modal_outer dt.location {
      color: #0094c8; }
    .page-viewLaunch .location_detail_modal_outer dt.username_rank {
      display: none; }
  .page-viewLaunch .location_detail_modal_outer dd {
    margin: 0;
    border-bottom: 1px solid #b1afaf; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer dd {
        padding-bottom: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer dd {
        padding-bottom: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer dd {
        padding-bottom: 7px; } }
    .page-viewLaunch .location_detail_modal_outer dd:last-of-type {
      border-bottom: 0; }
    .page-viewLaunch .location_detail_modal_outer dd.username_rank {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer dd.username_rank {
          padding: 2vw 0; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer dd.username_rank {
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer dd.username_rank {
          padding: 15px 0; } }
      .page-viewLaunch .location_detail_modal_outer dd.username_rank .avatar_icon {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-viewLaunch .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 7vw;
            height: 7vw;
            margin-right: 2vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-viewLaunch .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 2vw;
            height: 2vw;
            margin-right: 0.4vw; } }
        @media screen and (min-width: 1501px) {
          .page-viewLaunch .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 35px;
            height: 35px;
            margin-right: 5px; } }
        .page-viewLaunch .location_detail_modal_outer dd.username_rank .avatar_icon .avatar_icon_image,
        .page-viewLaunch .location_detail_modal_outer dd.username_rank .avatar_icon img {
          background: transparent no-repeat center / cover;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
    .page-viewLaunch .location_detail_modal_outer dd .username {
      font-weight: 900; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer dd .username {
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer dd .username {
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer dd .username {
          margin-right: 5px; } }
  .page-viewLaunch .location_detail_modal_outer .hints_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-viewLaunch .location_detail_modal_outer .hints_panel .hints_list {
      width: 100%; }
    .page-viewLaunch .location_detail_modal_outer .hints_panel .hint {
      cursor: pointer;
      width: 100%;
      border-bottom: 1px solid #c4c3c2;
      position: relative; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 2vw;
          padding-bottom: 2vw;
          min-height: 52vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 1vw;
          padding-bottom: 1vw;
          min-height: 13vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 12px;
          padding-bottom: 12px;
          min-height: 160px; } }
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint h1,
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint p,
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .found_by,
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_date,
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_hash {
        margin: 0;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint h1,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint p,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 4vw;
            margin-right: 1vw;
            margin-bottom: 2.5vw;
            padding-left: 44vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint h1,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint p,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 1vw;
            margin-right: .5vw;
            margin-bottom: .7vw;
            padding-left: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint h1,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint p,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 12px;
            margin-right: 5px;
            margin-bottom: 10px;
            padding-left: 135px; } }
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_hash {
        color: #0094c8; }
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        background: #d8d7d7; }
        @media screen and (max-width: 980px) {
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 40vw;
            padding: 4vw 4vw 10vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 10vw;
            padding: 1vw 1vw 2.5vw; } }
        @media screen and (min-width: 1501px) {
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 125px;
            padding: 12px 12px 35px; } }
        .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
          display: block;
          background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
          position: relative; }
          @media screen and (max-width: 980px) {
            .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 32vw;
              height: 32vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 8vw;
              height: 8vw; } }
          @media screen and (min-width: 1501px) {
            .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 100px;
              height: 100px; } }
          .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image .hint_thumb_image_file {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: transparent no-repeat center / cover; }
      .page-viewLaunch .location_detail_modal_outer .hints_panel .hint .found_by {
        display: flex; }
  .page-viewLaunch .location_detail_modal_outer .photos_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb {
      width: 49%;
      margin-bottom: 10px;
      cursor: pointer;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb {
          width: 45vw;
          height: 45vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb {
          width: 11vw;
          height: 11vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb {
          width: 140px;
          height: 140px; } }
      .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
        display: block;
        background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
        position: relative; }
        @media screen and (max-width: 980px) {
          .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 45vw;
            height: 45vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 11vw;
            height: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 140px;
            height: 140px; } }
        .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image .hint_thumb_image_file {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: transparent no-repeat center / cover; }
      .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb p,
      .page-viewLaunch .location_detail_modal_outer .photos_panel .image_thumb .found_by {
        display: none; }
  .page-viewLaunch .location_detail_modal_outer .found_by {
    align-items: center; }
    .page-viewLaunch .location_detail_modal_outer .found_by .avatar_icon {
      position: relative;
      border-radius: 50%;
      overflow: hidden; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .found_by .avatar_icon {
          width: 7vw;
          height: 7vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .found_by .avatar_icon {
          width: 2vw;
          height: 2vw;
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .found_by .avatar_icon {
          width: 20px;
          height: 20px;
          margin-right: 5px; } }
      .page-viewLaunch .location_detail_modal_outer .found_by .avatar_icon .avatar_icon_image,
      .page-viewLaunch .location_detail_modal_outer .found_by .avatar_icon img {
        background: transparent no-repeat center / cover;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .page-viewLaunch .location_detail_modal_outer .back_button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    background: #0094c8 url("/images/close-arrow.svg") no-repeat 3% center/auto 50%;
    text-align: left;
    padding: 0.5vw 0 0.5vw 10%; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .back_button {
        padding: 1.5vw 0 1.5vw 10%; } }
  .page-viewLaunch .location_detail_modal_outer .image_container {
    width: 65%;
    margin: 0 auto; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .image_container {
        width: 55%; } }
    .page-viewLaunch .location_detail_modal_outer .image_container img {
      width: 100%; }
  .page-viewLaunch .location_detail_modal_outer .submodal_outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3b3838;
    color: #fff;
    padding: 150% 7.5% 0;
    z-index: 2; }
    .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_thumb_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto;
      background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 15vw;
          height: 90vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 6vw;
          height: 25vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 100px;
          height: 320px; } }
      .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_thumb_image .hint_thumb_image_file {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: transparent no-repeat center / cover; }
    .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_image,
    .page-viewLaunch .location_detail_modal_outer .submodal_outer .photo_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_image,
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .photo_image {
          top: 15vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_image,
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .photo_image {
          top: 6vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_image,
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .photo_image {
          top: 100px; } }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 30vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 9.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-viewLaunch .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 150px; } }
    .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_title,
    .page-viewLaunch .location_detail_modal_outer .submodal_outer .hint_description {
      margin: 0; }
    .page-viewLaunch .location_detail_modal_outer .submodal_outer .close_submodal {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      width: 100%;
      text-align: center;
      background: #0094c8; }
      .page-viewLaunch .location_detail_modal_outer .submodal_outer .close_submodal.photo_close {
        background: #0094c8;
        text-align: left;
        padding: 0.5vw 0 0.5vw 8%;
        bottom: unset;
        top: 0; }
  .page-viewLaunch .location_detail_modal_outer .photo_slide {
    color: #3b3838;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s; }
    .page-viewLaunch .location_detail_modal_outer .photo_slide .avatar_icon {
      transform: scale(0.6);
      display: inline-block; }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .photo_slide p {
        font-size: 12px; } }
    .page-viewLaunch .location_detail_modal_outer .photo_slide.active {
      opacity: 1;
      pointer-events: auto; }
    .page-viewLaunch .location_detail_modal_outer .photo_slide h2, .page-viewLaunch .location_detail_modal_outer .photo_slide p {
      color: #fff;
      font-weight: 900;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      z-index: 2;
      line-height: 1; }
      @media screen and (max-width: 980px) {
        .page-viewLaunch .location_detail_modal_outer .photo_slide h2, .page-viewLaunch .location_detail_modal_outer .photo_slide p {
          bottom: 10vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-viewLaunch .location_detail_modal_outer .photo_slide h2, .page-viewLaunch .location_detail_modal_outer .photo_slide p {
          top: 35.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-viewLaunch .location_detail_modal_outer .photo_slide h2, .page-viewLaunch .location_detail_modal_outer .photo_slide p {
          top: 490px; } }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .photo_slide .photo_caption {
        bottom: 19vw;
        margin: 0 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer .photo_slide .photo_caption {
        top: 34.5vw;
        margin: 0 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .photo_slide .photo_caption {
        top: 475px;
        margin: 0 50px; } }
  .page-viewLaunch .location_detail_modal_outer .next_image,
  .page-viewLaunch .location_detail_modal_outer .previous_image {
    text-indent: -9999px;
    display: block;
    position: absolute;
    background: transparent no-repeat center / contain;
    border: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .next_image,
      .page-viewLaunch .location_detail_modal_outer .previous_image {
        width: 5vw;
        height: 20vw;
        bottom: 10vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer .next_image,
      .page-viewLaunch .location_detail_modal_outer .previous_image {
        width: 3vw;
        height: 3vw;
        top: 34vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .next_image,
      .page-viewLaunch .location_detail_modal_outer .previous_image {
        width: 45px;
        height: 45px;
        top: 465px; } }
  .page-viewLaunch .location_detail_modal_outer .next_image {
    right: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-right-01.svg"); }
  .page-viewLaunch .location_detail_modal_outer .previous_image {
    left: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-left-01.svg"); }
  .page-viewLaunch .location_detail_modal_outer .background {
    background: #3b3838;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-viewLaunch .location_detail_modal_outer .background {
        height: 40vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-viewLaunch .location_detail_modal_outer .background {
        top: 33vw; } }
    @media screen and (min-width: 1501px) {
      .page-viewLaunch .location_detail_modal_outer .background {
        top: 450px; } }
@media screen and (max-width: 980px) {
  .page-viewLaunch .hb_search_container {
    position: absolute;
    top: 12vw;
    left: 2vw;
    display: flex; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-viewLaunch .hb_search_container {
    top: 6vw;
    left: 1vw;
    position: absolute;
    display: flex; } }
@media screen and (min-width: 1501px) {
  .page-viewLaunch .hb_search_container {
    top: 77px;
    left: 15px;
    position: absolute;
    display: flex; } }
.page-viewLaunch .hb_search_container .search_icon {
  background: transparent url("/images/artists/search-icon-white.svg") no-repeat left/contain;
  cursor: pointer;
  opacity: 0.5;
  display: block;
  transform: rotate(90deg); }
  @media screen and (max-width: 980px) {
    .page-viewLaunch .hb_search_container .search_icon {
      width: 10vw;
      height: 10vw;
      margin-right: 2vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-viewLaunch .hb_search_container .search_icon {
      width: 4vw;
      height: 5vw;
      margin-right: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-viewLaunch .hb_search_container .search_icon {
      width: 60px;
      height: 50px;
      margin-right: 15px; } }
.page-viewLaunch .hb_search_container #pac-input {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity .2s ease-out;
  align-self: center; }
.page-viewLaunch .hb_search_container.on #pac-input,
.page-viewLaunch .hb_search_container.on .clear_button {
  opacity: 1 !important;
  pointer-events: auto; }
.page-viewLaunch .hb_search_container .clear_button {
  background: transparent url("/images/artists/clear-text-icon.svg") no-repeat center/contain;
  text-indent: -9999px;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-out; }
  @media screen and (max-width: 980px) {
    .page-viewLaunch .hb_search_container .clear_button {
      top: 3vw;
      right: 0;
      height: 5vw;
      width: 15vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-viewLaunch .hb_search_container .clear_button {
      width: 2vw;
      height: 1vw;
      right: 0;
      top: 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-viewLaunch .hb_search_container .clear_button {
      width: 35px;
      height: 15px;
      right: 0;
      top: 18px; } }
.page-viewLaunch .site_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(59, 56, 56, 0.9); }
  @media screen and (max-width: 980px) {
    .page-viewLaunch .site_footer {
      display: none; } }
.page-viewLaunch .pac-icon {
  display: none; }
.page-viewLaunch .pac-container,
.page-viewLaunch .pac-item {
  background: #3b3838;
  color: #fff;
  border-color: #898888;
  font-weight: 500;
  cursor: pointer; }
  .page-viewLaunch .pac-container:first-child,
  .page-viewLaunch .pac-item:first-child {
    border: 0; }
  @media screen and (max-width: 980px) {
    .page-viewLaunch .pac-container,
    .page-viewLaunch .pac-item {
      width: 100%; } }
.page-viewLaunch .pac-item:hover {
  background: #626060; }
.page-viewLaunch .pac-matched,
.page-viewLaunch .pac-item-query {
  font-weight: 900;
  color: #fff; }
@media screen and (max-width: 980px) {
  .page-viewLaunch.artist_loggedin .hb_search_container {
    top: 12vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-viewLaunch.artist_loggedin .hb_search_container {
    top: 9vw; } }
@media screen and (min-width: 1501px) {
  .page-viewLaunch.artist_loggedin .hb_search_container {
    top: 137px; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-viewLaunch.artist_loggedin #map-canvas {
    top: 8.7vw; } }
@media screen and (min-width: 1501px) {
  .page-viewLaunch.artist_loggedin #map-canvas {
    top: 125px; } }
.page-viewLaunch .art_artist_link {
  color: #0094c8; }
  .page-viewLaunch .art_artist_link:hover {
    color: #0094c8; }

.page-about {
  background: #71bf43;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-about .about_main .inner {
      padding-top: 5vw;
      padding-bottom: 10vw; } }
  @media screen and (min-width: 1501px) {
    .page-about .about_main .inner {
      padding-top: 100px;
      padding-bottom: 225px; } }
  .page-about .site_header {
    background: #007831; }
  .page-about .typewriter_container {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent url("/images/svgs/typewriter-back.svg") no-repeat bottom/contain; }
    @media screen and (max-width: 980px) {
      .page-about .typewriter_container {
        position: relative;
        right: unset;
        top: unset;
        width: 110vw;
        height: 145vw;
        padding-bottom: 100vw;
        margin-bottom: 10vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-about .typewriter_container {
        top: 10vw;
        height: 44vw;
        width: 48vw;
        right: -5vw; } }
    @media screen and (min-width: 1501px) {
      .page-about .typewriter_container {
        top: 150px;
        height: 800px;
        width: 915px;
        right: unset;
        left: calc(50vw + 10px); } }
    .page-about .typewriter_container .typewriter {
      background: transparent url("/images/svgs/typewriter-front.svg") no-repeat bottom/contain;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
      @media screen and (max-width: 980px) {
        .page-about .typewriter_container .typewriter {
          left: -40vw;
          right: -22vw;
          bottom: -14vw; } }
      @media screen and (min-width: 1501px) {
        .page-about .typewriter_container .typewriter {
          width: 915px; } }
    .page-about .typewriter_container .paper {
      position: absolute;
      background: #fff;
      color: #3b3838; }
      @media screen and (max-width: 980px) {
        .page-about .typewriter_container .paper {
          top: 0;
          left: 0;
          height: 120vw;
          width: 100vw;
          padding: 20vw 12vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-about .typewriter_container .paper {
          top: -3vw;
          left: 11vw;
          height: 38vw;
          width: 32vw;
          padding: 5vw 4vw; } }
      @media screen and (min-width: 1501px) {
        .page-about .typewriter_container .paper {
          top: -50px;
          left: 200px;
          height: 500px;
          width: 635px;
          padding: 80px; } }
      .page-about .typewriter_container .paper p {
        line-height: 1.1; }
        @media screen and (max-width: 980px) {
          .page-about .typewriter_container .paper p {
            font-size: 3.5vw;
            line-height: 1.3;
            margin-bottom: 6vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-about .typewriter_container .paper p {
            font-size: 1.3vw; } }
    .page-about .typewriter_container .lefthand {
      position: absolute;
      background: transparent url("/images/svgs/about-hand-left.svg") no-repeat left/contain;
      animation: lhand .25s infinite;
      z-index: 1; }
      @media screen and (max-width: 980px) {
        .page-about .typewriter_container .lefthand {
          display: none; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-about .typewriter_container .lefthand {
          bottom: -10vw;
          left: -1vw;
          height: 28vw;
          width: 26vw; } }
      @media screen and (min-width: 1501px) {
        .page-about .typewriter_container .lefthand {
          bottom: -225px;
          left: 0;
          height: 525px;
          width: 455px; } }
    .page-about .typewriter_container .righthand {
      position: absolute;
      background: transparent url("/images/svgs/about-hand-right.svg") no-repeat right/contain;
      animation: lhand .3s infinite .3s;
      z-index: 1; }
      @media screen and (max-width: 980px) {
        .page-about .typewriter_container .righthand {
          display: none; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-about .typewriter_container .righthand {
          bottom: -12vw;
          right: 0;
          height: 28vw;
          width: 26vw; } }
      @media screen and (min-width: 1501px) {
        .page-about .typewriter_container .righthand {
          bottom: -225px;
          right: 80px;
          height: 525px;
          width: 455px; } }
  .page-about .crew {
    background: #007831;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 980px) {
      .page-about .crew .inner {
        padding: 20vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-about .crew .inner {
        padding: 5vw 0 2.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-about .crew .inner {
        padding: 80px 0 40px; } }
  .page-about .board {
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-about .board .inner {
        padding: 20vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-about .board .inner {
        padding: 5vw 0 2.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-about .board .inner {
        padding: 80px 0 40px; } }
  .page-about .people_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 980px) {
      .page-about .people_container {
        display: block; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-about .people_container {
        margin-top: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-about .people_container {
        margin-top: 80px; } }
    .page-about .people_container .person {
      position: relative;
      background: #fff;
      color: #3b3838; }
      @media screen and (max-width: 980px) {
        .page-about .people_container .person {
          width: 100%;
          margin: 10vw 0;
          padding-top: 100vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-about .people_container .person {
          width: 49%;
          height: 20vw;
          margin-bottom: 2.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-about .people_container .person {
          width: 585px;
          height: 290px;
          margin-bottom: 40px; } }
      .page-about .people_container .person .person_name {
        position: absolute;
        z-index: 5;
        font-family: my_underwoodregular, serif;
        background: #3b3838;
        color: #fff;
        display: block;
        text-align: center; }
        @media screen and (max-width: 980px) {
          .page-about .people_container .person .person_name {
            left: 0;
            right: 0;
            top: 63vw;
            width: 80vw;
            padding: 1vw;
            margin: auto; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-about .people_container .person .person_name {
            left: 1vw;
            bottom: 2vw;
            width: 17.5vw;
            padding: 1vw; } }
        @media screen and (min-width: 1501px) {
          .page-about .people_container .person .person_name {
            left: 20px;
            bottom: 10px;
            width: 250px;
            padding: 5px; } }
      .page-about .people_container .person .person_title {
        position: absolute;
        z-index: 5;
        background: #df0885;
        color: #fff;
        text-align: center;
        line-height: 1.2;
        font-weight: 800; }
        @media screen and (max-width: 980px) {
          .page-about .people_container .person .person_title {
            left: 0;
            right: 0;
            top: 70vw;
            width: 60vw;
            margin: auto;
            padding: 1vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-about .people_container .person .person_title {
            left: 1.5vw;
            bottom: 1.5vw;
            width: 16.5vw;
            padding: .8vw;
            font-size: 1vw; } }
        @media screen and (min-width: 1501px) {
          .page-about .people_container .person .person_title {
            left: 30px;
            bottom: 0;
            width: 230px;
            padding: 5px;
            font-size: 14px; } }
      .page-about .people_container .person .person_image_container {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 50%;
        background: transparent no-repeat top / cover; }
        @media screen and (max-width: 980px) {
          .page-about .people_container .person .person_image_container {
            right: 0;
            bottom: unset;
            height: 90vw; } }
        .page-about .people_container .person .person_image_container img {
          display: none; }
      .page-about .people_container .person .bio_container {
        position: absolute;
        left: 50%;
        right: 0;
        top: 0;
        max-height: 100%;
        overflow: hidden;
        background: #fff;
        transition: .2s; }
        .page-about .people_container .person .bio_container:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          top: 55%;
          display: block;
          background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
          background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); }
        @media screen and (max-width: 980px) {
          .page-about .people_container .person .bio_container {
            position: relative;
            left: unset;
            right: unset;
            top: unset;
            bottom: unset;
            max-height: 50vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-about .people_container .person .bio_container {
            padding: 2vw; } }
        @media screen and (min-width: 1501px) {
          .page-about .people_container .person .bio_container {
            padding: 20px; } }
        .page-about .people_container .person .bio_container .read_more,
        .page-about .people_container .person .bio_container .read_less {
          position: absolute;
          left: 0;
          right: 0;
          margin: auto;
          color: #df0885;
          background: none;
          cursor: pointer;
          font-family: my_underwoodregular, serif;
          border: 0;
          z-index: 2;
          width: 100px; }
          @media screen and (max-width: 980px) {
            .page-about .people_container .person .bio_container .read_more,
            .page-about .people_container .person .bio_container .read_less {
              bottom: 5vw;
              text-align: center;
              background: #df0885;
              color: white;
              width: 30vw;
              font-size: 6.5vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-about .people_container .person .bio_container .read_more,
            .page-about .people_container .person .bio_container .read_less {
              bottom: 1vw; } }
          @media screen and (min-width: 1501px) {
            .page-about .people_container .person .bio_container .read_more,
            .page-about .people_container .person .bio_container .read_less {
              bottom: 15px; } }
        @media screen and (max-width: 980px) {
          .page-about .people_container .person .bio_container .bio {
            padding: 0 10vw 15vw; } }
      .page-about .people_container .person .read_less {
        display: none; }
      .page-about .people_container .person.open {
        z-index: 9;
        box-shadow: 0 2px 24px rgba(0, 0, 0, 0.5); }
        .page-about .people_container .person.open .bio_container {
          max-height: 300%;
          box-shadow: 0 2px 24px rgba(0, 0, 0, 0.5); }
          .page-about .people_container .person.open .bio_container:after {
            content: none; }
        .page-about .people_container .person.open .read_more {
          display: none; }
        .page-about .people_container .person.open .read_less {
          display: block; }
  .page-about .backline {
    background: #626060; }
    @media screen and (max-width: 980px) {
      .page-about .backline {
        padding: 20vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-about .backline {
        padding: 5vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-about .backline {
        padding: 80px 0; } }

.partner_logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; }
  @media screen and (max-width: 980px) {
    .partner_logos {
      flex-wrap: wrap;
      justify-content: center; }
      .partner_logos a {
        display: block;
        width: 100%; }
      .partner_logos img {
        margin: 8vw 5vw;
        width: 45vw; } }

@keyframes lhand {
  0% {
    transform: rotateX(0deg) scale(1.02); }
  50% {
    transform: rotateX(-12deg) scale(1); }
  100% {
    transform: rotateX(0deg) scale(1.02); } }
.page-play {
  background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/cover fixed;
  max-width: 100vw;
  transition: background .2s;
  /*
    &.mobile_slide_one {
      @media screen and (max-width: $breakpoint-small-px + 0px) {
        background-color: $color-hbgreen;
      }
    }
  
    &.mobile_slide_two {
      @media screen and (max-width: $breakpoint-small-px + 0px) {
        background-color: $color-hbpink;
      }
    }
  
    &.mobile_slide_three {
      @media screen and (max-width: $breakpoint-small-px + 0px) {
        background-color: $color-hbblue;
      }
    }
  
    &.mobile_slide_four {
      @media screen and (max-width: $breakpoint-small-px + 0px) {
        background-color: $color-hbpink;
      }
    }
  */ }
  @media screen and (max-width: 980px) {
    .page-play {
      transition: background .4s;
      background-size: 100vw;
      background-image: url("/images/rock-hands-tall.svg"); } }
  @media screen and (min-width: 1501px) {
    .page-play {
      background-position: center 250px; } }
  .page-play.after_slides {
    background: #df0885 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/cover fixed; }
  .page-play .play_main {
    padding: 2vh 0 0;
    overflow: hidden;
    min-height: 100vh;
    opacity: 1;
    transition: .2s;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-play .play_main {
        min-height: unset; } }
    .page-play .play_main.off {
      opacity: 0; }
      @media screen and (max-width: 980px) {
        .page-play .play_main.off {
          opacity: 1; } }
    @media screen and (max-width: 980px) {
      .page-play .play_main .inner {
        margin-bottom: 5vw; } }
  .page-play .capture_container {
    background: transparent url("/images/play/bait-hand.svg") no-repeat right bottom/contain;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: .2s ease-in; }
    .page-play .capture_container.off {
      transform: rotate(30deg) translateX(300%); }
    @media screen and (max-width: 980px) {
      .page-play .capture_container {
        background-position: right top;
        background-size: cover;
        width: 100vw;
        height: 120vw;
        position: relative;
        transform: none !important; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .capture_container {
        width: 50vw;
        height: 75vw;
        top: 10vw; } }
    @media screen and (min-width: 1501px) {
      .page-play .capture_container {
        width: 640px;
        height: 1141px;
        top: 100px;
        bottom: unset; } }
  .page-play .slideshow_container {
    position: relative;
    height: 651vh; }
    .page-play .slideshow_container.on .slides_text_container,
    .page-play .slideshow_container.on .slides_image_container {
      display: block; }
    .page-play .slideshow_container .timeline_marker {
      height: 200vh;
      width: 100vw; }
      @media screen and (max-width: 980px) {
        .page-play .slideshow_container .timeline_marker {
          display: none; } }
    @media screen and (max-width: 980px) {
      .page-play .slideshow_container {
        display: none; } }
  .page-play .slides_text_container {
    position: fixed;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    transform: rotate(-1.5deg);
    display: none;
    right: 0;
    margin: auto;
    background: #71bf43;
    transition: background .2s;
    box-shadow: 2px 2px 2px #3b3838; }
    .page-play .slides_text_container::after {
      background: transparent no-repeat center / contain;
      content: '';
      display: block;
      position: absolute; }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-play .slides_text_container::after {
          height: 8vw;
          width: 8vw;
          top: -5vw;
          left: 3vw; } }
      @media screen and (min-width: 1501px) {
        .page-play .slides_text_container::after {
          height: 90px;
          width: 90px;
          top: -70px;
          left: 60px; } }
    @media screen and (max-width: 980px) {
      .page-play .slides_text_container {
        display: none; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .slides_text_container {
        height: 28vh;
        width: 40vw;
        left: -30vw;
        padding: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-play .slides_text_container {
        height: 300px;
        width: 600px;
        left: -600px;
        padding: 40px; } }
    .page-play .slides_text_container .h2 {
      margin-bottom: 0; }
    .page-play .slides_text_container .slide {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      padding: 8%;
      transform: rotate(1.5deg);
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      transition: opacity .3s ease-in, transform .2s ease-out .2s;
      transform: translateY(2%); }
      .page-play .slides_text_container .slide p {
        margin: 0; }
      .page-play .slides_text_container .slide.on {
        opacity: 1;
        transform: translateY(0); }
  .page-play .slides_image_container {
    position: fixed;
    top: 0;
    bottom: 0;
    display: none;
    left: 0;
    margin: auto; }
    @media screen and (max-width: 980px) {
      .page-play .slides_image_container {
        display: none; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .slides_image_container {
        height: 90vh;
        width: 42vh;
        right: -55vh;
        top: 15vw; } }
    @media screen and (min-width: 1501px) {
      .page-play .slides_image_container {
        height: 600px;
        width: 350px;
        right: -300px; } }
    .page-play .slides_image_container img {
      width: 80%;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 10%;
      transition: opacity .4s ease-in;
      opacity: 0; }
      .page-play .slides_image_container img.on {
        opacity: 1; }
  .page-play.slide_one_active {
    background-color: #71bf43; }
    .page-play.slide_one_active .slides_text_container {
      background-color: #71bf43; }
      .page-play.slide_one_active .slides_text_container::after {
        background-image: url("/images/play/pick-1.svg"); }
  .page-play.slide_two_active {
    background-color: #df0885; }
    .page-play.slide_two_active .slides_text_container {
      background-color: #df0885; }
      .page-play.slide_two_active .slides_text_container::after {
        background-image: url("/images/play/pick-2.svg"); }
  .page-play.slide_three_active {
    background-color: #0094c8; }
    .page-play.slide_three_active .slides_text_container {
      background-color: #0094c8; }
      .page-play.slide_three_active .slides_text_container::after {
        background-image: url("/images/play/pick-3.svg"); }
  @media screen and (min-width: 981px) {
    .page-play.slide_four_active {
      background-color: #df0885; } }
  .page-play.slide_four_active .slides_text_container {
    background-color: #df0885; }
    .page-play.slide_four_active .slides_text_container::after {
      background-image: url("/images/play/pick-4.svg"); }
  .page-play .mobile_slides {
    display: none; }
    @media screen and (max-width: 980px) {
      .page-play .mobile_slides {
        display: block; } }
    .page-play .mobile_slides img {
      max-width: 65vw;
      margin: 10vw auto 0;
      display: block; }
    .page-play .mobile_slides .slide {
      background: #0094c8 url("/images/svgs/rock-hands.svg") no-repeat bottom 25vh/250vw;
      padding-top: 70vw;
      position: relative;
      padding-bottom: 20vw; }
      .page-play .mobile_slides .slide::after {
        content: '';
        background: transparent no-repeat center / contain;
        display: block;
        height: 40vw;
        width: 40vw;
        position: absolute;
        top: 20vw;
        left: 0;
        right: 0;
        margin: auto; }
      .page-play .mobile_slides .slide.slide_one {
        background-color: #71bf43; }
        .page-play .mobile_slides .slide.slide_one::after {
          background-image: url("/images/play/pick-1.svg"); }
      .page-play .mobile_slides .slide.slide_two {
        background-color: #df0885; }
        .page-play .mobile_slides .slide.slide_two::after {
          background-image: url("/images/play/pick-2.svg"); }
      .page-play .mobile_slides .slide.slide_three {
        background-color: #0094c8; }
        .page-play .mobile_slides .slide.slide_three::after {
          background-image: url("/images/play/pick-3.svg"); }
      .page-play .mobile_slides .slide.slide_four {
        background-color: #df0885; }
        .page-play .mobile_slides .slide.slide_four::after {
          background-image: url("/images/play/pick-4.svg"); }
      .page-play .mobile_slides .slide .h2 {
        margin-bottom: 0; }
      .page-play .mobile_slides .slide p {
        font-size: 6vw; }
  .page-play .discover .inner {
    background: #3b3838;
    text-align: center; }
    @media screen and (max-width: 980px) {
      .page-play .discover .inner {
        width: 100%;
        padding: 30vw 5vw 20vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .discover .inner {
        padding: 5vw 7vw;
        margin-bottom: 4vw; } }
    @media screen and (min-width: 1501px) {
      .page-play .discover .inner {
        padding: 100px 150px;
        margin-bottom: 75px; } }
    .page-play .discover .inner h1 {
      margin-bottom: 0; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .discover .inner .artists_container {
        margin: 3vw auto 0; } }
    @media screen and (min-width: 1501px) {
      .page-play .discover .inner .artists_container {
        margin-top: 45px; } }
  .page-play .where {
    background: #0094c8; }
    @media screen and (max-width: 980px) {
      .page-play .where {
        padding: 30vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .where {
        margin-top: -35vh;
        padding-top: 40vh;
        padding-bottom: 10vh; } }
    @media screen and (min-width: 1501px) {
      .page-play .where {
        margin-top: -450px;
        padding-top: 520px;
        padding-bottom: 80px; } }
    .page-play .where .where_list {
      display: flex;
      list-style: none;
      flex-wrap: wrap;
      justify-content: space-between; }
      .page-play .where .where_list li {
        background: transparent no-repeat top / 50px; }
        @media screen and (max-width: 980px) {
          .page-play .where .where_list li {
            padding-top: 60vw;
            background-size: 100vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-play .where .where_list li {
            padding: 22vw 0 0;
            width: 30vw;
            background-size: 28vw;
            margin-bottom: 0; } }
        @media screen and (min-width: 1501px) {
          .page-play .where .where_list li {
            padding: 300px 0 0;
            width: 500px;
            background-size: 415px;
            margin-bottom: 30px; } }
        .page-play .where .where_list li.collect {
          background-image: url("/images/play/points.png"); }
          @media screen and (max-width: 980px) {
            .page-play .where .where_list li.collect {
              background-position: center 8vw;
              padding-top: 55vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-play .where .where_list li.collect {
              background-position: -1vw 7vw; } }
          @media screen and (min-width: 1501px) {
            .page-play .where .where_list li.collect {
              background-position: -15px 100px; } }
        .page-play .where .where_list li.earn {
          background-image: url("/images/play/badges.png"); }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-play .where .where_list li.earn {
              background-position: -1vw 4vw; } }
          @media screen and (min-width: 1501px) {
            .page-play .where .where_list li.earn {
              background-position: -15px 60px; } }
        .page-play .where .where_list li.hear {
          background-image: url("/images/play/hear.png"); }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-play .where .where_list li.hear {
              background-position: -1vw 5vw; } }
          @media screen and (min-width: 1501px) {
            .page-play .where .where_list li.hear {
              background-position: -15px 60px; } }
        .page-play .where .where_list li.get {
          background-image: url("/images/play/mail.png"); }
          @media screen and (max-width: 980px) {
            .page-play .where .where_list li.get {
              padding-top: 75vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-play .where .where_list li.get {
              background-position: -1vw -0.5vw; } }
          @media screen and (min-width: 1501px) {
            .page-play .where .where_list li.get {
              background-position: -15px -10px; } }
      .page-play .where .where_list .h1 {
        margin-bottom: 0; }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-play .where .where_list .h1 {
            font-size: 3vw; } }
        @media screen and (min-width: 1501px) {
          .page-play .where .where_list .h1 {
            font-size: 50px; } }
  .page-play .grail {
    background: #0094c8 url("/images/play/cassette-pile-background.svg") no-repeat top/cover;
    background-blend-mode: multiply; }
    @media screen and (max-width: 980px) {
      .page-play .grail {
        padding-bottom: 160vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .grail {
        padding: 15vw 0 15vw; } }
    @media screen and (min-width: 1501px) {
      .page-play .grail {
        padding: 240px 0 75px; } }
    .page-play .grail a {
      text-decoration: underline; }
  .page-play .get_it {
    background: #3b3838;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-play .get_it {
        padding: 60vw 0 30vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .get_it {
        padding: 4vw 0 12vw; } }
    @media screen and (min-width: 1501px) {
      .page-play .get_it {
        padding: 60px 0 200px; } }
    .page-play .get_it .cassette_stack {
      position: absolute;
      right: 0;
      background: transparent url("/images/play/cassette-pile.svg") no-repeat center/contain; }
      @media screen and (max-width: 980px) {
        .page-play .get_it .cassette_stack {
          height: 150vw;
          width: 95vw;
          top: -225vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-play .get_it .cassette_stack {
          height: 80vh;
          top: -80vh;
          width: 40vw;
          background-size: 30vw; } }
      @media screen and (min-width: 1501px) {
        .page-play .get_it .cassette_stack {
          height: 865px;
          top: -828px;
          width: 580px; } }
    .page-play .get_it .store_buttons {
      width: 50%; }
      @media screen and (max-width: 980px) {
        .page-play .get_it .store_buttons {
          width: 100%; } }
    .page-play .get_it .reaper_hand {
      position: absolute;
      background: transparent url("/images/play/skeleton-hand copy.svg") no-repeat center/contain; }
      @media screen and (max-width: 980px) {
        .page-play .get_it .reaper_hand {
          width: 115vw;
          height: 50vw;
          top: -55vw;
          right: -40vw;
          transform: rotate(-30deg); } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-play .get_it .reaper_hand {
          height: 20vw;
          top: 5vw;
          width: 40vw;
          right: 0; } }
      @media screen and (min-width: 1501px) {
        .page-play .get_it .reaper_hand {
          height: 235px;
          top: 101px;
          width: 500px;
          left: calc((100vw - 1200px)/2 + 510px); } }
  .page-play .scroll_icon {
    background: transparent url("/images/scroll-icon.svg") no-repeat center/contain;
    pointer-events: none;
    animation-duration: 6s;
    animation-name: wobble;
    animation-iteration-count: infinite;
    position: fixed;
    top: 85vh;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: opacity .3s ease-in; }
    @media screen and (max-width: 980px) {
      .page-play .scroll_icon {
        display: none; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-play .scroll_icon {
        height: 5vw;
        width: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-play .scroll_icon {
        height: 40px;
        width: 40px; } }
  .page-play.scrolling .scroll_icon, .page-play.page-top .scroll_icon {
    opacity: 1; }

.page-discover {
  background: #898888;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden;
  padding-top: 0 !important; }
  @media screen and (max-width: 980px) {
    .page-discover {
      text-align: center; } }
  .page-discover .site_header {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    z-index: 2; }
    .page-discover .site_header nav {
      display: none; }
    .page-discover .site_header .open_mobile_nav {
      display: none !important; }
    .page-discover .site_header .mobile_nav_container {
      display: none; }
  .page-discover .filter_nav {
    display: none; }
  .page-discover .discover_main {
    background: url("/images/discover/city-street-desktop.jpg") no-repeat center/cover;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-discover .discover_main {
        background: url("/images/discover/city-street-mobile.jpg") no-repeat center/cover; } }
    @media screen and (max-width: 980px) {
      .page-discover .discover_main .primary_column {
        min-height: 165vw;
        align-content: space-between; }
        .page-discover .discover_main .primary_column .top_section {
          margin-top: 7vw;
          margin-bottom: 0; }
        .page-discover .discover_main .primary_column .bottom_section {
          margin-bottom: 2vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .discover_main .primary_column {
        min-height: calc(100vh - 5vw); } }
    @media screen and (min-width: 1501px) {
      .page-discover .discover_main .primary_column {
        min-height: calc(100vh - 65px); } }
    @media screen and (max-width: 980px) {
      .page-discover .discover_main .primary_column .store_buttons {
        margin-bottom: 2vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .discover_main .primary_column .bottom_section {
        width: 85%; } }
    @media screen and (min-width: 1501px) {
      .page-discover .discover_main .primary_column .bottom_section {
        width: 85%; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .discover_main .primary_column .bottom_section h2 {
        font-size: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-discover .discover_main .primary_column .bottom_section h2 {
        font-size: 32px; } }
    .page-discover .discover_main .graphic_column {
      background: transparent url("/images/discover/android/sansung-s7-female-outlined-crop-2.svg") no-repeat left bottom;
      bottom: 0; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_main .graphic_column {
          background: transparent url("/images/discover/android/sansung-s7-female-outlined.svg") no-repeat center 45vw/100vw;
          margin-left: 12vw;
          width: 100vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_main .graphic_column {
          background-size: auto 85vh; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_main .graphic_column {
          background-size: auto 800px; } }
    .page-discover .discover_main.device-notandroid .graphic_column {
      background-image: url("/images/discover/ios/iphone-xe-female-outlined-crop-2.svg"); }
      @media screen and (max-width: 980px) {
        .page-discover .discover_main.device-notandroid .graphic_column {
          background: url("/images/discover/ios/iphone-xe-female.svg") no-repeat center 45vw/90vw; } }
  .page-discover .discover_explore {
    background: url("/images/discover/los-angeles-background-desktop.jpg") no-repeat center/cover;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-discover .discover_explore {
        background: url("/images/discover/los-angeles-mobile.jpg") no-repeat center/cover; } }
    .page-discover .discover_explore .primary_column {
      min-height: 100vh; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_explore .primary_column {
          min-height: unset; } }
    .page-discover .discover_explore .graphic_column {
      background: transparent url("/images/discover/android/android-01-desktop.png") no-repeat center bottom/auto 60vh; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_explore .graphic_column {
          background: url("/images/discover/phone-01-mobile.png") no-repeat center bottom/auto 110vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_explore .graphic_column {
          background-size: auto 90vh; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_explore .graphic_column {
          background-size: 450px; } }
    .page-discover .discover_explore.device-notandroid .graphic_column {
      background-image: url("/images/discover/ios/phone-desktop-ios-01.png"); }
      @media screen and (max-width: 980px) {
        .page-discover .discover_explore.device-notandroid .graphic_column {
          background: url("/images/discover/ios/phone-mobile-ios-01.png") no-repeat center bottom/auto 110vw; } }
  .page-discover .discover_exclusive {
    background: url("/images/discover/seattle-background-desktop.jpg") no-repeat center/cover;
    min-height: 100vh;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-discover .discover_exclusive {
        background: url("/images/discover/seattle-background-mobile.jpg") no-repeat center/cover;
        min-height: unset; } }
    .page-discover .discover_exclusive .primary_column {
      min-height: 100vh; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_exclusive .primary_column {
          min-height: unset; } }
    .page-discover .discover_exclusive .graphic_column {
      background: transparent url("/images/discover/android/android-02-desktop.png") no-repeat center bottom/auto 60vh; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_exclusive .graphic_column {
          background: url("/images/discover/phone-02-mobile.png") no-repeat center bottom/auto 110vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_exclusive .graphic_column {
          background-size: auto 90vh; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_exclusive .graphic_column {
          background-size: 450px; } }
    .page-discover .discover_exclusive.device-notandroid .graphic_column {
      background-image: url("/images/discover/ios/phone-desktop-ios-02.png"); }
      @media screen and (max-width: 980px) {
        .page-discover .discover_exclusive.device-notandroid .graphic_column {
          background: url("/images/discover/ios/phone-mobile-ios-02.png") no-repeat center bottom/auto 110vw; } }
  .page-discover .discover_make {
    background: url("/images/discover/vancouver-background-desktop.jpg") no-repeat center/cover;
    min-height: 100vh;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-discover .discover_make {
        background: url("/images/discover/vancouver-background-mobile.jpg") no-repeat center/cover;
        min-height: unset; } }
    .page-discover .discover_make .primary_column {
      min-height: 100vh; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_make .primary_column {
          min-height: unset; } }
    .page-discover .discover_make .graphic_column {
      background: transparent url("/images/discover/android/android-03-desktop.png") no-repeat center bottom/auto 60vh; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_make .graphic_column {
          background: url("/images/discover/android/android-3-mobile.png") no-repeat center bottom/auto 110vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_make .graphic_column {
          background-size: auto 90vh; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_make .graphic_column {
          background-size: 450px; } }
    .page-discover .discover_make.device-notandroid .graphic_column {
      background-image: url("/images/discover/ios/phone-desktop-ios-03.png"); }
      @media screen and (max-width: 980px) {
        .page-discover .discover_make.device-notandroid .graphic_column {
          background: url("/images/discover/ios/phone-mobile-ios-03.png") no-repeat center bottom/auto 110vw; } }
  .page-discover .discover_proof {
    background: url("/images/discover/cta-section-backgrond-desktop.jpg") no-repeat center/cover;
    min-height: 100vh;
    position: relative; }
    .page-discover .discover_proof .inner {
      position: static; }
    @media screen and (max-width: 980px) {
      .page-discover .discover_proof {
        background: url("/images/discover/cta-section-background-mobile.jpg") no-repeat center/cover;
        min-height: unset; } }
    .page-discover .discover_proof .primary_column {
      min-height: 100vh; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .primary_column {
          min-height: unset; } }
      .page-discover .discover_proof .primary_column h1 {
        margin-bottom: 0; }
        @media screen and (max-width: 980px) {
          .page-discover .discover_proof .primary_column h1 {
            width: 60vw;
            margin: 8vh auto 0; } }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .primary_column {
          justify-content: center;
          align-content: center;
          min-height: unset; } }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .primary_column .top_section {
          margin: 0; } }
    .page-discover .discover_proof .graphic_column {
      background: transparent url("/images/discover/Norma-11.svg") no-repeat left 10vh/auto 100vh;
      left: 50vw;
      width: 50vw; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .graphic_column {
          display: none; } }
    .page-discover .discover_proof .download_section {
      width: 85%; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .download_section {
          order: 4;
          margin-bottom: 15vw;
          width: 60%; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_proof .download_section {
          margin-bottom: 3vw; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_proof .download_section {
          margin-bottom: 30px; } }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .download_section h2 {
          margin-bottom: 2vw;
          font-size: 6vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_proof .download_section h2 {
          font-size: 2vw; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_proof .download_section h2 {
          font-size: 32px; } }
    .page-discover .discover_proof .mobile_marker_graphic {
      display: none; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .mobile_marker_graphic {
          display: block;
          width: 33vw;
          height: 55vw;
          background: transparent url("/images/discover/hb-icon-pink-white.svg") no-repeat center/contain;
          order: 2;
          margin-bottom: 4vw; } }
    @media screen and (max-width: 980px) {
      .page-discover .discover_proof .top_section {
        order: 1; } }
    .page-discover .discover_proof .testimonial_section {
      position: relative; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .testimonial_section {
          height: 10vw; } }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .testimonial_section {
          order: 3;
          width: 100%;
          height: 35vw; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_proof .testimonial_section {
          margin-top: 30px;
          height: 180px; } }
    .page-discover .discover_proof .testimonial {
      border-left: 4px solid #ebebeb;
      min-height: 1px;
      transition: 1s; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .testimonial {
          padding-left: 5vw;
          width: 100%;
          text-align: left;
          margin-bottom: 8vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_proof .testimonial {
          padding-left: 1vw;
          width: 40vw; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_proof .testimonial {
          padding-left: 15px;
          width: 465px; } }
    .page-discover .discover_proof .rating.fivestars {
      display: block;
      width: 100%;
      height: 2vw;
      background: transparent url("/images/discover/5-stars.svg") no-repeat left/contain; }
      @media screen and (max-width: 980px) {
        .page-discover .discover_proof .rating.fivestars {
          height: 6vw;
          margin-bottom: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .discover_proof .rating.fivestars {
          height: 1.5vw;
          margin-bottom: .8vw; } }
      @media screen and (min-width: 1501px) {
        .page-discover .discover_proof .rating.fivestars {
          height: 20px;
          margin-bottom: 10px; } }
    .page-discover .discover_proof .testimonial_text {
      display: none;
      font-weight: 700; }
      .page-discover .discover_proof .testimonial_text em {
        font-weight: 400; }
      .page-discover .discover_proof .testimonial_text.active {
        display: block; }
      .page-discover .discover_proof .testimonial_text p {
        opacity: 0;
        transform: translateX(-6px);
        transition: .4s ease-out;
        margin: 0;
        color: #ebebeb; }
        @media screen and (max-width: 980px) {
          .page-discover .discover_proof .testimonial_text p {
            font-size: 4.5vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-discover .discover_proof .testimonial_text p {
            font-size: 1.35vw; } }
        @media screen and (min-width: 1501px) {
          .page-discover .discover_proof .testimonial_text p {
            font-size: 20px; } }
        .page-discover .discover_proof .testimonial_text p.active {
          opacity: 1;
          transform: translateX(0); }
  .page-discover .primary_column {
    position: relative;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-content: center; }
    @media screen and (max-width: 980px) {
      .page-discover .primary_column {
        align-content: flex-end; }
        .page-discover .primary_column .top_section {
          margin-bottom: 120vw;
          margin-top: 15vw; }
        .page-discover .primary_column .bottom_section {
          margin-bottom: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-discover .primary_column {
        width: 550px; } }
    .page-discover .primary_column .top_section,
    .page-discover .primary_column .bottom_section {
      width: 100%;
      position: relative;
      z-index: 5; }
    @media screen and (max-width: 980px) {
      .page-discover .primary_column h1,
      .page-discover .primary_column p {
        margin: 0 auto 3vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .primary_column h1,
      .page-discover .primary_column p {
        margin: 0 auto 1vw; } }
    @media screen and (min-width: 1501px) {
      .page-discover .primary_column h1,
      .page-discover .primary_column p {
        margin: 0 auto 5px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .primary_column h1 {
        font-size: 6.66vw; } }
    @media screen and (min-width: 1501px) {
      .page-discover .primary_column h1 {
        font-size: 90px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .primary_column h2 {
        margin: 3vw 0 1vw;
        font-size: 2.3vw; } }
    @media screen and (min-width: 1501px) {
      .page-discover .primary_column h2 {
        margin: 25px 0 12px;
        font-size: 36px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .primary_column p {
        font-size: 1.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-discover .primary_column p {
        font-size: 24px; } }
  .page-discover .watch_demo {
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer; }
    .page-discover .watch_demo .play_icon {
      display: inline-block;
      background: transparent url("/images/dashboard/play-blue.svg") no-repeat center/contain; }
      @media screen and (max-width: 980px) {
        .page-discover .watch_demo .play_icon {
          width: 4.5vw;
          height: 4.5vw;
          margin-top: 3vw;
          margin-right: 1vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .watch_demo .play_icon {
          width: 1.2vw;
          height: 1.2vw;
          margin-top: 1vw;
          margin-right: .5vw; } }
      @media screen and (min-width: 1501px) {
        .page-discover .watch_demo .play_icon {
          width: 20px;
          height: 20px;
          margin-top: 20px;
          margin-right: 5px; } }
  @media screen and (max-width: 980px) {
    .page-discover .get_app_button {
      width: 100%; } }
  .page-discover .graphic_column {
    position: absolute;
    top: 0;
    pointer-events: none;
    transition: .2s;
    z-index: 1; }
    @media screen and (max-width: 980px) {
      .page-discover .graphic_column {
        left: 0;
        width: 100%;
        bottom: 17vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .graphic_column {
        left: 55vw;
        width: 35vw;
        bottom: 0; } }
    @media screen and (min-width: 1501px) {
      .page-discover .graphic_column {
        left: 700px;
        width: 600px;
        bottom: 0; } }
    .page-discover .graphic_column .off {
      left: 100vw; }
  .page-discover .modal_outer {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: .2s;
    z-index: 99;
    background: #4f4c4c url("/images/svgs/rock-hands.svg") no-repeat center 2vh/115vw;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 980px) {
      .page-discover .modal_outer {
        background-position: center 20vh;
        background-image: url("/images/rock-hands-tall.svg"); } }
    .page-discover .modal_outer.open {
      opacity: 1;
      pointer-events: auto; }
    .page-discover .modal_outer.video_modal_outer {
      display: flex;
      align-items: center;
      justify-content: center; }
      .page-discover .modal_outer.video_modal_outer .modal_inner {
        width: 100vw;
        height: 56.3vw;
        background: transparent url("/images/discover/video-thumb.jpg") no-repeat center/contain; }
        @media screen and (max-width: 980px) {
          .page-discover .modal_outer.video_modal_outer .modal_inner {
            width: 100vw;
            height: 56.3vw;
            user-select: none; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-discover .modal_outer.video_modal_outer .modal_inner {
            width: 80vw;
            height: 40vw; } }
        @media screen and (min-width: 1501px) {
          .page-discover .modal_outer.video_modal_outer .modal_inner {
            width: 800px;
            height: 400px; } }
        .page-discover .modal_outer.video_modal_outer .modal_inner.on {
          background: transparent; }
          .page-discover .modal_outer.video_modal_outer .modal_inner.on #player {
            opacity: 1;
            pointer-events: auto; }
      .page-discover .modal_outer.video_modal_outer #player {
        transition: .3s;
        opacity: 0;
        pointer-events: none; }
        @media screen and (max-width: 980px) {
          .page-discover .modal_outer.video_modal_outer #player {
            width: 100vw;
            height: 56.3vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-discover .modal_outer.video_modal_outer #player {
            width: 80vw;
            height: 40vw; } }
        @media screen and (min-width: 1501px) {
          .page-discover .modal_outer.video_modal_outer #player {
            width: 800px;
            height: 400px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-discover .modal_outer.download_modal_outer h1 {
        font-size: 6.66vw;
        margin-bottom: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-discover .modal_outer.download_modal_outer h1 {
        font-size: 90px;
        margin-bottom: 35px; } }
    .page-discover .modal_outer.download_modal_outer .modal_inner {
      width: 65vw; }
      @media screen and (max-width: 980px) {
        .page-discover .modal_outer.download_modal_outer .modal_inner {
          width: 85vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-discover .modal_outer.download_modal_outer .modal_inner {
          width: 80vw;
          text-align: center; }
          .page-discover .modal_outer.download_modal_outer .modal_inner .store_buttons {
            width: 50%;
            margin: 0 auto; } }
      @media screen and (min-width: 1501px) {
        .page-discover .modal_outer.download_modal_outer .modal_inner {
          width: 800px;
          text-align: center; }
          .page-discover .modal_outer.download_modal_outer .modal_inner .store_buttons {
            width: 50%;
            margin: 0 auto; } }
  .page-discover .store_buttons {
    width: 100%; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-discover .get_app_button {
      margin: 3vw 0; } }
  @media screen and (min-width: 1501px) {
    .page-discover .get_app_button {
      margin: 35px 0; } }
  .page-discover site_footer {
    z-index: 5; }

.page-charts {
  background: #df0885;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  .page-charts .site_header {
    background: #9c005d; }
  .page-charts .site_footer {
    background: rgba(59, 56, 56, 0.9); }
  @media screen and (max-width: 980px) {
    .page-charts .first_section .h1 {
      font-size: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-charts .first_section .h1 {
      font-size: 3.5vw;
      margin-bottom: .7vw; } }
  @media screen and (min-width: 1501px) {
    .page-charts .first_section .h1 {
      font-size: 60px;
      margin-bottom: 15px; } }
  @media screen and (max-width: 980px) {
    .page-charts .first_section .inner {
      order: 3;
      padding-bottom: 0;
      margin-top: 0; } }
  @media screen and (max-width: 980px) {
    .page-charts .first_section {
      display: flex;
      flex-wrap: wrap; } }
  .page-charts .charts {
    display: none; }
    @media screen and (max-width: 980px) {
      .page-charts .charts {
        width: 95%;
        margin: 0 auto; } }
    .page-charts .charts thead {
      display: none; }
    .page-charts .charts.active {
      display: table; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts .charts .inline_title {
        font-size: .9vw; } }
    @media screen and (min-width: 1501px) {
      .page-charts .charts .inline_title {
        font-size: 12px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts .charts .user_name {
        font-size: 1.2vw; } }
    @media screen and (min-width: 1501px) {
      .page-charts .charts .user_name {
        font-size: 16px; } }
  .page-charts tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35); }
    @media screen and (max-width: 980px) {
      .page-charts tr:first-of-type {
        border-top: 1px solid rgba(255, 255, 255, 0.35); } }
    .page-charts tr:last-of-type {
      border: 0; }
  .page-charts td {
    position: relative;
    text-align: center;
    vertical-align: middle; }
    @media screen and (max-width: 980px) {
      .page-charts td {
        min-width: 8vw;
        padding: 5vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts td {
        min-width: 7.15vw;
        padding: .6vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-charts td {
        min-width: 95px;
        padding: 8px 0; } }
    .page-charts td .inline_title {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      text-align: center;
      text-transform: uppercase;
      line-height: 1.2;
      font-weight: 500; }
      @media screen and (max-width: 980px) {
        .page-charts td .inline_title {
          transform: translateY(40%);
          font-size: 2.4vw;
          max-width: 10vw;
          margin: auto; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-charts td .inline_title {
          top: .6vw; } }
      @media screen and (min-width: 1501px) {
        .page-charts td .inline_title {
          top: 15px; } }
    @media screen and (max-width: 980px) {
      .page-charts td .column_value {
        transform: translateY(20%);
        font-size: 5.5vw; } }
    .page-charts td.weeks_on_chart, .page-charts td.last_week, .page-charts td.stat_value {
      vertical-align: bottom; }
    .page-charts td.user_name {
      font-weight: 500;
      text-align: left; }
      @media screen and (max-width: 980px) {
        .page-charts td.user_name {
          width: 12vw;
          height: 12vw;
          font-size: 3vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-charts td.user_name {
          width: 20vw; } }
      @media screen and (min-width: 1501px) {
        .page-charts td.user_name {
          width: 250px; } }
    .page-charts td.user_image {
      vertical-align: bottom;
      position: relative; }
      .page-charts td.user_image img,
      .page-charts td.user_image .avatar_icon {
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
        @media screen and (max-width: 980px) {
          .page-charts td.user_image img,
          .page-charts td.user_image .avatar_icon {
            width: 8vw;
            height: 8vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-charts td.user_image img,
          .page-charts td.user_image .avatar_icon {
            width: 2.5vw;
            height: 2.5vw; } }
        @media screen and (min-width: 1501px) {
          .page-charts td.user_image img,
          .page-charts td.user_image .avatar_icon {
            width: 50px;
            height: 50px; } }
      .page-charts td.user_image .avatar_icon {
        background: transparent no-repeat center / cover;
        transform-origin: center;
        transform: scale(1.05); }
    @media screen and (max-width: 980px) {
      .page-charts td.position_change {
        min-width: 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts td.position_change {
        min-width: .4vw; } }
    @media screen and (min-width: 1501px) {
      .page-charts td.position_change {
        min-width: 10px; } }
    .page-charts td.position_change .up_icon,
    .page-charts td.position_change .down_icon {
      background: transparent url("/images/chevron-white.svg") no-repeat center/contain;
      text-indent: -99999px;
      display: block; }
      @media screen and (max-width: 980px) {
        .page-charts td.position_change .up_icon,
        .page-charts td.position_change .down_icon {
          width: 5vw;
          height: 5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-charts td.position_change .up_icon,
        .page-charts td.position_change .down_icon {
          width: 1vw;
          height: 1vw; } }
      @media screen and (min-width: 1501px) {
        .page-charts td.position_change .up_icon,
        .page-charts td.position_change .down_icon {
          width: 20px;
          height: 20px; } }
    .page-charts td.position_change .down_icon {
      transform: rotate(180deg); }
    .page-charts td.position_change.up .down_icon {
      opacity: 0.3; }
    .page-charts td.position_change.down .up_icon {
      opacity: 0.3; }
    .page-charts td.position_change.same {
      opacity: 0; }
  .page-charts .filter_nav {
    order: 2; }
  .page-charts .holding_charts {
    position: fixed;
    background: transparent url("/images/svgs/charts-magazine.svg") no-repeat left top/contain;
    top: 0;
    right: 0; }
    @media screen and (max-width: 980px) {
      .page-charts .holding_charts {
        order: 1;
        position: relative;
        background-position: -27vw -42vw;
        background-size: 215vw;
        width: 100%;
        height: 150vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts .holding_charts {
        background-size: 75vw;
        background-position: -8vw -5vw;
        width: 43vw;
        height: 100vh; } }
    @media screen and (min-width: 1501px) {
      .page-charts .holding_charts {
        background-size: 1330px;
        background-position: -140px -125px;
        width: 1915px;
        height: 4055px;
        right: unset;
        left: calc((100vw - 1200px)/2 + 630px); } }
  .page-charts .leaderboard_container {
    background: transparent;
    transform: rotate(-15deg);
    transform-origin: top right;
    position: absolute;
    color: #3b3838;
    overflow-y: auto; }
    @media screen and (max-width: 980px) {
      .page-charts .leaderboard_container {
        position: relative;
        margin-top: 25vw;
        width: 74vw;
        height: 100vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts .leaderboard_container {
        width: 25.5vw;
        top: 18vw;
        left: 1.2vw;
        overflow-y: auto; } }
    @media screen and (min-width: 1501px) {
      .page-charts .leaderboard_container {
        width: 435px;
        top: 285px;
        left: 35px; } }
    .page-charts .leaderboard_container h1 {
      color: #71bf43;
      margin: 0; }
      @media screen and (max-width: 980px) {
        .page-charts .leaderboard_container h1 {
          font-size: 5.5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-charts .leaderboard_container h1 {
          font-size: 1.8vw; } }
    .page-charts .leaderboard_container table {
      width: 100%;
      border: 1px solid #c4c3c2;
      border-left: 0;
      border-right: 0; }
      @media screen and (max-width: 980px) {
        .page-charts .leaderboard_container table {
          margin-bottom: 3vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-charts .leaderboard_container table {
          margin: .3vw 0 .6vw;
          padding: .3vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-charts .leaderboard_container table {
          margin: 5px 0 10px;
          padding: 5px 0; } }
      .page-charts .leaderboard_container table.movers_leaderboard {
        margin-bottom: 0;
        border-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-charts .leaderboard_container td {
        padding: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts .leaderboard_container td {
        min-height: 6vw;
        padding: .4vw 0;
        min-width: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-charts .leaderboard_container td {
        min-height: 35px;
        min-width: 75px;
        padding: 16px 0 4px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts .leaderboard_container td.h1 {
        font-size: 2.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-charts .leaderboard_container td.h1 {
        font-size: 50px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-charts .leaderboard_container td .h2 {
        font-size: 2vw;
        transform: translateY(0.7vw);
        display: inline-block; } }
    .page-charts .leaderboard_container td.user_name {
      display: none; }
    @media screen and (max-width: 980px) {
      .page-charts .leaderboard_container td .inline_title {
        top: 3vw;
        font-size: 2vw;
        transform: translateY(-75%);
        max-width: unset; } }

.page-artists {
  background: #898888;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  .page-artists .site_header {
    background: #3b3838; }
  @media screen and (min-width: 981px) {
    .page-artists .site_footer {
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      background: rgba(59, 56, 56, 0.9); } }
  @media screen and (max-width: 980px) {
    .page-artists .artist_main {
      margin-top: 20vw; } }
  @media screen and (max-width: 980px) {
    .page-artists .artist_main .inner {
      margin-top: 10vw; } }
  @media screen and (max-width: 980px) {
    .page-artists .filter_nav .filter_nav_inner {
      display: flex;
      flex-wrap: wrap; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-artists .filter_nav .filter_nav_inner {
      max-width: 60vw; } }
  @media screen and (min-width: 1501px) {
    .page-artists .filter_nav .filter_nav_inner {
      max-width: 885px; } }
  .page-artists .search_form {
    float: right;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 980px) {
      .page-artists .search_form {
        float: none;
        display: flex;
        order: 1; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artists .search_form {
        margin-top: .15vw;
        padding-right: 1vw; } }
    @media screen and (min-width: 1501px) {
      .page-artists .search_form {
        margin-top: 6px;
        padding-right: 15px; } }
    .page-artists .search_form label {
      text-transform: uppercase;
      margin-right: 5px;
      font-weight: 500; }
    .page-artists .search_form #search_term {
      margin: 0; }
      @media screen and (max-width: 980px) {
        .page-artists .search_form #search_term {
          font-size: 5.5vw;
          width: 55vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artists .search_form #search_term {
          padding: .4vw 1.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-artists .search_form #search_term {
          padding: 6px 20px; } }
    .page-artists .search_form .clear_button {
      background: transparent url("/images/artists/clear-text-icon.svg") no-repeat center/contain;
      text-indent: -9999px;
      border: 0;
      padding: 0;
      margin: 0;
      display: inline; }
      @media screen and (max-width: 980px) {
        .page-artists .search_form .clear_button {
          width: 5vw;
          height: 5vw;
          margin-left: -7vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artists .search_form .clear_button {
          width: 1vw;
          height: 1vw;
          margin-left: -2vw; } }
      @media screen and (min-width: 1501px) {
        .page-artists .search_form .clear_button {
          width: 15px;
          height: 15px;
          margin-left: -30px; } }
    .page-artists .search_form .search_button {
      background: #0094c8 url("/images/artists/search-icon-white.svg") no-repeat center/auto 80%;
      text-indent: -9999px;
      border: 0;
      padding: 0;
      margin: 0;
      display: none; }
      @media screen and (max-width: 980px) {
        .page-artists .search_form .search_button {
          width: 18vw;
          height: 12vw;
          margin-left: 5vw;
          margin-top: .2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artists .search_form .search_button {
          width: 3vw;
          height: 1.9vw;
          margin-left: 1vw; } }
      @media screen and (min-width: 1501px) {
        .page-artists .search_form .search_button {
          width: 50px;
          height: 32px;
          margin-left: 15px;
          transform: translateY(-1px); } }
  .page-artists .filter_links {
    order: 2; }
    @media screen and (max-width: 980px) {
      .page-artists .filter_links {
        margin-top: 5vw; } }
  .page-artists .vest_outer {
    position: fixed;
    background: transparent url("/images/artists/artist-page-woman.svg") no-repeat left top/cover;
    right: 0;
    z-index: 110; }
    @media screen and (max-width: 980px) {
      .page-artists .vest_outer {
        order: 1;
        position: relative;
        background-position: -10vw -50vw;
        background-size: 200vw;
        width: 100%; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artists .vest_outer {
        top: 4vw;
        height: 100vh;
        width: 28vw; } }
    @media screen and (min-width: 1501px) {
      .page-artists .vest_outer {
        bottom: 0;
        top: unset;
        height: 900px;
        width: 480px;
        background-size: 480px;
        left: calc(50vw + 330px);
        right: unset; } }
    .page-artists .vest_outer .artist_badge {
      display: block;
      position: absolute;
      border: 0;
      background: transparent url("/images/artists/artists-logo-frame-square.svg") no-repeat center/contain;
      padding: .6%; }
      .page-artists .vest_outer .artist_badge a {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -99999px;
        background: #898888 no-repeat center/contain;
        border-radius: 15%;
        position: relative;
        z-index: -1; }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artists .vest_outer .artist_badge:nth-of-type(1) {
          left: 14vw;
          top: 34vh;
          width: 6vw;
          height: 6vw; } }
      @media screen and (min-width: 1501px) {
        .page-artists .vest_outer .artist_badge:nth-of-type(1) {
          left: 145px;
          top: 300px;
          width: 100px;
          height: 100px; } }
      .page-artists .vest_outer .artist_badge:nth-of-type(2) {
        transform: rotate(-6deg);
        background-image: url("/images/artists/artists-logo-round-frame.svg");
        padding: 0; }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-artists .vest_outer .artist_badge:nth-of-type(2) {
            left: 16vw;
            top: 75vh;
            width: 5vw;
            height: 5vw; } }
        @media screen and (min-width: 1501px) {
          .page-artists .vest_outer .artist_badge:nth-of-type(2) {
            left: 220px;
            top: 680px;
            width: 100px;
            height: 100px; } }
        .page-artists .vest_outer .artist_badge:nth-of-type(2) a {
          border-radius: 50%; }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artists .vest_outer .artist_badge:nth-of-type(3) {
          left: 19vw;
          top: 65vh;
          width: 5vw;
          height: 5vw; } }
      @media screen and (min-width: 1501px) {
        .page-artists .vest_outer .artist_badge:nth-of-type(3) {
          left: 295px;
          top: 600px;
          width: 100px;
          height: 100px; } }
      .page-artists .vest_outer .artist_badge.promo-throwback::after {
        content: '';
        position: absolute;
        top: 4%;
        left: 6%;
        width: 50%;
        height: 25%;
        background: transparent url("/images/promotions/throwback/throwback-banner.svg") no-repeat top/contain; }
      .page-artists .vest_outer .artist_badge.promo-wreck::after {
        content: '';
        position: absolute;
        top: 4%;
        left: 6%;
        width: 50%;
        height: 25%;
        background: transparent url("/images/promotions/wreck/wreck-banner.svg") no-repeat top/contain; }
      .page-artists .vest_outer .artist_badge.promo-tapetraders::after {
        content: '';
        position: absolute;
        top: 4%;
        left: 6%;
        width: 50%;
        height: 25%;
        background: transparent url("/images/promotions/tapetraders/app/tapetraders-banner.png") no-repeat top/contain; }
      .page-artists .vest_outer .artist_badge.promo-beatings::after {
        content: '';
        position: absolute;
        top: 4%;
        left: 6%;
        width: 50%;
        height: 25%;
        background: transparent url("/images/promotions/beatings/beatings-banner.svg") no-repeat top/contain; }
      .page-artists .vest_outer .artist_badge.promo-skateordye::after {
        content: '';
        position: absolute;
        top: 4%;
        left: 6%;
        width: 50%;
        height: 25%;
        background: transparent url("/images/promotions/skateordye/skate-or-dye-logo-lockup.svg") no-repeat top/contain; }
      .page-artists .vest_outer .artist_badge.promo-riffmas::after {
        content: '';
        position: absolute;
        top: 4%;
        left: 6%;
        width: 50%;
        height: 25%;
        background: transparent url("/images/promotions/riffmas/app/riffmas-banner.png") no-repeat top/contain; }
  .page-artists .artist_card {
    display: none; }
    .page-artists .artist_card.active {
      display: block; }
  .page-artists .filtered .artist_card {
    display: none; }
    .page-artists .filtered .artist_card.active.filtered {
      display: block; }

.page-artist-profile {
  background: #fff;
  color: #3b3838;
  max-width: 100%;
  overflow-x: hidden; }
  .page-artist-profile .for_artists {
    color: #fff; }
  .page-artist-profile .artistprofile_header {
    position: relative; }
    .page-artist-profile .artistprofile_header::after {
      content: '';
      position: absolute;
      top: 10px;
      left: 0;
      width: 20%;
      height: 25%;
      background: transparent no-repeat top / contain; }
      @media screen and (max-width: 980px) {
        .page-artist-profile .artistprofile_header::after {
          width: 50%;
          top: 10vw; } }
  .page-artist-profile .artistprofile_info a {
    color: #df0885;
    text-decoration: underline;
    line-height: 1.6; }
    .page-artist-profile .artistprofile_info a:hover {
      color: #0094c8; }
  .page-artist-profile .artistprofile_info .artist_bio a {
    color: #df0885;
    line-height: inherit; }
  .page-artist-profile .site_header {
    background: #3b3838; }
  .page-artist-profile .site_footer {
    color: #fff; }
  .page-artist-profile .artistprofile_header {
    background: transparent no-repeat center / cover;
    color: #fff; }
    .page-artist-profile .artistprofile_header h1 {
      width: 100%;
      text-align: center; }
    .page-artist-profile .artistprofile_header img {
      border-radius: 50%;
      width: auto;
      box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.5); }
      @media screen and (max-width: 980px) {
        .page-artist-profile .artistprofile_header img {
          width: 40vw;
          height: 40vw;
          margin: 25vw 0 15vw; } }
    .page-artist-profile .artistprofile_header .inner {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      height: 100%; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .artistprofile_header {
        height: 90vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .artistprofile_header {
        height: 40vw;
        margin-bottom: 8vw; }
        .page-artist-profile .artistprofile_header img {
          margin-bottom: 5vw;
          height: 20vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .artistprofile_header {
        height: 600px;
        margin-bottom: 100px; }
        .page-artist-profile .artistprofile_header img {
          margin-bottom: 45px;
          height: 250px; } }
  @media screen and (max-width: 980px) {
    .page-artist-profile .artistprofile_info .inner {
      display: flex;
      flex-wrap: wrap; }
      .page-artist-profile .artistprofile_info .inner .artist_bio_container {
        order: 1; }
      .page-artist-profile .artistprofile_info .inner .contact {
        order: 2; }
      .page-artist-profile .artistprofile_info .inner .share_bar {
        order: 4; } }
  .page-artist-profile .contact {
    float: left; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .contact {
        float: none;
        width: 100%; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .contact {
        width: 20vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .contact {
        width: 300px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .contact h2 {
        margin-top: 4vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .contact h2 {
        margin-top: 30px; } }
    @media screen and (max-width: 980px) {
      .page-artist-profile .contact .p {
        font-size: 8vw; } }
    @media screen and (max-width: 980px) {
      .page-artist-profile .contact .social_links {
        margin-bottom: 20vw; } }
    .page-artist-profile .contact .social_links li {
      list-style: none;
      margin: 0; }
    .page-artist-profile .contact .bio_image_container {
      width: 100%;
      padding-top: 100%;
      background: transparent no-repeat center / cover; }
      @media screen and (max-width: 980px) {
        .page-artist-profile .contact .bio_image_container {
          margin-bottom: 6vw; } }
      .page-artist-profile .contact .bio_image_container img {
        display: none; }
    .page-artist-profile .contact .join_mailing.button {
      margin: 0; }
      @media screen and (max-width: 980px) {
        .page-artist-profile .contact .join_mailing.button {
          width: 100%; } }
  .page-artist-profile .artist_bio_container {
    float: right; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .artist_bio_container {
        margin: 20vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .artist_bio_container {
        width: 50vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .artist_bio_container {
        width: 840px; } }
    .page-artist-profile .artist_bio_container .artist_bio {
      font-weight: 300; }
      @media screen and (max-width: 980px) {
        .page-artist-profile .artist_bio_container .artist_bio .artist_bio_content {
          font-size: 5vw;
          margin-bottom: 7vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artist-profile .artist_bio_container .artist_bio .artist_bio_content {
          font-size: 1.35vw;
          margin-bottom: 1.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-artist-profile .artist_bio_container .artist_bio .artist_bio_content {
          font-size: 24px;
          margin-bottom: 24px; } }
  @media screen and (max-width: 980px) {
    .page-artist-profile .artist_bait_container {
      margin: 20vw auto 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-artist-profile .artist_bait_container {
      margin-top: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-artist-profile .artist_bait_container {
      margin-top: 90px; } }
  .page-artist-profile .artist_bait {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .artist_bait {
        display: block; }
        .page-artist-profile .artist_bait.second_bait {
          margin-top: 25vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .artist_bait {
        margin-top: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .artist_bait {
        margin-top: 30px; } }
  .page-artist-profile .cassette_image_container {
    width: 35%;
    height: auto; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .cassette_image_container {
        width: 100%;
        margin-bottom: 10vw; } }
    .page-artist-profile .cassette_image_container img {
      width: 100%;
      height: auto; }
  .page-artist-profile .artist_bait_meta {
    width: 60%; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .artist_bait_meta {
        width: 100%; } }
    .page-artist-profile .artist_bait_meta .cassette_title {
      margin: 0; }
    .page-artist-profile .artist_bait_meta .song_title {
      font-weight: 400; }
  .page-artist-profile .song_stats {
    width: 85%; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .song_stats td {
        padding: 0 1vw .5vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .song_stats td {
        padding: 0 5px 2px; } }
    .page-artist-profile .song_stats td.green_pick {
      background: transparent url("/images/svgs/icon-inplay.svg") no-repeat left/auto 60%; }
      @media screen and (max-width: 980px) {
        .page-artist-profile .song_stats td.green_pick {
          padding-left: 4vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artist-profile .song_stats td.green_pick {
          padding-left: 1.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-artist-profile .song_stats td.green_pick {
          padding-left: 20px; } }
    .page-artist-profile .song_stats td.inactive_pick {
      background: transparent url("/images/svgs/in-play-off-01.svg") no-repeat left/auto 60%; }
      @media screen and (max-width: 980px) {
        .page-artist-profile .song_stats td.inactive_pick {
          padding-left: 4vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artist-profile .song_stats td.inactive_pick {
          padding-left: 1.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-artist-profile .song_stats td.inactive_pick {
          padding-left: 20px; } }
    .page-artist-profile .song_stats td.grey_pick {
      background: transparent url("/images/svgs/in-play-off-01.svg") no-repeat left/auto 60%; }
      @media screen and (max-width: 980px) {
        .page-artist-profile .song_stats td.grey_pick {
          padding-left: 4vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artist-profile .song_stats td.grey_pick {
          padding-left: 4vw;
          background-position: 2.5vw center; } }
      @media screen and (min-width: 1501px) {
        .page-artist-profile .song_stats td.grey_pick {
          padding-left: 60px;
          background-position: 30px center; } }
    .page-artist-profile .song_stats td.row_title {
      padding-left: 0;
      padding: 0; }
    .page-artist-profile .song_stats td.rating_cell {
      padding-bottom: 0;
      vertical-align: middle; }
    .page-artist-profile .song_stats td .rating {
      display: block;
      text-indent: -99999px; }
      .page-artist-profile .song_stats td .rating .rating_inner {
        width: 0;
        height: 100%;
        display: block;
        background: transparent url("/images/svgs/horn-hand-on-blue.svg") repeat-x left/contain;
        text-indent: -99999px; }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-artist-profile .song_stats td .rating .rating_inner {
            background-size: 1.5vw; } }
        @media screen and (min-width: 1501px) {
          .page-artist-profile .song_stats td .rating .rating_inner {
            background-size: 20px; } }
      .page-artist-profile .song_stats td .rating .star,
      .page-artist-profile .song_stats td .rating .nostar {
        display: block;
        background: transparent url("/images/svgs/horn-hand-on-blue.svg") no-repeat center/contain;
        float: left; }
        @media screen and (max-width: 980px) {
          .page-artist-profile .song_stats td .rating .star,
          .page-artist-profile .song_stats td .rating .nostar {
            width: 5vw;
            height: 5vw;
            margin-right: 1vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-artist-profile .song_stats td .rating .star,
          .page-artist-profile .song_stats td .rating .nostar {
            width: 1.5vw;
            height: 1.5vw;
            margin-right: .25vw; } }
        @media screen and (min-width: 1501px) {
          .page-artist-profile .song_stats td .rating .star,
          .page-artist-profile .song_stats td .rating .nostar {
            width: 20px;
            height: 20px;
            margin-right: 4px; } }
        .page-artist-profile .song_stats td .rating .star:last-of-type,
        .page-artist-profile .song_stats td .rating .nostar:last-of-type {
          margin-right: 0; }
      .page-artist-profile .song_stats td .rating .nostar {
        background-image: url("/images/svgs/horn-hand-off.svg"); }
    .page-artist-profile .song_stats td.rating_cell {
      padding-left: 0; }
    .page-artist-profile .song_stats td.timer {
      padding: 0;
      text-align: left; }
      .page-artist-profile .song_stats td.timer .data {
        color: #0094c8;
        width: 100%;
        display: block;
        margin: 0;
        line-height: 1; }
      .page-artist-profile .song_stats td.timer .remaining_label {
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        text-align: center; }
      .page-artist-profile .song_stats td.timer > span {
        display: inline-block; }
        .page-artist-profile .song_stats td.timer > span.hours_remaining {
          padding: 0 4%; }
    .page-artist-profile .song_stats .timer_row td {
      padding-top: 3%;
      vertical-align: top; }
    .page-artist-profile .song_stats .data {
      font-weight: 700; }
  .page-artist-profile .share_bar {
    clear: both;
    width: 100%; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .share_bar {
        padding: 20vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .share_bar {
        padding: 5vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .share_bar {
        padding: 80px 0; } }
    .page-artist-profile .share_bar a {
      text-decoration: none !important; }
  .page-artist-profile .more_artists {
    background: #898888;
    color: #fff;
    box-shadow: inset 0px 25px 20px -15px #3b3838; }
    @media screen and (max-width: 980px) {
      .page-artist-profile .more_artists {
        display: none; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .more_artists {
        padding: 4vw 0; }
        .page-artist-profile .more_artists .inner {
          max-width: 50vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .more_artists {
        padding: 60px 0; }
        .page-artist-profile .more_artists .inner {
          max-width: 885px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artist-profile .more_artists h1 {
        margin-bottom: 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-artist-profile .more_artists h1 {
        margin-bottom: 40px; } }
  @media screen and (max-width: 980px) {
    .page-artist-profile .promo_logo {
      max-width: 30vw;
      width: 60vw;
      height: auto; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-artist-profile .promo_logo {
      max-width: 6vw;
      width: 12vw;
      height: auto; } }
  @media screen and (min-width: 1501px) {
    .page-artist-profile .promo_logo {
      max-width: 90px;
      width: 200px;
      height: auto; } }
  .page-artist-profile .artist-id-428 .artist_logo {
    opacity: 0; }

.page-find #map-canvas {
  width: 100%;
  display: block; }
  @media screen and (max-width: 980px) {
    .page-find #map-canvas {
      top: 9vw;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-find #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-find #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 70px; } }
@media screen and (max-width: 980px) {
  .page-find #map-canvas {
    height: calc(100% - 9vw); } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-find #map-canvas {
    height: calc(100vh - 12.7vw); } }
@media screen and (min-width: 1501px) {
  .page-find #map-canvas {
    height: calc(100vh - 193px); } }
.page-find .location_detail_modal_outer {
  position: fixed;
  right: 0;
  background: white;
  overflow-x: auto;
  color: #3b3838;
  transform: translateX(100%);
  transition: transform .2s ease-out;
  z-index: 60;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  .page-find .location_detail_modal_outer.drilled {
    max-height: 100vh;
    overflow: hidden; }
  .page-find .location_detail_modal_outer.contains_advance {
    padding: 0;
    background: #4f4c4c;
    color: #fff; }
  .page-find .location_detail_modal_outer.on {
    transform: translateX(0); }
  @media screen and (max-width: 980px) {
    .page-find .location_detail_modal_outer {
      top: 0;
      bottom: 0;
      transform: translateX(0);
      padding: 20vw 2vw 0;
      left: 0;
      z-index: 900;
      position: absolute; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-find .location_detail_modal_outer {
      top: 5vw;
      bottom: 4vw;
      width: 25vw;
      padding: 6vw .5vw; } }
  @media screen and (min-width: 1501px) {
    .page-find .location_detail_modal_outer {
      top: 70px;
      bottom: 65px;
      width: 320px;
      padding: 80px 10px; } }
  .page-find .location_detail_modal_outer .advance_modal_inner {
    background: #4f4c4c url("/images/find/advance-single-find-page.png") no-repeat top/contain;
    text-align: center; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .advance_modal_inner {
        padding: 104vw 5vw 5vw;
        margin-top: 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer .advance_modal_inner {
        padding: 26vw 1vw 5vw;
        margin-top: 2.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .advance_modal_inner {
        padding: 335px 20px 20px;
        margin-top: 45px; } }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .advance_modal_inner h2 {
        margin-bottom: 0; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .advance_modal_inner h2 {
        margin-bottom: 0;
        font-size: 28px; } }
    .page-find .location_detail_modal_outer .advance_modal_inner p {
      line-height: 1.3; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .advance_modal_inner p {
          font-size: 4.5vw;
          margin-bottom: 5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .advance_modal_inner p {
          font-size: 1.1vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .advance_modal_inner p {
          font-size: 14px; } }
    .page-find .location_detail_modal_outer .advance_modal_inner .advance_icon {
      display: inline-block;
      background: transparent url("/images/find/advance-single-icon.svg") no-repeat center/contain;
      vertical-align: middle; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 5vw;
          height: 5vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 2.5vw;
          height: 2.5vw;
          margin-right: 0.6vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 30px;
          height: 30px;
          margin-right: 5px; } }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 7vw;
        font-size: 5vw;
        margin-bottom: 3.5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 2vw;
        font-size: 1.3vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 30px;
        font-size: 16px;
        margin-bottom: 10px; } }
    .page-find .location_detail_modal_outer .advance_modal_inner .shop_buttons {
      display: flex;
      justify-content: space-between;
      width: 85%;
      margin: 0 auto; }
      .page-find .location_detail_modal_outer .advance_modal_inner .shop_buttons a {
        display: block;
        width: 48%; }
  .page-find .location_detail_modal_outer .location_detail_nav {
    display: flex;
    justify-content: space-between;
    width: 75%; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .location_detail_nav {
        margin: 5vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer .location_detail_nav {
        margin: 2.5vw auto; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .location_detail_nav {
        margin: 30px auto; } }
    .page-find .location_detail_modal_outer .location_detail_nav button {
      width: 32%;
      margin: 0;
      background: #898888;
      transition: background .2s ease-out; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .location_detail_nav button {
          padding: 2vw 0;
          font-size: 4.5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .location_detail_nav button {
          font-size: 1.1vw;
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .location_detail_nav button {
          font-size: 14px;
          padding: 6px 0; } }
      .page-find .location_detail_modal_outer .location_detail_nav button.active {
        background: #0094c8; }
  .page-find .location_detail_modal_outer .info_panel,
  .page-find .location_detail_modal_outer .hints_panel,
  .page-find .location_detail_modal_outer .photos_panel {
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-out;
    position: absolute; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .info_panel,
      .page-find .location_detail_modal_outer .hints_panel,
      .page-find .location_detail_modal_outer .photos_panel {
        width: 95vw; }
        .page-find .location_detail_modal_outer .info_panel dd,
        .page-find .location_detail_modal_outer .info_panel dt,
        .page-find .location_detail_modal_outer .info_panel p,
        .page-find .location_detail_modal_outer .hints_panel dd,
        .page-find .location_detail_modal_outer .hints_panel dt,
        .page-find .location_detail_modal_outer .hints_panel p,
        .page-find .location_detail_modal_outer .photos_panel dd,
        .page-find .location_detail_modal_outer .photos_panel dt,
        .page-find .location_detail_modal_outer .photos_panel p {
          font-size: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer .info_panel,
      .page-find .location_detail_modal_outer .hints_panel,
      .page-find .location_detail_modal_outer .photos_panel {
        width: 24vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .info_panel,
      .page-find .location_detail_modal_outer .hints_panel,
      .page-find .location_detail_modal_outer .photos_panel {
        width: 300px; } }
    .page-find .location_detail_modal_outer .info_panel.active,
    .page-find .location_detail_modal_outer .hints_panel.active,
    .page-find .location_detail_modal_outer .photos_panel.active {
      opacity: 1;
      pointer-events: auto; }
    .page-find .location_detail_modal_outer .info_panel img,
    .page-find .location_detail_modal_outer .hints_panel img,
    .page-find .location_detail_modal_outer .photos_panel img {
      max-width: 100%; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-find .location_detail_modal_outer dd,
    .page-find .location_detail_modal_outer dt {
      font-size: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-find .location_detail_modal_outer dd,
    .page-find .location_detail_modal_outer dt {
      font-size: 14px; } }
  .page-find .location_detail_modal_outer dt {
    margin: 0;
    font-weight: 700; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer dt {
        padding-top: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer dt {
        padding-top: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer dt {
        padding-top: 7px; } }
    .page-find .location_detail_modal_outer dt.gps, .page-find .location_detail_modal_outer dt.location {
      color: #0094c8; }
    .page-find .location_detail_modal_outer dt.username_rank {
      display: none; }
  .page-find .location_detail_modal_outer dd {
    margin: 0;
    border-bottom: 1px solid #b1afaf; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer dd {
        padding-bottom: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer dd {
        padding-bottom: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer dd {
        padding-bottom: 7px; } }
    .page-find .location_detail_modal_outer dd:last-of-type {
      border-bottom: 0; }
    .page-find .location_detail_modal_outer dd.username_rank {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer dd.username_rank {
          padding: 2vw 0; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer dd.username_rank {
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer dd.username_rank {
          padding: 15px 0; } }
      .page-find .location_detail_modal_outer dd.username_rank .avatar_icon {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-find .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 7vw;
            height: 7vw;
            margin-right: 2vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-find .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 2vw;
            height: 2vw;
            margin-right: 0.4vw; } }
        @media screen and (min-width: 1501px) {
          .page-find .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 35px;
            height: 35px;
            margin-right: 5px; } }
        .page-find .location_detail_modal_outer dd.username_rank .avatar_icon .avatar_icon_image,
        .page-find .location_detail_modal_outer dd.username_rank .avatar_icon img {
          background: transparent no-repeat center / cover;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
    .page-find .location_detail_modal_outer dd .username {
      font-weight: 900; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer dd .username {
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer dd .username {
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer dd .username {
          margin-right: 5px; } }
  .page-find .location_detail_modal_outer .hints_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-find .location_detail_modal_outer .hints_panel .hints_list {
      width: 100%; }
    .page-find .location_detail_modal_outer .hints_panel .hint {
      cursor: pointer;
      width: 100%;
      border-bottom: 1px solid #c4c3c2;
      position: relative; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 2vw;
          padding-bottom: 2vw;
          min-height: 52vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 1vw;
          padding-bottom: 1vw;
          min-height: 13vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 12px;
          padding-bottom: 12px;
          min-height: 160px; } }
      .page-find .location_detail_modal_outer .hints_panel .hint h1,
      .page-find .location_detail_modal_outer .hints_panel .hint p,
      .page-find .location_detail_modal_outer .hints_panel .hint .found_by,
      .page-find .location_detail_modal_outer .hints_panel .hint .hint_date,
      .page-find .location_detail_modal_outer .hints_panel .hint .hint_hash {
        margin: 0;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-find .location_detail_modal_outer .hints_panel .hint h1,
          .page-find .location_detail_modal_outer .hints_panel .hint p,
          .page-find .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 4vw;
            margin-right: 1vw;
            margin-bottom: 2.5vw;
            padding-left: 44vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-find .location_detail_modal_outer .hints_panel .hint h1,
          .page-find .location_detail_modal_outer .hints_panel .hint p,
          .page-find .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 1vw;
            margin-right: .5vw;
            margin-bottom: .7vw;
            padding-left: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-find .location_detail_modal_outer .hints_panel .hint h1,
          .page-find .location_detail_modal_outer .hints_panel .hint p,
          .page-find .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 12px;
            margin-right: 5px;
            margin-bottom: 10px;
            padding-left: 135px; } }
      .page-find .location_detail_modal_outer .hints_panel .hint .hint_hash {
        color: #0094c8; }
      .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        background: #d8d7d7; }
        @media screen and (max-width: 980px) {
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 40vw;
            padding: 4vw 4vw 10vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 10vw;
            padding: 1vw 1vw 2.5vw; } }
        @media screen and (min-width: 1501px) {
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 125px;
            padding: 12px 12px 35px; } }
        .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
          display: block;
          background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
          position: relative; }
          @media screen and (max-width: 980px) {
            .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 32vw;
              height: 32vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 8vw;
              height: 8vw; } }
          @media screen and (min-width: 1501px) {
            .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 100px;
              height: 100px; } }
          .page-find .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image .hint_thumb_image_file {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: transparent no-repeat center / cover; }
      .page-find .location_detail_modal_outer .hints_panel .hint .found_by {
        display: flex; }
  .page-find .location_detail_modal_outer .photos_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-find .location_detail_modal_outer .photos_panel .image_thumb {
      width: 49%;
      margin-bottom: 10px;
      cursor: pointer;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .photos_panel .image_thumb {
          width: 45vw;
          height: 45vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .photos_panel .image_thumb {
          width: 11vw;
          height: 11vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .photos_panel .image_thumb {
          width: 140px;
          height: 140px; } }
      .page-find .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
        display: block;
        background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
        position: relative; }
        @media screen and (max-width: 980px) {
          .page-find .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 45vw;
            height: 45vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-find .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 11vw;
            height: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-find .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 140px;
            height: 140px; } }
        .page-find .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image .hint_thumb_image_file {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: transparent no-repeat center / cover; }
      .page-find .location_detail_modal_outer .photos_panel .image_thumb p,
      .page-find .location_detail_modal_outer .photos_panel .image_thumb .found_by {
        display: none; }
  .page-find .location_detail_modal_outer .found_by {
    align-items: center; }
    .page-find .location_detail_modal_outer .found_by .avatar_icon {
      position: relative;
      border-radius: 50%;
      overflow: hidden; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .found_by .avatar_icon {
          width: 7vw;
          height: 7vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .found_by .avatar_icon {
          width: 2vw;
          height: 2vw;
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .found_by .avatar_icon {
          width: 20px;
          height: 20px;
          margin-right: 5px; } }
      .page-find .location_detail_modal_outer .found_by .avatar_icon .avatar_icon_image,
      .page-find .location_detail_modal_outer .found_by .avatar_icon img {
        background: transparent no-repeat center / cover;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .page-find .location_detail_modal_outer .back_button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    background: #0094c8 url("/images/close-arrow.svg") no-repeat 3% center/auto 50%;
    text-align: left;
    padding: 0.5vw 0 0.5vw 10%; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .back_button {
        padding: 1.5vw 0 1.5vw 10%; } }
  .page-find .location_detail_modal_outer .image_container {
    width: 65%;
    margin: 0 auto; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .image_container {
        width: 55%; } }
    .page-find .location_detail_modal_outer .image_container img {
      width: 100%; }
  .page-find .location_detail_modal_outer .submodal_outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3b3838;
    color: #fff;
    padding: 150% 7.5% 0;
    z-index: 2; }
    .page-find .location_detail_modal_outer .submodal_outer .hint_thumb_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto;
      background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 15vw;
          height: 90vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 6vw;
          height: 25vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 100px;
          height: 320px; } }
      .page-find .location_detail_modal_outer .submodal_outer .hint_thumb_image .hint_thumb_image_file {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: transparent no-repeat center / cover; }
    .page-find .location_detail_modal_outer .submodal_outer .hint_image,
    .page-find .location_detail_modal_outer .submodal_outer .photo_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_image,
        .page-find .location_detail_modal_outer .submodal_outer .photo_image {
          top: 15vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_image,
        .page-find .location_detail_modal_outer .submodal_outer .photo_image {
          top: 6vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_image,
        .page-find .location_detail_modal_outer .submodal_outer .photo_image {
          top: 100px; } }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-find .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 30vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-find .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 9.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-find .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 150px; } }
    .page-find .location_detail_modal_outer .submodal_outer .hint_title,
    .page-find .location_detail_modal_outer .submodal_outer .hint_description {
      margin: 0; }
    .page-find .location_detail_modal_outer .submodal_outer .close_submodal {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      width: 100%;
      text-align: center;
      background: #0094c8; }
      .page-find .location_detail_modal_outer .submodal_outer .close_submodal.photo_close {
        background: #0094c8;
        text-align: left;
        padding: 0.5vw 0 0.5vw 8%;
        bottom: unset;
        top: 0; }
  .page-find .location_detail_modal_outer .photo_slide {
    color: #3b3838;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s; }
    .page-find .location_detail_modal_outer .photo_slide .avatar_icon {
      transform: scale(0.6);
      display: inline-block; }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .photo_slide p {
        font-size: 12px; } }
    .page-find .location_detail_modal_outer .photo_slide.active {
      opacity: 1;
      pointer-events: auto; }
    .page-find .location_detail_modal_outer .photo_slide h2, .page-find .location_detail_modal_outer .photo_slide p {
      color: #fff;
      font-weight: 900;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      z-index: 2;
      line-height: 1; }
      @media screen and (max-width: 980px) {
        .page-find .location_detail_modal_outer .photo_slide h2, .page-find .location_detail_modal_outer .photo_slide p {
          bottom: 10vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-find .location_detail_modal_outer .photo_slide h2, .page-find .location_detail_modal_outer .photo_slide p {
          top: 35.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-find .location_detail_modal_outer .photo_slide h2, .page-find .location_detail_modal_outer .photo_slide p {
          top: 490px; } }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .photo_slide .photo_caption {
        bottom: 19vw;
        margin: 0 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer .photo_slide .photo_caption {
        top: 34.5vw;
        margin: 0 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .photo_slide .photo_caption {
        top: 475px;
        margin: 0 50px; } }
  .page-find .location_detail_modal_outer .next_image,
  .page-find .location_detail_modal_outer .previous_image {
    text-indent: -9999px;
    display: block;
    position: absolute;
    background: transparent no-repeat center / contain;
    border: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .next_image,
      .page-find .location_detail_modal_outer .previous_image {
        width: 5vw;
        height: 20vw;
        bottom: 10vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer .next_image,
      .page-find .location_detail_modal_outer .previous_image {
        width: 3vw;
        height: 3vw;
        top: 34vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .next_image,
      .page-find .location_detail_modal_outer .previous_image {
        width: 45px;
        height: 45px;
        top: 465px; } }
  .page-find .location_detail_modal_outer .next_image {
    right: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-right-01.svg"); }
  .page-find .location_detail_modal_outer .previous_image {
    left: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-left-01.svg"); }
  .page-find .location_detail_modal_outer .background {
    background: #3b3838;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-find .location_detail_modal_outer .background {
        height: 40vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-find .location_detail_modal_outer .background {
        top: 33vw; } }
    @media screen and (min-width: 1501px) {
      .page-find .location_detail_modal_outer .background {
        top: 450px; } }
@media screen and (max-width: 980px) {
  .page-find .hb_search_container {
    position: absolute;
    top: 12vw;
    left: 2vw;
    display: flex; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-find .hb_search_container {
    top: 6vw;
    left: 1vw;
    position: absolute;
    display: flex; } }
@media screen and (min-width: 1501px) {
  .page-find .hb_search_container {
    top: 77px;
    left: 15px;
    position: absolute;
    display: flex; } }
.page-find .hb_search_container .search_icon {
  background: transparent url("/images/artists/search-icon-white.svg") no-repeat left/contain;
  cursor: pointer;
  opacity: 0.5;
  display: block;
  transform: rotate(90deg); }
  @media screen and (max-width: 980px) {
    .page-find .hb_search_container .search_icon {
      width: 10vw;
      height: 10vw;
      margin-right: 2vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-find .hb_search_container .search_icon {
      width: 4vw;
      height: 5vw;
      margin-right: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-find .hb_search_container .search_icon {
      width: 60px;
      height: 50px;
      margin-right: 15px; } }
.page-find .hb_search_container #pac-input {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity .2s ease-out;
  align-self: center; }
.page-find .hb_search_container.on #pac-input,
.page-find .hb_search_container.on .clear_button {
  opacity: 1 !important;
  pointer-events: auto; }
.page-find .hb_search_container .clear_button {
  background: transparent url("/images/artists/clear-text-icon.svg") no-repeat center/contain;
  text-indent: -9999px;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-out; }
  @media screen and (max-width: 980px) {
    .page-find .hb_search_container .clear_button {
      top: 3vw;
      right: 0;
      height: 5vw;
      width: 15vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-find .hb_search_container .clear_button {
      width: 2vw;
      height: 1vw;
      right: 0;
      top: 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-find .hb_search_container .clear_button {
      width: 35px;
      height: 15px;
      right: 0;
      top: 18px; } }
.page-find .site_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(59, 56, 56, 0.9); }
  @media screen and (max-width: 980px) {
    .page-find .site_footer {
      display: none; } }
.page-find .pac-icon {
  display: none; }
.page-find .pac-container,
.page-find .pac-item {
  background: #3b3838;
  color: #fff;
  border-color: #898888;
  font-weight: 500;
  cursor: pointer; }
  .page-find .pac-container:first-child,
  .page-find .pac-item:first-child {
    border: 0; }
  @media screen and (max-width: 980px) {
    .page-find .pac-container,
    .page-find .pac-item {
      width: 100%; } }
.page-find .pac-item:hover {
  background: #626060; }
.page-find .pac-matched,
.page-find .pac-item-query {
  font-weight: 900;
  color: #fff; }
@media screen and (max-width: 980px) {
  .page-find.artist_loggedin .hb_search_container {
    top: 12vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-find.artist_loggedin .hb_search_container {
    top: 9vw; } }
@media screen and (min-width: 1501px) {
  .page-find.artist_loggedin .hb_search_container {
    top: 137px; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-find.artist_loggedin #map-canvas {
    top: 8.7vw; } }
@media screen and (min-width: 1501px) {
  .page-find.artist_loggedin #map-canvas {
    top: 125px; } }
.page-find .art_artist_link {
  color: #0094c8; }
  .page-find .art_artist_link:hover {
    color: #0094c8; }

.page-campaigns,
.page-customcampaigns {
  background: #898888;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden;
  padding-top: 0 !important;
  font-weight: 400; }
  .page-campaigns .site_header,
  .page-customcampaigns .site_header {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    z-index: 2; }
    .page-campaigns .site_header nav,
    .page-customcampaigns .site_header nav {
      display: none; }
    .page-campaigns .site_header .open_mobile_nav,
    .page-customcampaigns .site_header .open_mobile_nav {
      display: none !important; }
    .page-campaigns .site_header .mobile_nav_container,
    .page-customcampaigns .site_header .mobile_nav_container {
      display: none; }
  .page-campaigns .filter_nav,
  .page-customcampaigns .filter_nav {
    display: none; }
  .page-campaigns .page_card,
  .page-customcampaigns .page_card {
    background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 1vh/105vw;
    display: flex;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-campaigns .page_card,
      .page-customcampaigns .page_card {
        min-height: 165vw;
        background: #4f4c4c url("/images/getmore/rock-hands-reversed-mobile.svg") no-repeat center -35vw/105vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .page_card,
      .page-customcampaigns .page_card {
        min-height: calc(100vh - 5vw); } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .page_card,
      .page-customcampaigns .page_card {
        min-height: calc(100vh - 65px); } }
    .page-campaigns .page_card.customcampaign_who,
    .page-customcampaigns .page_card.customcampaign_who {
      background: #626060 url("/images/customcampaign/hero/Desktop/saskatoon_desktop.jpg") no-repeat center top/cover; }
      @media screen and (max-width: 980px) {
        .page-campaigns .page_card.customcampaign_who,
        .page-customcampaigns .page_card.customcampaign_who {
          background: #4f4c4c url("/images/customcampaign/hero/Mobile/saskatoon_mobile.jpg") no-repeat center center/cover; } }
      @media screen and (min-width: 1501px) {
        .page-campaigns .page_card.customcampaign_who .primary_column,
        .page-customcampaigns .page_card.customcampaign_who .primary_column {
          width: 55%; } }
  .page-campaigns .hilight_page_card,
  .page-customcampaigns .hilight_page_card {
    background: #4f4c4c no-repeat center top/105vw;
    display: flex;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-campaigns .hilight_page_card,
      .page-customcampaigns .hilight_page_card {
        padding-top: 20vw;
        height: 195vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .hilight_page_card,
      .page-customcampaigns .hilight_page_card {
        padding-top: 20vw;
        min-height: 100vh; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .hilight_page_card,
      .page-customcampaigns .hilight_page_card {
        padding-top: 400px;
        min-height: 100vh; } }
    .page-campaigns .hilight_page_card.customcampaign_form,
    .page-customcampaigns .hilight_page_card.customcampaign_form {
      background-image: url("/images/customcampaign/rock-hands-pink.svg"); }
      @media screen and (max-width: 980px) {
        .page-campaigns .hilight_page_card.customcampaign_form,
        .page-customcampaigns .hilight_page_card.customcampaign_form {
          height: 375vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-campaigns .hilight_page_card.customcampaign_form,
        .page-customcampaigns .hilight_page_card.customcampaign_form {
          min-height: 70vw; } }
      @media screen and (min-width: 1501px) {
        .page-campaigns .hilight_page_card.customcampaign_form,
        .page-customcampaigns .hilight_page_card.customcampaign_form {
          min-height: 1000px; } }
      @media screen and (max-width: 980px) {
        .page-campaigns .hilight_page_card.customcampaign_form .primary_column .button,
        .page-customcampaigns .hilight_page_card.customcampaign_form .primary_column .button {
          margin: 10vw auto 30vw; } }
      @media screen and (max-width: 980px) {
        .page-campaigns .hilight_page_card.customcampaign_form .primary_column .form_row .button,
        .page-customcampaigns .hilight_page_card.customcampaign_form .primary_column .form_row .button {
          margin: 10vw auto 0; } }
      @media screen and (max-width: 980px) {
        .page-campaigns .hilight_page_card.customcampaign_form.form_submitted_message,
        .page-customcampaigns .hilight_page_card.customcampaign_form.form_submitted_message {
          height: 150vw; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .page_card,
    .page-campaigns .hilight_page_card,
    .page-customcampaigns .page_card,
    .page-customcampaigns .hilight_page_card {
      display: flex; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .page_card .inner,
    .page-campaigns .hilight_page_card .inner,
    .page-customcampaigns .page_card .inner,
    .page-customcampaigns .hilight_page_card .inner {
      margin: 40vw auto 20vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .page_card .inner,
    .page-campaigns .hilight_page_card .inner,
    .page-customcampaigns .page_card .inner,
    .page-customcampaigns .hilight_page_card .inner {
      padding: 5vw 0; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .page_card .inner,
    .page-campaigns .hilight_page_card .inner,
    .page-customcampaigns .page_card .inner,
    .page-customcampaigns .hilight_page_card .inner {
      padding: 80px 0; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .page_card h1,
    .page-campaigns .page_card p,
    .page-campaigns .hilight_page_card h1,
    .page-campaigns .hilight_page_card p,
    .page-customcampaigns .page_card h1,
    .page-customcampaigns .page_card p,
    .page-customcampaigns .hilight_page_card h1,
    .page-customcampaigns .hilight_page_card p {
      margin: 0 0 3vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .page_card h1,
    .page-campaigns .page_card p,
    .page-campaigns .hilight_page_card h1,
    .page-campaigns .hilight_page_card p,
    .page-customcampaigns .page_card h1,
    .page-customcampaigns .page_card p,
    .page-customcampaigns .hilight_page_card h1,
    .page-customcampaigns .hilight_page_card p {
      margin: 0 0 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .page_card h1,
    .page-campaigns .page_card p,
    .page-campaigns .hilight_page_card h1,
    .page-campaigns .hilight_page_card p,
    .page-customcampaigns .page_card h1,
    .page-customcampaigns .page_card p,
    .page-customcampaigns .hilight_page_card h1,
    .page-customcampaigns .hilight_page_card p {
      margin: 0 0 5px; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .page_card h1,
    .page-campaigns .hilight_page_card h1,
    .page-customcampaigns .page_card h1,
    .page-customcampaigns .hilight_page_card h1 {
      font-size: 13vw;
      margin-bottom: 10vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .page_card h1,
    .page-campaigns .hilight_page_card h1,
    .page-customcampaigns .page_card h1,
    .page-customcampaigns .hilight_page_card h1 {
      font-size: 6.66vw;
      margin-bottom: 3vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .page_card h1,
    .page-campaigns .hilight_page_card h1,
    .page-customcampaigns .page_card h1,
    .page-customcampaigns .hilight_page_card h1 {
      font-size: 90px;
      margin-bottom: 35px; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .page_card h2,
    .page-campaigns .hilight_page_card h2,
    .page-customcampaigns .page_card h2,
    .page-customcampaigns .hilight_page_card h2 {
      margin: 3vw 0 1vw;
      font-size: 2.3vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .page_card h2,
    .page-campaigns .hilight_page_card h2,
    .page-customcampaigns .page_card h2,
    .page-customcampaigns .hilight_page_card h2 {
      margin: 25px 0 12px;
      font-size: 36px; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .page_card p,
    .page-campaigns .hilight_page_card p,
    .page-customcampaigns .page_card p,
    .page-customcampaigns .hilight_page_card p {
      font-size: 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .page_card p,
    .page-campaigns .hilight_page_card p,
    .page-customcampaigns .page_card p,
    .page-customcampaigns .hilight_page_card p {
      font-size: 1.5vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .page_card p,
    .page-campaigns .hilight_page_card p,
    .page-customcampaigns .page_card p,
    .page-customcampaigns .hilight_page_card p {
      font-size: 24px; } }
  .page-campaigns .form_section_container,
  .page-customcampaigns .form_section_container {
    margin: 0 auto; }
    .page-campaigns .form_section_container.off,
    .page-customcampaigns .form_section_container.off {
      opacity: 0;
      display: none; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .form_section_container .primary_column,
      .page-customcampaigns .form_section_container .primary_column {
        width: 70%; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .form_section_container .primary_column,
      .page-customcampaigns .form_section_container .primary_column {
        width: 67%; } }
    .page-campaigns .form_section_container .form_wrapper,
    .page-customcampaigns .form_section_container .form_wrapper {
      width: 100%; }
    @media screen and (max-width: 980px) {
      .page-campaigns .form_section_container .form_block,
      .page-customcampaigns .form_section_container .form_block {
        margin-bottom: 40vw; } }
  .page-campaigns .form_submitted,
  .page-customcampaigns .form_submitted {
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-campaigns .form_submitted,
      .page-customcampaigns .form_submitted {
        top: 20vw; }
        .page-campaigns .form_submitted .inner,
        .page-customcampaigns .form_submitted .inner {
          margin-top: 10vw; }
          .page-campaigns .form_submitted .inner p,
          .page-customcampaigns .form_submitted .inner p {
            font-size: 5vw;
            margin-left: 0; }
          .page-campaigns .form_submitted .inner h1,
          .page-customcampaigns .form_submitted .inner h1 {
            margin-left: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .form_submitted,
      .page-customcampaigns .form_submitted {
        top: 20vw; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .form_submitted,
      .page-customcampaigns .form_submitted {
        top: 400px; } }
    .page-campaigns .form_submitted .norma,
    .page-customcampaigns .form_submitted .norma {
      transition: .2s;
      transform: translateY(100%);
      background: transparent url("/images/customcampaign/norma-horn-arm.svg") no-repeat right top;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      top: 0; }
      @media screen and (max-width: 980px) {
        .page-campaigns .form_submitted .norma,
        .page-customcampaigns .form_submitted .norma {
          background-size: 100vw;
          background-position: center 35vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-campaigns .form_submitted .norma,
        .page-customcampaigns .form_submitted .norma {
          background-size: 60vw;
          top: -11vw;
          right: -6vw; } }
      @media screen and (min-width: 1501px) {
        .page-campaigns .form_submitted .norma,
        .page-customcampaigns .form_submitted .norma {
          background-size: 800px;
          top: -220px; } }
    .page-campaigns .form_submitted h1, .page-campaigns .form_submitted p,
    .page-customcampaigns .form_submitted h1,
    .page-customcampaigns .form_submitted p {
      opacity: 0;
      transition: .2s .4s; }
    .page-campaigns .form_submitted.rock_on,
    .page-customcampaigns .form_submitted.rock_on {
      opacity: 1; }
      .page-campaigns .form_submitted.rock_on .norma,
      .page-customcampaigns .form_submitted.rock_on .norma {
        transform: translateY(0); }
      .page-campaigns .form_submitted.rock_on h1, .page-campaigns .form_submitted.rock_on p,
      .page-customcampaigns .form_submitted.rock_on h1,
      .page-customcampaigns .form_submitted.rock_on p {
        opacity: 1; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns p.maxwidth,
    .page-customcampaigns p.maxwidth {
      margin-left: 0;
      max-width: 45vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns p.maxwidth,
    .page-customcampaigns p.maxwidth {
      margin-left: 0;
      max-width: 600px; } }
  .page-campaigns h2.underwood,
  .page-customcampaigns h2.underwood {
    margin: 0; }
  .page-campaigns a.underline,
  .page-customcampaigns a.underline {
    text-decoration: underline; }
  @media screen and (max-width: 980px) {
    .page-campaigns .customcampaign_what .inner,
    .page-customcampaigns .customcampaign_what .inner {
      margin-bottom: 0; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .customcampaign_what .inner ul,
    .page-customcampaigns .customcampaign_what .inner ul {
      margin-left: 5vw;
      margin-right: 3vw;
      margin-top: 5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .customcampaign_what .inner ul,
    .page-customcampaigns .customcampaign_what .inner ul {
      list-style-position: inside;
      margin-top: 1vw;
      margin-bottom: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .customcampaign_what .inner ul,
    .page-customcampaigns .customcampaign_what .inner ul {
      list-style-position: inside;
      margin-top: 25px;
      margin-bottom: 20px; } }
  .page-campaigns .experience_list > div,
  .page-customcampaigns .experience_list > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #898888; }
    @media screen and (max-width: 980px) {
      .page-campaigns .experience_list > div,
      .page-customcampaigns .experience_list > div {
        display: block;
        padding: 5vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .experience_list > div,
      .page-customcampaigns .experience_list > div {
        padding: 1vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .experience_list > div,
      .page-customcampaigns .experience_list > div {
        padding: 15px 0; } }
  .page-campaigns .experience_list .icon,
  .page-customcampaigns .experience_list .icon {
    align-self: flex-start;
    background: no-repeat top; }
    @media screen and (max-width: 980px) {
      .page-campaigns .experience_list .icon,
      .page-customcampaigns .experience_list .icon {
        width: 100%;
        height: 40vw;
        background-size: 30vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .experience_list .icon,
      .page-customcampaigns .experience_list .icon {
        margin: 2vw 0;
        width: 5vw;
        height: 10vw;
        background-size: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .experience_list .icon,
      .page-customcampaigns .experience_list .icon {
        margin: 100px 0;
        width: 100px;
        height: 150px;
        background-size: 100px; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .experience_list .text,
    .page-customcampaigns .experience_list .text {
      padding: 2vw 0;
      width: 45vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .experience_list .text,
    .page-customcampaigns .experience_list .text {
      padding: 100px 0;
      width: 600px; } }
  .page-campaigns .experience_list .text .button,
  .page-customcampaigns .experience_list .text .button {
    margin-left: 0; }
    @media screen and (max-width: 980px) {
      .page-campaigns .experience_list .text .button,
      .page-customcampaigns .experience_list .text .button {
        position: absolute;
        bottom: 20vw;
        width: 100%; } }
  .page-campaigns .experience_list .image,
  .page-customcampaigns .experience_list .image {
    background: no-repeat center / contain; }
    @media screen and (max-width: 980px) {
      .page-campaigns .experience_list .image,
      .page-customcampaigns .experience_list .image {
        width: 100%;
        height: 80vw;
        margin-bottom: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .experience_list .image,
      .page-customcampaigns .experience_list .image {
        width: 22vw;
        height: 18vw; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .experience_list .image,
      .page-customcampaigns .experience_list .image {
        width: 450px;
        height: 450px; } }
  .page-campaigns .primary_column,
  .page-customcampaigns .primary_column {
    position: relative;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-content: center; }
    @media screen and (max-width: 980px) {
      .page-campaigns .primary_column .button,
      .page-customcampaigns .primary_column .button {
        margin: 0 auto;
        width: 100%; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .primary_column .button,
      .page-customcampaigns .primary_column .button {
        margin-left: 0; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .primary_column .button,
      .page-customcampaigns .primary_column .button {
        margin-left: 0; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .customcampaign_who,
    .page-customcampaigns .customcampaign_who {
      background-position: center -43vw; }
      .page-campaigns .customcampaign_who .inner,
      .page-customcampaigns .customcampaign_who .inner {
        margin-top: 20vw;
        margin-bottom: 95vw; }
      .page-campaigns .customcampaign_who .button,
      .page-customcampaigns .customcampaign_who .button {
        margin-top: 8vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .customcampaign_who,
    .page-customcampaigns .customcampaign_who {
      min-height: calc(100vh - 5vw); }
      .page-campaigns .customcampaign_who .primary_column h1,
      .page-customcampaigns .customcampaign_who .primary_column h1 {
        margin-right: -20vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .customcampaign_who,
    .page-customcampaigns .customcampaign_who {
      min-height: calc(100vh - 65px); } }
  .page-campaigns .customcampaign_who .norma,
  .page-customcampaigns .customcampaign_who .norma {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: transparent no-repeat url("/images/customcampaign/norma-headphones-phone-outline.svg") right bottom; }
    @media screen and (max-width: 980px) {
      .page-campaigns .customcampaign_who .norma,
      .page-customcampaigns .customcampaign_who .norma {
        background-size: 75vw;
        background-position: center bottom; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .customcampaign_who .norma,
      .page-customcampaigns .customcampaign_who .norma {
        background-size: 45vw; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .customcampaign_who .norma,
      .page-customcampaigns .customcampaign_who .norma {
        background-size: 800px; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .customcampaign_what,
    .page-customcampaigns .customcampaign_what {
      background-position: center -43vw; }
      .page-campaigns .customcampaign_what .inner,
      .page-customcampaigns .customcampaign_what .inner {
        margin-top: 20vw;
        margin-bottom: 105vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .customcampaign_what,
    .page-customcampaigns .customcampaign_what {
      min-height: calc(100vh - 5vw); } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .customcampaign_what,
    .page-customcampaigns .customcampaign_what {
      min-height: calc(100vh - 65px); } }
  .page-campaigns .customcampaign_what .norma,
  .page-customcampaigns .customcampaign_what .norma {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: transparent no-repeat url("/images/customcampaign/norma-skate-or-die-desktop.png") right bottom; }
    @media screen and (max-width: 980px) {
      .page-campaigns .customcampaign_what .norma,
      .page-customcampaigns .customcampaign_what .norma {
        background: transparent no-repeat url("/images/customcampaign/norma-skate-or-die-03b.png") right bottom;
        background-size: 100vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .customcampaign_what .norma,
      .page-customcampaigns .customcampaign_what .norma {
        background-size: 45vw; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .customcampaign_what .norma,
      .page-customcampaigns .customcampaign_what .norma {
        background-size: 800px; } }
  @media screen and (max-width: 980px) {
    .page-campaigns .customcampaign_where,
    .page-customcampaigns .customcampaign_where {
      background-position: center -43vw; }
      .page-campaigns .customcampaign_where .inner,
      .page-customcampaigns .customcampaign_where .inner {
        margin-top: 20vw;
        margin-bottom: 150vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .customcampaign_where,
    .page-customcampaigns .customcampaign_where {
      min-height: calc(100vh - 5vw); } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .customcampaign_where,
    .page-customcampaigns .customcampaign_where {
      min-height: calc(100vh - 65px); } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .customcampaign_where .primary_column,
    .page-customcampaigns .customcampaign_where .primary_column {
      width: 62%; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .customcampaign_where .primary_column,
    .page-customcampaigns .customcampaign_where .primary_column {
      width: 62%; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns .customcampaign_where .primary_column p,
    .page-customcampaigns .customcampaign_where .primary_column p {
      margin-bottom: 1.4vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns .customcampaign_where .primary_column p,
    .page-customcampaigns .customcampaign_where .primary_column p {
      margin-bottom: 20px; } }
  .page-campaigns .customcampaign_where .norma,
  .page-customcampaigns .customcampaign_where .norma {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 60vw;
    top: 0;
    background: transparent no-repeat url("/images/customcampaign/maps/saskatoon.PNG") left bottom; }
    @media screen and (max-width: 980px) {
      .page-campaigns .customcampaign_where .norma,
      .page-customcampaigns .customcampaign_where .norma {
        background-size: 69vw;
        left: 0;
        bottom: -17vw;
        background-position: 14.7vw bottom; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .customcampaign_where .norma,
      .page-customcampaigns .customcampaign_where .norma {
        background-size: 20.8vw;
        background-position: 3.6vw bottom;
        bottom: -5.5vw;
        left: 62vw; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .customcampaign_where .norma,
      .page-customcampaigns .customcampaign_where .norma {
        bottom: -100px;
        background-size: 338px;
        background-position: 59px bottom;
        left: 62vw; } }
    .page-campaigns .customcampaign_where .norma::after,
    .page-customcampaigns .customcampaign_where .norma::after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      top: 0;
      background: transparent no-repeat url("/images/customcampaign/mobile-phone-desktop.svg") left bottom; }
      @media screen and (max-width: 980px) {
        .page-campaigns .customcampaign_where .norma::after,
        .page-customcampaigns .customcampaign_where .norma::after {
          background: transparent no-repeat url("/images/customcampaign/mobile-phone-mobile.svg") right bottom;
          background-size: 100vw;
          bottom: 16vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-campaigns .customcampaign_where .norma::after,
        .page-customcampaigns .customcampaign_where .norma::after {
          background-size: 27.7vw;
          bottom: 4.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-campaigns .customcampaign_where .norma::after,
        .page-customcampaigns .customcampaign_where .norma::after {
          background-size: 450px;
          bottom: 80px; } }
  @media screen and (max-width: 980px) {
    .page-campaigns textarea,
    .page-customcampaigns textarea {
      height: 40vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-campaigns textarea,
    .page-customcampaigns textarea {
      height: 10vw; } }
  @media screen and (min-width: 1501px) {
    .page-campaigns textarea,
    .page-customcampaigns textarea {
      height: 200px; } }
  .page-campaigns .submit_button,
  .page-customcampaigns .submit_button {
    margin: 0; }
    @media screen and (max-width: 980px) {
      .page-campaigns .submit_button,
      .page-customcampaigns .submit_button {
        width: 100%; } }
    .page-campaigns .submit_button.button_formsubmitting,
    .page-customcampaigns .submit_button.button_formsubmitting {
      background: #740042;
      pointer-events: none; }
  .page-campaigns .store_buttons,
  .page-customcampaigns .store_buttons {
    width: 65%; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-campaigns .store_buttons,
      .page-customcampaigns .store_buttons {
        margin-top: 1.4vw; } }
    @media screen and (min-width: 1501px) {
      .page-campaigns .store_buttons,
      .page-customcampaigns .store_buttons {
        margin-top: 25px; } }
  .page-campaigns site_footer,
  .page-customcampaigns site_footer {
    z-index: 5; }
  .page-campaigns .city-abbotsford .customcampaign_who,
  .page-customcampaigns .city-abbotsford .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/abbotsford_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-abbotsford .customcampaign_who,
      .page-customcampaigns .city-abbotsford .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/abbotsford_mobile.jpg"); } }
    .page-campaigns .city-abbotsford .customcampaign_who .norma,
    .page-customcampaigns .city-abbotsford .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/abbotsford_norma.svg"); }
  .page-campaigns .city-abbotsford .customcampaign_where .norma,
  .page-customcampaigns .city-abbotsford .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/abbotsford.PNG"); }
  .page-campaigns .city-brampton .customcampaign_who,
  .page-customcampaigns .city-brampton .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/brampton_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-brampton .customcampaign_who,
      .page-customcampaigns .city-brampton .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/brampton_mobile.jpg"); } }
    .page-campaigns .city-brampton .customcampaign_who .norma,
    .page-customcampaigns .city-brampton .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/brampton_norma.svg"); }
  .page-campaigns .city-brampton .customcampaign_where .norma,
  .page-customcampaigns .city-brampton .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/brampton.PNG"); }
  .page-campaigns .city-burlington .customcampaign_who,
  .page-customcampaigns .city-burlington .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/burlington_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-burlington .customcampaign_who,
      .page-customcampaigns .city-burlington .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/burlington_mobile.jpg"); } }
    .page-campaigns .city-burlington .customcampaign_who .norma,
    .page-customcampaigns .city-burlington .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/burlington_norma.svg"); }
  .page-campaigns .city-burlington .customcampaign_where .norma,
  .page-customcampaigns .city-burlington .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/burlington.PNG"); }
  .page-campaigns .city-burnaby .customcampaign_who,
  .page-customcampaigns .city-burnaby .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/burnaby_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-burnaby .customcampaign_who,
      .page-customcampaigns .city-burnaby .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/burnaby_mobile.jpg"); } }
    .page-campaigns .city-burnaby .customcampaign_who .norma,
    .page-customcampaigns .city-burnaby .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/burnaby_norma.svg"); }
  .page-campaigns .city-burnaby .customcampaign_where .norma,
  .page-customcampaigns .city-burnaby .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/burnaby.PNG"); }
  .page-campaigns .city-calgary .customcampaign_who,
  .page-customcampaigns .city-calgary .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/calgary_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-calgary .customcampaign_who,
      .page-customcampaigns .city-calgary .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/calgary_mobile.jpg"); } }
    .page-campaigns .city-calgary .customcampaign_who .norma,
    .page-customcampaigns .city-calgary .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/calgary_norma.svg"); }
  .page-campaigns .city-calgary .customcampaign_where .norma,
  .page-customcampaigns .city-calgary .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/calgary.PNG"); }
  .page-campaigns .city-campbell_river .customcampaign_who,
  .page-customcampaigns .city-campbell_river .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/campbell_river_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-campbell_river .customcampaign_who,
      .page-customcampaigns .city-campbell_river .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/campbell_river_mobile.jpg"); } }
    .page-campaigns .city-campbell_river .customcampaign_who .norma,
    .page-customcampaigns .city-campbell_river .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/campbell_river_norma.svg"); }
  .page-campaigns .city-campbell_river .customcampaign_where .norma,
  .page-customcampaigns .city-campbell_river .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/campbell_river.PNG"); }
  .page-campaigns .city-charlottetown .customcampaign_who,
  .page-customcampaigns .city-charlottetown .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/charlottetown_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-charlottetown .customcampaign_who,
      .page-customcampaigns .city-charlottetown .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/charlottetown_mobile.jpg"); } }
    .page-campaigns .city-charlottetown .customcampaign_who .norma,
    .page-customcampaigns .city-charlottetown .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/charlottetown_norma.svg"); }
  .page-campaigns .city-charlottetown .customcampaign_where .norma,
  .page-customcampaigns .city-charlottetown .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/charlottetown.PNG"); }
  .page-campaigns .city-comox .customcampaign_who,
  .page-customcampaigns .city-comox .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/comox_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-comox .customcampaign_who,
      .page-customcampaigns .city-comox .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/comox_mobile.jpg"); } }
    .page-campaigns .city-comox .customcampaign_who .norma,
    .page-customcampaigns .city-comox .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/comox_norma.svg"); }
  .page-campaigns .city-comox .customcampaign_where .norma,
  .page-customcampaigns .city-comox .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/comox.PNG"); }
  .page-campaigns .city-courtenay .customcampaign_who,
  .page-customcampaigns .city-courtenay .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/courtenay_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-courtenay .customcampaign_who,
      .page-customcampaigns .city-courtenay .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/courtenay_mobile.jpg"); } }
    .page-campaigns .city-courtenay .customcampaign_who .norma,
    .page-customcampaigns .city-courtenay .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/courtenay_norma.svg"); }
  .page-campaigns .city-courtenay .customcampaign_where .norma,
  .page-customcampaigns .city-courtenay .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/courtenay.PNG"); }
  .page-campaigns .city-cowichan .customcampaign_who,
  .page-customcampaigns .city-cowichan .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/cowichan_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-cowichan .customcampaign_who,
      .page-customcampaigns .city-cowichan .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/cowichan_mobile.jpg"); } }
    .page-campaigns .city-cowichan .customcampaign_who .norma,
    .page-customcampaigns .city-cowichan .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/cowichan_norma.svg"); }
  .page-campaigns .city-cowichan .customcampaign_where .norma,
  .page-customcampaigns .city-cowichan .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/cowichan.PNG"); }
  .page-campaigns .city-dartmouth .customcampaign_who,
  .page-customcampaigns .city-dartmouth .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/dartmouth_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-dartmouth .customcampaign_who,
      .page-customcampaigns .city-dartmouth .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/dartmouth_mobile.jpg"); } }
    .page-campaigns .city-dartmouth .customcampaign_who .norma,
    .page-customcampaigns .city-dartmouth .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/dartmouth_norma.svg"); }
  .page-campaigns .city-dartmouth .customcampaign_where .norma,
  .page-customcampaigns .city-dartmouth .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/dartmouth.PNG"); }
  .page-campaigns .city-delta .customcampaign_who,
  .page-customcampaigns .city-delta .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/delta_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-delta .customcampaign_who,
      .page-customcampaigns .city-delta .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/delta_mobile.jpg"); } }
    .page-campaigns .city-delta .customcampaign_who .norma,
    .page-customcampaigns .city-delta .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/delta_norma.svg"); }
  .page-campaigns .city-delta .customcampaign_where .norma,
  .page-customcampaigns .city-delta .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/delta.PNG"); }
  .page-campaigns .city-duncan .customcampaign_who,
  .page-customcampaigns .city-duncan .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/duncan_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-duncan .customcampaign_who,
      .page-customcampaigns .city-duncan .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/duncan_mobile.jpg"); } }
    .page-campaigns .city-duncan .customcampaign_who .norma,
    .page-customcampaigns .city-duncan .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/duncan_norma.svg"); }
  .page-campaigns .city-duncan .customcampaign_where .norma,
  .page-customcampaigns .city-duncan .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/duncan.PNG"); }
  .page-campaigns .city-edmonton .customcampaign_who,
  .page-customcampaigns .city-edmonton .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/edmonton_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-edmonton .customcampaign_who,
      .page-customcampaigns .city-edmonton .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/edmonton_mobile.jpg"); } }
    .page-campaigns .city-edmonton .customcampaign_who .norma,
    .page-customcampaigns .city-edmonton .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/edmonton_norma.svg"); }
  .page-campaigns .city-edmonton .customcampaign_where .norma,
  .page-customcampaigns .city-edmonton .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/edmonton.PNG"); }
  .page-campaigns .city-fredericton .customcampaign_who,
  .page-customcampaigns .city-fredericton .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/fredericton_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-fredericton .customcampaign_who,
      .page-customcampaigns .city-fredericton .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/fredericton_mobile.jpg"); } }
    .page-campaigns .city-fredericton .customcampaign_who .norma,
    .page-customcampaigns .city-fredericton .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/fredericton_norma.svg"); }
  .page-campaigns .city-fredericton .customcampaign_where .norma,
  .page-customcampaigns .city-fredericton .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/fredericton.PNG"); }
  .page-campaigns .city-halifax .customcampaign_who,
  .page-customcampaigns .city-halifax .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/halifax_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-halifax .customcampaign_who,
      .page-customcampaigns .city-halifax .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/halifax_mobile.jpg"); } }
    .page-campaigns .city-halifax .customcampaign_who .norma,
    .page-customcampaigns .city-halifax .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/halifax_norma.svg"); }
  .page-campaigns .city-halifax .customcampaign_where .norma,
  .page-customcampaigns .city-halifax .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/halifax.PNG"); }
  .page-campaigns .city-hamilton .customcampaign_who,
  .page-customcampaigns .city-hamilton .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/hamilton_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-hamilton .customcampaign_who,
      .page-customcampaigns .city-hamilton .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/hamilton_mobile.jpg"); } }
    .page-campaigns .city-hamilton .customcampaign_who .norma,
    .page-customcampaigns .city-hamilton .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/hamilton_norma.svg"); }
  .page-campaigns .city-hamilton .customcampaign_where .norma,
  .page-customcampaigns .city-hamilton .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/hamilton.PNG"); }
  .page-campaigns .city-kamloops .customcampaign_who,
  .page-customcampaigns .city-kamloops .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/kamloops_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-kamloops .customcampaign_who,
      .page-customcampaigns .city-kamloops .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/kamloops_mobile.jpg"); } }
    .page-campaigns .city-kamloops .customcampaign_who .norma,
    .page-customcampaigns .city-kamloops .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/kamloops_norma.svg"); }
  .page-campaigns .city-kamloops .customcampaign_where .norma,
  .page-customcampaigns .city-kamloops .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/kamloops.PNG"); }
  .page-campaigns .city-kelowna .customcampaign_who,
  .page-customcampaigns .city-kelowna .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/kelowna_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-kelowna .customcampaign_who,
      .page-customcampaigns .city-kelowna .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/kelowna_mobile.jpg"); } }
    .page-campaigns .city-kelowna .customcampaign_who .norma,
    .page-customcampaigns .city-kelowna .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/kelowna_norma.svg"); }
  .page-campaigns .city-kelowna .customcampaign_where .norma,
  .page-customcampaigns .city-kelowna .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/kelowna.PNG"); }
  .page-campaigns .city-kitchener .customcampaign_who,
  .page-customcampaigns .city-kitchener .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/kitchener_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-kitchener .customcampaign_who,
      .page-customcampaigns .city-kitchener .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/kitchener_mobile.jpg"); } }
    .page-campaigns .city-kitchener .customcampaign_who .norma,
    .page-customcampaigns .city-kitchener .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/kitchener_norma.svg"); }
  .page-campaigns .city-kitchener .customcampaign_where .norma,
  .page-customcampaigns .city-kitchener .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/kitchener.PNG"); }
  .page-campaigns .city-langley .customcampaign_who,
  .page-customcampaigns .city-langley .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/langley_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-langley .customcampaign_who,
      .page-customcampaigns .city-langley .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/langley_mobile.jpg"); } }
    .page-campaigns .city-langley .customcampaign_who .norma,
    .page-customcampaigns .city-langley .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/langley_norma.svg"); }
  .page-campaigns .city-langley .customcampaign_where .norma,
  .page-customcampaigns .city-langley .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/langley.PNG"); }
  .page-campaigns .city-london .customcampaign_who,
  .page-customcampaigns .city-london .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/london_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-london .customcampaign_who,
      .page-customcampaigns .city-london .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/london_mobile.jpg"); } }
    .page-campaigns .city-london .customcampaign_who .norma,
    .page-customcampaigns .city-london .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/london_norma.svg"); }
  .page-campaigns .city-london .customcampaign_where .norma,
  .page-customcampaigns .city-london .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/london.PNG"); }
  .page-campaigns .city-mission .customcampaign_who,
  .page-customcampaigns .city-mission .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/mission_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-mission .customcampaign_who,
      .page-customcampaigns .city-mission .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/mission_mobile.jpg"); } }
    .page-campaigns .city-mission .customcampaign_who .norma,
    .page-customcampaigns .city-mission .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/mission_norma.svg"); }
  .page-campaigns .city-mission .customcampaign_where .norma,
  .page-customcampaigns .city-mission .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/mission.PNG"); }
  .page-campaigns .city-moncton .customcampaign_who,
  .page-customcampaigns .city-moncton .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/moncton_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-moncton .customcampaign_who,
      .page-customcampaigns .city-moncton .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/moncton_mobile.jpg"); } }
    .page-campaigns .city-moncton .customcampaign_who .norma,
    .page-customcampaigns .city-moncton .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/moncton_norma.svg"); }
  .page-campaigns .city-moncton .customcampaign_where .norma,
  .page-customcampaigns .city-moncton .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/moncton.PNG"); }
  .page-campaigns .city-montreal .customcampaign_who,
  .page-customcampaigns .city-montreal .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/montreal_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-montreal .customcampaign_who,
      .page-customcampaigns .city-montreal .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/montreal_mobile.jpg"); } }
    .page-campaigns .city-montreal .customcampaign_who .norma,
    .page-customcampaigns .city-montreal .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/montreal_norma.svg"); }
  .page-campaigns .city-montreal .customcampaign_where .norma,
  .page-customcampaigns .city-montreal .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/montreal.PNG"); }
  .page-campaigns .city-nanaimo .customcampaign_who,
  .page-customcampaigns .city-nanaimo .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/nanaimo_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-nanaimo .customcampaign_who,
      .page-customcampaigns .city-nanaimo .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/nanaimo_mobile.jpg"); } }
    .page-campaigns .city-nanaimo .customcampaign_who .norma,
    .page-customcampaigns .city-nanaimo .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/nanaimo_norma.svg"); }
  .page-campaigns .city-nanaimo .customcampaign_where .norma,
  .page-customcampaigns .city-nanaimo .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/nanaimo.PNG"); }
  .page-campaigns .city-new_westminster .customcampaign_who,
  .page-customcampaigns .city-new_westminster .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/new_westminster_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-new_westminster .customcampaign_who,
      .page-customcampaigns .city-new_westminster .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/new_westminster_mobile.jpg"); } }
    .page-campaigns .city-new_westminster .customcampaign_who .norma,
    .page-customcampaigns .city-new_westminster .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/new_westminster_norma.svg"); }
  .page-campaigns .city-new_westminster .customcampaign_where .norma,
  .page-customcampaigns .city-new_westminster .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/new_westminster.PNG"); }
  .page-campaigns .city-north_vancouver .customcampaign_who,
  .page-customcampaigns .city-north_vancouver .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/north_vancouver_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-north_vancouver .customcampaign_who,
      .page-customcampaigns .city-north_vancouver .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/north_vancouver_mobile.jpg"); } }
    .page-campaigns .city-north_vancouver .customcampaign_who .norma,
    .page-customcampaigns .city-north_vancouver .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/north_vancouver_norma.svg"); }
  .page-campaigns .city-north_vancouver .customcampaign_where .norma,
  .page-customcampaigns .city-north_vancouver .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/north_vancouver.PNG"); }
  .page-campaigns .city-ottawa .customcampaign_who,
  .page-customcampaigns .city-ottawa .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/ottawa_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-ottawa .customcampaign_who,
      .page-customcampaigns .city-ottawa .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/ottawa_mobile.jpg"); } }
    .page-campaigns .city-ottawa .customcampaign_who .norma,
    .page-customcampaigns .city-ottawa .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/ottawa_norma.svg"); }
  .page-campaigns .city-ottawa .customcampaign_where .norma,
  .page-customcampaigns .city-ottawa .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/ottawa.PNG"); }
  .page-campaigns .city-parksville .customcampaign_who,
  .page-customcampaigns .city-parksville .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/parksville_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-parksville .customcampaign_who,
      .page-customcampaigns .city-parksville .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/parksville_mobile.jpg"); } }
    .page-campaigns .city-parksville .customcampaign_who .norma,
    .page-customcampaigns .city-parksville .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/parksville_norma.svg"); }
  .page-campaigns .city-parksville .customcampaign_where .norma,
  .page-customcampaigns .city-parksville .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/parksville.PNG"); }
  .page-campaigns .city-port_alberni .customcampaign_who,
  .page-customcampaigns .city-port_alberni .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/port_alberni_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-port_alberni .customcampaign_who,
      .page-customcampaigns .city-port_alberni .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/port_alberni_mobile.jpg"); } }
    .page-campaigns .city-port_alberni .customcampaign_who .norma,
    .page-customcampaigns .city-port_alberni .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/port_alberni_norma.svg"); }
  .page-campaigns .city-port_alberni .customcampaign_where .norma,
  .page-customcampaigns .city-port_alberni .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/port_alberni.PNG"); }
  .page-campaigns .city-port_coquitlam .customcampaign_who,
  .page-customcampaigns .city-port_coquitlam .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/port_coquitlam_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-port_coquitlam .customcampaign_who,
      .page-customcampaigns .city-port_coquitlam .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/port_coquitlam_mobile.jpg"); } }
    .page-campaigns .city-port_coquitlam .customcampaign_who .norma,
    .page-customcampaigns .city-port_coquitlam .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/port_coquitlam_norma.svg"); }
  .page-campaigns .city-port_coquitlam .customcampaign_where .norma,
  .page-customcampaigns .city-port_coquitlam .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/port_coquitlam.PNG"); }
  .page-campaigns .city-prince_albert .customcampaign_who,
  .page-customcampaigns .city-prince_albert .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/prince_albert_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-prince_albert .customcampaign_who,
      .page-customcampaigns .city-prince_albert .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/prince_albert_mobile.jpg"); } }
    .page-campaigns .city-prince_albert .customcampaign_who .norma,
    .page-customcampaigns .city-prince_albert .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/prince_albert_woman.svg"); }
  .page-campaigns .city-prince_albert .customcampaign_where .norma,
  .page-customcampaigns .city-prince_albert .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/prince_albert.PNG"); }
  .page-campaigns .city-prince_george .customcampaign_who,
  .page-customcampaigns .city-prince_george .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/prince_george_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-prince_george .customcampaign_who,
      .page-customcampaigns .city-prince_george .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/prince_george_mobile.jpg"); } }
    .page-campaigns .city-prince_george .customcampaign_who .norma,
    .page-customcampaigns .city-prince_george .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/prince_george_norma.svg"); }
  .page-campaigns .city-prince_george .customcampaign_where .norma,
  .page-customcampaigns .city-prince_george .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/prince_george.PNG"); }
  .page-campaigns .city-quebec .customcampaign_who,
  .page-customcampaigns .city-quebec .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/quebec_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-quebec .customcampaign_who,
      .page-customcampaigns .city-quebec .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/quebec_mobile.jpg"); } }
    .page-campaigns .city-quebec .customcampaign_who .norma,
    .page-customcampaigns .city-quebec .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/quebec_norma.svg"); }
  .page-campaigns .city-quebec .customcampaign_where .norma,
  .page-customcampaigns .city-quebec .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/quebec.PNG"); }
  .page-campaigns .city-red_deer .customcampaign_who,
  .page-customcampaigns .city-red_deer .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/red_deer_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-red_deer .customcampaign_who,
      .page-customcampaigns .city-red_deer .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/red_deer_mobile.jpg"); } }
    .page-campaigns .city-red_deer .customcampaign_who .norma,
    .page-customcampaigns .city-red_deer .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/red_deer_norma.svg"); }
  .page-campaigns .city-red_deer .customcampaign_where .norma,
  .page-customcampaigns .city-red_deer .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/red_deer.PNG"); }
  .page-campaigns .city-regina .customcampaign_who,
  .page-customcampaigns .city-regina .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/regina_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-regina .customcampaign_who,
      .page-customcampaigns .city-regina .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/regina_mobile.jpg"); } }
    .page-campaigns .city-regina .customcampaign_who .norma,
    .page-customcampaigns .city-regina .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/regina_norma.svg"); }
  .page-campaigns .city-regina .customcampaign_where .norma,
  .page-customcampaigns .city-regina .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/regina.PNG"); }
  .page-campaigns .city-saint_johns .customcampaign_who,
  .page-customcampaigns .city-saint_johns .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/saint_johns_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-saint_johns .customcampaign_who,
      .page-customcampaigns .city-saint_johns .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/saint_johns_mobile.jpg"); } }
    .page-campaigns .city-saint_johns .customcampaign_who .norma,
    .page-customcampaigns .city-saint_johns .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/saint_johns_norma.svg"); }
  .page-campaigns .city-saint_johns .customcampaign_where .norma,
  .page-customcampaigns .city-saint_johns .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/saint_johns.PNG"); }
  .page-campaigns .city-salmon_arm .customcampaign_who,
  .page-customcampaigns .city-salmon_arm .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/salmon_arm_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-salmon_arm .customcampaign_who,
      .page-customcampaigns .city-salmon_arm .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/salmon_arm_mobile.jpg"); } }
    .page-campaigns .city-salmon_arm .customcampaign_who .norma,
    .page-customcampaigns .city-salmon_arm .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/salmon_arm_norma.svg"); }
  .page-campaigns .city-salmon_arm .customcampaign_where .norma,
  .page-customcampaigns .city-salmon_arm .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/salmon_arm.PNG"); }
  .page-campaigns .city-saskatoon .customcampaign_who,
  .page-customcampaigns .city-saskatoon .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/saskatoon_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-saskatoon .customcampaign_who,
      .page-customcampaigns .city-saskatoon .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/saskatoon_mobile.jpg"); } }
    .page-campaigns .city-saskatoon .customcampaign_who .norma,
    .page-customcampaigns .city-saskatoon .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/saskatoon_norma.svg"); }
  .page-campaigns .city-saskatoon .customcampaign_where .norma,
  .page-customcampaigns .city-saskatoon .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/saskatoon.PNG"); }
  .page-campaigns .city-sidney .customcampaign_who,
  .page-customcampaigns .city-sidney .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/sidney_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-sidney .customcampaign_who,
      .page-customcampaigns .city-sidney .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/sidney_mobile.jpg"); } }
    .page-campaigns .city-sidney .customcampaign_who .norma,
    .page-customcampaigns .city-sidney .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/sidney_norma.svg"); }
  .page-campaigns .city-sidney .customcampaign_where .norma,
  .page-customcampaigns .city-sidney .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/sidney.PNG"); }
  .page-campaigns .city-sudbury .customcampaign_who,
  .page-customcampaigns .city-sudbury .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/sudbury_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-sudbury .customcampaign_who,
      .page-customcampaigns .city-sudbury .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/sudbury_mobile.jpg"); } }
    .page-campaigns .city-sudbury .customcampaign_who .norma,
    .page-customcampaigns .city-sudbury .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/sudbury_norma.svg"); }
  .page-campaigns .city-sudbury .customcampaign_where .norma,
  .page-customcampaigns .city-sudbury .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/sudbury.PNG"); }
  .page-campaigns .city-surrey .customcampaign_who,
  .page-customcampaigns .city-surrey .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/surrey_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-surrey .customcampaign_who,
      .page-customcampaigns .city-surrey .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/surrey_mobile.jpg"); } }
    .page-campaigns .city-surrey .customcampaign_who .norma,
    .page-customcampaigns .city-surrey .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/surrey_norma.svg"); }
  .page-campaigns .city-surrey .customcampaign_where .norma,
  .page-customcampaigns .city-surrey .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/surrey.PNG"); }
  .page-campaigns .city-toronto .customcampaign_who,
  .page-customcampaigns .city-toronto .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/toronto_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-toronto .customcampaign_who,
      .page-customcampaigns .city-toronto .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/toronto_mobile.jpg"); } }
    .page-campaigns .city-toronto .customcampaign_who .norma,
    .page-customcampaigns .city-toronto .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/toronto_norma.svg"); }
  .page-campaigns .city-toronto .customcampaign_where .norma,
  .page-customcampaigns .city-toronto .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/toronto.PNG"); }
  .page-campaigns .city-vancouver .customcampaign_who,
  .page-customcampaigns .city-vancouver .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/vancouver_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-vancouver .customcampaign_who,
      .page-customcampaigns .city-vancouver .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/vancouver_mobile.jpg"); } }
    .page-campaigns .city-vancouver .customcampaign_who .norma,
    .page-customcampaigns .city-vancouver .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/vancouver_norma.svg"); }
  .page-campaigns .city-vancouver .customcampaign_where .norma,
  .page-customcampaigns .city-vancouver .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/vancouver.PNG"); }
  .page-campaigns .city-vernon .customcampaign_who,
  .page-customcampaigns .city-vernon .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/vernon_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-vernon .customcampaign_who,
      .page-customcampaigns .city-vernon .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/vernon_mobile.jpg"); } }
    .page-campaigns .city-vernon .customcampaign_who .norma,
    .page-customcampaigns .city-vernon .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/vernon_norma.svg"); }
  .page-campaigns .city-vernon .customcampaign_where .norma,
  .page-customcampaigns .city-vernon .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/vernon.PNG"); }
  .page-campaigns .city-victoria .customcampaign_who,
  .page-customcampaigns .city-victoria .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/victoria_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-victoria .customcampaign_who,
      .page-customcampaigns .city-victoria .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/victoria_mobile.jpg"); } }
    .page-campaigns .city-victoria .customcampaign_who .norma,
    .page-customcampaigns .city-victoria .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/victoria_norma.svg"); }
  .page-campaigns .city-victoria .customcampaign_where .norma,
  .page-customcampaigns .city-victoria .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/victoria.PNG"); }
  .page-campaigns .city-windsor .customcampaign_who,
  .page-customcampaigns .city-windsor .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/windsor_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-windsor .customcampaign_who,
      .page-customcampaigns .city-windsor .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/windsor_mobile.jpg"); } }
    .page-campaigns .city-windsor .customcampaign_who .norma,
    .page-customcampaigns .city-windsor .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/windsor_norma.svg"); }
  .page-campaigns .city-windsor .customcampaign_where .norma,
  .page-customcampaigns .city-windsor .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/windsor.PNG"); }
  .page-campaigns .city-winnipeg .customcampaign_who,
  .page-customcampaigns .city-winnipeg .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/winnipeg_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-winnipeg .customcampaign_who,
      .page-customcampaigns .city-winnipeg .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/winnipeg_mobile.jpg"); } }
    .page-campaigns .city-winnipeg .customcampaign_who .norma,
    .page-customcampaigns .city-winnipeg .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/winnipeg_norma.svg"); }
  .page-campaigns .city-winnipeg .customcampaign_where .norma,
  .page-customcampaigns .city-winnipeg .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/winnipeg.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }
  .page-campaigns .city-copyreplace .customcampaign_who,
  .page-customcampaigns .city-copyreplace .customcampaign_who {
    background-image: url("/images/customcampaign/hero/Desktop/copyreplace_desktop.jpg"); }
    @media screen and (max-width: 980px) {
      .page-campaigns .city-copyreplace .customcampaign_who,
      .page-customcampaigns .city-copyreplace .customcampaign_who {
        background-image: url("/images/customcampaign/hero/Mobile/copyreplace_mobile.jpg"); } }
    .page-campaigns .city-copyreplace .customcampaign_who .norma,
    .page-customcampaigns .city-copyreplace .customcampaign_who .norma {
      background-image: url("/images/customcampaign/norma_woman/copyreplace_norma.svg"); }
  .page-campaigns .city-copyreplace .customcampaign_where .norma,
  .page-customcampaigns .city-copyreplace .customcampaign_where .norma {
    background-image: url("/images/customcampaign/maps/copyreplace.PNG"); }

.page-customcampaigns .city-abbotsford .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/abbotsford_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-abbotsford .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/abbotsford_mobile.jpg"); } }
  .page-customcampaigns .city-abbotsford .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/abbotsford_woman.svg"); }
.page-customcampaigns .city-abbotsford .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/abbotsford.PNG"); }
.page-customcampaigns .city-brampton .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/brampton_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-brampton .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/brampton_mobile.jpg"); } }
  .page-customcampaigns .city-brampton .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/brampton_woman.svg"); }
.page-customcampaigns .city-brampton .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/brampton.PNG"); }
.page-customcampaigns .city-burlington .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/burlington_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-burlington .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/burlington_mobile.jpg"); } }
  .page-customcampaigns .city-burlington .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/burlington_woman.svg"); }
.page-customcampaigns .city-burlington .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/burlington.PNG"); }
.page-customcampaigns .city-burnaby .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/burnaby_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-burnaby .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/burnaby_mobile.jpg"); } }
  .page-customcampaigns .city-burnaby .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/burnaby_woman.svg"); }
.page-customcampaigns .city-burnaby .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/burnaby.PNG"); }
.page-customcampaigns .city-calgary .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/calgary_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-calgary .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/calgary_mobile.jpg"); } }
  .page-customcampaigns .city-calgary .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/calgary_woman.svg"); }
.page-customcampaigns .city-calgary .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/calgary.PNG"); }
.page-customcampaigns .city-campbell_river .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/campbell_river_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-campbell_river .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/campbell_river_mobile.jpg"); } }
  .page-customcampaigns .city-campbell_river .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/campbell_river_woman.svg"); }
.page-customcampaigns .city-campbell_river .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/campbell_river.PNG"); }
.page-customcampaigns .city-charlottetown .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/charlottetown_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-charlottetown .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/charlottetown_mobile.jpg"); } }
  .page-customcampaigns .city-charlottetown .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/charlottetown_woman.svg"); }
.page-customcampaigns .city-charlottetown .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/charlottetown.PNG"); }
.page-customcampaigns .city-comox .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/comox_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-comox .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/comox_mobile.jpg"); } }
  .page-customcampaigns .city-comox .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/comox_woman.svg"); }
.page-customcampaigns .city-comox .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/comox.PNG"); }
.page-customcampaigns .city-courtenay .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/courtenay_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-courtenay .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/courtenay_mobile.jpg"); } }
  .page-customcampaigns .city-courtenay .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/courtenay_woman.svg"); }
.page-customcampaigns .city-courtenay .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/courtenay.PNG"); }
.page-customcampaigns .city-cowichan .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/cowichan_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-cowichan .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/cowichan_mobile.jpg"); } }
  .page-customcampaigns .city-cowichan .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/cowichan_woman.svg"); }
.page-customcampaigns .city-cowichan .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/cowichan.PNG"); }
.page-customcampaigns .city-dartmouth .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/dartmouth_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-dartmouth .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/dartmouth_mobile.jpg"); } }
  .page-customcampaigns .city-dartmouth .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/dartmouth_woman.svg"); }
.page-customcampaigns .city-dartmouth .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/dartmouth.PNG"); }
.page-customcampaigns .city-delta .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/delta_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-delta .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/delta_mobile.jpg"); } }
  .page-customcampaigns .city-delta .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/delta_woman.svg"); }
.page-customcampaigns .city-delta .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/delta.PNG"); }
.page-customcampaigns .city-duncan .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/duncan_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-duncan .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/duncan_mobile.jpg"); } }
  .page-customcampaigns .city-duncan .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/duncan_woman.svg"); }
.page-customcampaigns .city-duncan .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/duncan.PNG"); }
.page-customcampaigns .city-edmonton .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/edmonton_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-edmonton .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/edmonton_mobile.jpg"); } }
  .page-customcampaigns .city-edmonton .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/edmonton_woman.svg"); }
.page-customcampaigns .city-edmonton .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/edmonton.PNG"); }
.page-customcampaigns .city-fredericton .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/fredericton_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-fredericton .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/fredericton_mobile.jpg"); } }
  .page-customcampaigns .city-fredericton .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/fredericton_woman.svg"); }
.page-customcampaigns .city-fredericton .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/fredericton.PNG"); }
.page-customcampaigns .city-halifax .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/halifax_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-halifax .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/halifax_mobile.jpg"); } }
  .page-customcampaigns .city-halifax .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/halifax_woman.svg"); }
.page-customcampaigns .city-halifax .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/halifax.PNG"); }
.page-customcampaigns .city-hamilton .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/hamilton_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-hamilton .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/hamilton_mobile.jpg"); } }
  .page-customcampaigns .city-hamilton .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/hamilton_woman.svg"); }
.page-customcampaigns .city-hamilton .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/hamilton.PNG"); }
.page-customcampaigns .city-kamloops .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/kamloops_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-kamloops .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/kamloops_mobile.jpg"); } }
  .page-customcampaigns .city-kamloops .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/kamloops_woman.svg"); }
.page-customcampaigns .city-kamloops .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/kamloops.PNG"); }
.page-customcampaigns .city-kelowna .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/kelowna_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-kelowna .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/kelowna_mobile.jpg"); } }
  .page-customcampaigns .city-kelowna .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/kelowna_woman.svg"); }
.page-customcampaigns .city-kelowna .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/kelowna.PNG"); }
.page-customcampaigns .city-kitchener .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/kitchener_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-kitchener .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/kitchener_mobile.jpg"); } }
  .page-customcampaigns .city-kitchener .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/kitchener_woman.svg"); }
.page-customcampaigns .city-kitchener .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/kitchener.PNG"); }
.page-customcampaigns .city-langley .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/langley_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-langley .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/langley_mobile.jpg"); } }
  .page-customcampaigns .city-langley .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/langley_woman.svg"); }
.page-customcampaigns .city-langley .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/langley.PNG"); }
.page-customcampaigns .city-london .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/london_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-london .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/london_mobile.jpg"); } }
  .page-customcampaigns .city-london .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/london_woman.svg"); }
.page-customcampaigns .city-london .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/london.PNG"); }
.page-customcampaigns .city-mission .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/mission_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-mission .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/mission_mobile.jpg"); } }
  .page-customcampaigns .city-mission .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/mission_woman.svg"); }
.page-customcampaigns .city-mission .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/mission.PNG"); }
.page-customcampaigns .city-moncton .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/moncton_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-moncton .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/moncton_mobile.jpg"); } }
  .page-customcampaigns .city-moncton .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/moncton_woman.svg"); }
.page-customcampaigns .city-moncton .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/moncton.PNG"); }
.page-customcampaigns .city-montreal .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/montreal_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-montreal .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/montreal_mobile.jpg"); } }
  .page-customcampaigns .city-montreal .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/montreal_woman.svg"); }
.page-customcampaigns .city-montreal .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/montreal.PNG"); }
.page-customcampaigns .city-nanaimo .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/nanaimo_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-nanaimo .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/nanaimo_mobile.jpg"); } }
  .page-customcampaigns .city-nanaimo .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/nanaimo_woman.svg"); }
.page-customcampaigns .city-nanaimo .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/nanaimo.PNG"); }
.page-customcampaigns .city-new_westminster .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/new_westminster_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-new_westminster .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/new_westminster_mobile.jpg"); } }
  .page-customcampaigns .city-new_westminster .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/new_westminster_woman.svg"); }
.page-customcampaigns .city-new_westminster .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/new_westminster.PNG"); }
.page-customcampaigns .city-north_vancouver .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/north_vancouver_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-north_vancouver .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/north_vancouver_mobile.jpg"); } }
  .page-customcampaigns .city-north_vancouver .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/north_vancouver_woman.svg"); }
.page-customcampaigns .city-north_vancouver .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/north_vancouver.PNG"); }
.page-customcampaigns .city-ottawa .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/ottawa_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-ottawa .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/ottawa_mobile.jpg"); } }
  .page-customcampaigns .city-ottawa .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/ottawa_woman.svg"); }
.page-customcampaigns .city-ottawa .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/ottawa.PNG"); }
.page-customcampaigns .city-parksville .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/parksville_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-parksville .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/parksville_mobile.jpg"); } }
  .page-customcampaigns .city-parksville .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/parksville_woman.svg"); }
.page-customcampaigns .city-parksville .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/parksville.PNG"); }
.page-customcampaigns .city-port_alberni .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/port_alberni_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-port_alberni .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/port_alberni_mobile.jpg"); } }
  .page-customcampaigns .city-port_alberni .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/port_alberni_woman.svg"); }
.page-customcampaigns .city-port_alberni .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/port_alberni.PNG"); }
.page-customcampaigns .city-port_coquitlam .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/port_coquitlam_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-port_coquitlam .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/port_coquitlam_mobile.jpg"); } }
  .page-customcampaigns .city-port_coquitlam .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/port_coquitlam_woman.svg"); }
.page-customcampaigns .city-port_coquitlam .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/port_coquitlam.PNG"); }
.page-customcampaigns .city-prince_albert .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/prince_albert_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-prince_albert .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/prince_albert_mobile.jpg"); } }
  .page-customcampaigns .city-prince_albert .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/prince_albert_woman.svg"); }
.page-customcampaigns .city-prince_albert .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/prince_albert.PNG"); }
.page-customcampaigns .city-prince_george .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/prince_george_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-prince_george .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/prince_george_mobile.jpg"); } }
  .page-customcampaigns .city-prince_george .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/prince_george_woman.svg"); }
.page-customcampaigns .city-prince_george .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/prince_george.PNG"); }
.page-customcampaigns .city-quebec .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/quebec_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-quebec .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/quebec_mobile.jpg"); } }
  .page-customcampaigns .city-quebec .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/quebec_woman.svg"); }
.page-customcampaigns .city-quebec .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/quebec.PNG"); }
.page-customcampaigns .city-red_deer .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/red_deer_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-red_deer .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/red_deer_mobile.jpg"); } }
  .page-customcampaigns .city-red_deer .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/red_deer_woman.svg"); }
.page-customcampaigns .city-red_deer .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/red_deer.PNG"); }
.page-customcampaigns .city-regina .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/regina_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-regina .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/regina_mobile.jpg"); } }
  .page-customcampaigns .city-regina .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/regina_woman.svg"); }
.page-customcampaigns .city-regina .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/regina.PNG"); }
.page-customcampaigns .city-saint_johns .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/saint_johns_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-saint_johns .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/saint_johns_mobile.jpg"); } }
  .page-customcampaigns .city-saint_johns .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/saint_johns_woman.svg"); }
.page-customcampaigns .city-saint_johns .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/saint_johns.PNG"); }
.page-customcampaigns .city-salmon_arm .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/salmon_arm_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-salmon_arm .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/salmon_arm_mobile.jpg"); } }
  .page-customcampaigns .city-salmon_arm .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/salmon_arm_woman.svg"); }
.page-customcampaigns .city-salmon_arm .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/salmon_arm.PNG"); }
.page-customcampaigns .city-saskatoon .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/saskatoon_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-saskatoon .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/saskatoon_mobile.jpg"); } }
  .page-customcampaigns .city-saskatoon .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/saskatoon_woman.svg"); }
.page-customcampaigns .city-saskatoon .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/saskatoon.PNG"); }
.page-customcampaigns .city-sidney .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/sidney_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-sidney .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/sidney_mobile.jpg"); } }
  .page-customcampaigns .city-sidney .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/sidney_woman.svg"); }
.page-customcampaigns .city-sidney .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/sidney.PNG"); }
.page-customcampaigns .city-sudbury .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/sudbury_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-sudbury .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/sudbury_mobile.jpg"); } }
  .page-customcampaigns .city-sudbury .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/sudbury_woman.svg"); }
.page-customcampaigns .city-sudbury .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/sudbury.PNG"); }
.page-customcampaigns .city-surrey .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/surrey_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-surrey .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/surrey_mobile.jpg"); } }
  .page-customcampaigns .city-surrey .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/surrey_woman.svg"); }
.page-customcampaigns .city-surrey .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/surrey.PNG"); }
.page-customcampaigns .city-toronto .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/toronto_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-toronto .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/toronto_mobile.jpg"); } }
  .page-customcampaigns .city-toronto .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/toronto_woman.svg"); }
.page-customcampaigns .city-toronto .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/toronto.PNG"); }
.page-customcampaigns .city-vancouver .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/vancouver_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-vancouver .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/vancouver_mobile.jpg"); } }
  .page-customcampaigns .city-vancouver .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/vancouver_woman.svg"); }
.page-customcampaigns .city-vancouver .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/vancouver.PNG"); }
.page-customcampaigns .city-vernon .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/vernon_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-vernon .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/vernon_mobile.jpg"); } }
  .page-customcampaigns .city-vernon .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/vernon_woman.svg"); }
.page-customcampaigns .city-vernon .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/vernon.PNG"); }
.page-customcampaigns .city-victoria .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/victoria_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-victoria .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/victoria_mobile.jpg"); } }
  .page-customcampaigns .city-victoria .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/victoria_woman.svg"); }
.page-customcampaigns .city-victoria .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/victoria.PNG"); }
.page-customcampaigns .city-windsor .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/windsor_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-windsor .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/windsor_mobile.jpg"); } }
  .page-customcampaigns .city-windsor .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/windsor_woman.svg"); }
.page-customcampaigns .city-windsor .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/windsor.PNG"); }
.page-customcampaigns .city-winnipeg .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/winnipeg_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-winnipeg .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/winnipeg_mobile.jpg"); } }
  .page-customcampaigns .city-winnipeg .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/winnipeg_woman.svg"); }
.page-customcampaigns .city-winnipeg .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/winnipeg.PNG"); }
.page-customcampaigns .city-atlanta .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/atlanta_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-atlanta .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/atlanta_mobile.jpg"); } }
  .page-customcampaigns .city-atlanta .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/atlanta_woman.svg"); }
.page-customcampaigns .city-atlanta .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/atlanta.PNG"); }
.page-customcampaigns .city-austin .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/austin_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-austin .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/austin_mobile.jpg"); } }
  .page-customcampaigns .city-austin .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/austin_woman.svg"); }
.page-customcampaigns .city-austin .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/austin.PNG"); }
.page-customcampaigns .city-dallas .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/dallas_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-dallas .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/dallas_mobile.jpg"); } }
  .page-customcampaigns .city-dallas .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/dallas_woman.svg"); }
.page-customcampaigns .city-dallas .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/dallas.PNG"); }
.page-customcampaigns .city-el_paso .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/el_paso_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-el_paso .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/el_paso_mobile.jpg"); } }
  .page-customcampaigns .city-el_paso .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/el_paso_woman.svg"); }
.page-customcampaigns .city-el_paso .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/el_paso.PNG"); }
.page-customcampaigns .city-fort_worth .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/fort_worth_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-fort_worth .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/fort_worth_mobile.jpg"); } }
  .page-customcampaigns .city-fort_worth .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/fort_worth_woman.svg"); }
.page-customcampaigns .city-fort_worth .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/fort_worth.PNG"); }
.page-customcampaigns .city-houston .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/houston_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-houston .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/houston_mobile.jpg"); } }
  .page-customcampaigns .city-houston .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/houston_woman.svg"); }
.page-customcampaigns .city-houston .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/houston.PNG"); }
.page-customcampaigns .city-huntsville .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/huntsville_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-huntsville .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/huntsville_mobile.jpg"); } }
  .page-customcampaigns .city-huntsville .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/huntsville_woman.svg"); }
.page-customcampaigns .city-huntsville .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/huntsville.PNG"); }
.page-customcampaigns .city-kendall .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/kendall_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-kendall .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/kendall_mobile.jpg"); } }
  .page-customcampaigns .city-kendall .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/kendall_woman.svg"); }
.page-customcampaigns .city-kendall .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/kendall.PNG"); }
.page-customcampaigns .city-knoxville .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/knoxville_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-knoxville .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/knoxville_mobile.jpg"); } }
  .page-customcampaigns .city-knoxville .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/knoxville_woman.svg"); }
.page-customcampaigns .city-knoxville .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/knoxville.PNG"); }
.page-customcampaigns .city-lafayette .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/lafayette_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-lafayette .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/lafayette_mobile.jpg"); } }
  .page-customcampaigns .city-lafayette .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/lafayette_woman.svg"); }
.page-customcampaigns .city-lafayette .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/lafayette.PNG"); }
.page-customcampaigns .city-little_rock .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/little_rock_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-little_rock .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/little_rock_mobile.jpg"); } }
  .page-customcampaigns .city-little_rock .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/little_rock_woman.svg"); }
.page-customcampaigns .city-little_rock .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/little_rock.PNG"); }
.page-customcampaigns .city-los_angeles .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/los_angeles_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-los_angeles .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/los_angeles_mobile.jpg"); } }
  .page-customcampaigns .city-los_angeles .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/los_angeles_woman.svg"); }
.page-customcampaigns .city-los_angeles .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/los_angeles.PNG"); }
.page-customcampaigns .city-memphis .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/memphis_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-memphis .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/memphis_mobile.jpg"); } }
  .page-customcampaigns .city-memphis .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/memphis_woman.svg"); }
.page-customcampaigns .city-memphis .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/memphis.PNG"); }
.page-customcampaigns .city-mesa .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/mesa_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-mesa .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/mesa_mobile.jpg"); } }
  .page-customcampaigns .city-mesa .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/mesa_woman.svg"); }
.page-customcampaigns .city-mesa .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/mesa.PNG"); }
.page-customcampaigns .city-new_orleans .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/new_orleans_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-new_orleans .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/new_orleans_mobile.jpg"); } }
  .page-customcampaigns .city-new_orleans .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/new_orleans_woman.svg"); }
.page-customcampaigns .city-new_orleans .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/new_orleans.PNG"); }
.page-customcampaigns .city-poinciana .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/poinciana_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-poinciana .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/poinciana_mobile.jpg"); } }
  .page-customcampaigns .city-poinciana .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/poinciana_woman.svg"); }
.page-customcampaigns .city-poinciana .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/poinciana.PNG"); }
.page-customcampaigns .city-san_antonio .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/san_antonio_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-san_antonio .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/san_antonio_mobile.jpg"); } }
  .page-customcampaigns .city-san_antonio .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/san_antonio_woman.svg"); }
.page-customcampaigns .city-san_antonio .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/san_antonio.PNG"); }
.page-customcampaigns .city-san_diego .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/san_diego_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-san_diego .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/san_diego_mobile.jpg"); } }
  .page-customcampaigns .city-san_diego .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/san_diego_woman.svg"); }
.page-customcampaigns .city-san_diego .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/san_diego.PNG"); }
.page-customcampaigns .city-san_francisco .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/san_fransisco_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-san_francisco .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/san_fransisco_mobile.jpg"); } }
  .page-customcampaigns .city-san_francisco .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/san_fransisco_woman.svg"); }
.page-customcampaigns .city-san_francisco .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/san_francisco.PNG"); }
.page-customcampaigns .city-san_jose .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/san_jose_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-san_jose .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/san_jose_mobile.jpg"); } }
  .page-customcampaigns .city-san_jose .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/san_jose_woman.svg"); }
.page-customcampaigns .city-san_jose .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/san_jose.PNG"); }
.page-customcampaigns .city-scottsdale .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/scottsdale_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-scottsdale .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/scottsdale_mobile.jpg"); } }
  .page-customcampaigns .city-scottsdale .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/scottsdale_woman.svg"); }
.page-customcampaigns .city-scottsdale .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/scottsdale.PNG"); }
.page-customcampaigns .city-st_augustine .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/st_augustine_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .city-st_augustine .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/st_augustine_mobile.jpg"); } }
  .page-customcampaigns .city-st_augustine .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/st_augustine_woman.svg"); }
.page-customcampaigns .city-st_augustine .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/st_augustine.PNG"); }
.page-customcampaigns .customcampaign_who {
  background-image: url("/images/customcampaign/hero/Desktop/saskatoon_desktop.jpg"); }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .customcampaign_who {
      background-image: url("/images/customcampaign/hero/Mobile/saskatoon_mobile.jpg"); } }
  .page-customcampaigns .customcampaign_who .norma {
    background-image: url("/images/customcampaign/norma_woman/saskatoon_woman.svg"); }
.page-customcampaigns .customcampaign_where .norma {
  background-image: url("/images/customcampaign/maps/saskatoon.PNG"); }
.page-customcampaigns .customcampaign_what.page_card .norma {
  background-image: url("/images/customcampaign/group_with_devices.svg");
  bottom: -7vw; }
  @media screen and (max-width: 980px) {
    .page-customcampaigns .customcampaign_what.page_card .norma {
      bottom: -12vw;
      background-size: 90vw;
      background-position: center bottom; } }

.page-superfans {
  background: #898888;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden;
  padding-top: 0 !important; }
  .page-superfans .site_header {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    z-index: 2; }
    .page-superfans .site_header nav {
      display: none; }
    .page-superfans .site_header .open_mobile_nav {
      display: none !important; }
    .page-superfans .site_header .mobile_nav_container {
      display: none; }
  .page-superfans .filter_nav {
    display: none; }
  .page-superfans .page_card {
    background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 1vh/105vw;
    display: flex;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-superfans .page_card {
        min-height: 165vw;
        background: #4f4c4c url("/images/getmore/rock-hands-reversed-mobile.svg") no-repeat center -35vw/105vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .page_card {
        min-height: calc(100vh - 5vw); } }
    @media screen and (min-width: 1501px) {
      .page-superfans .page_card {
        min-height: calc(100vh - 65px); } }
  .page-superfans .hilight_page_card {
    background: #4f4c4c no-repeat center top/105vw;
    display: flex;
    align-items: center;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-superfans .hilight_page_card {
        padding-top: 20vw;
        height: 195vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .hilight_page_card {
        padding-top: 20vw;
        min-height: 100vh; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .hilight_page_card {
        padding-top: 400px;
        min-height: 100vh; } }
    .page-superfans .hilight_page_card.superfans_labels {
      background-image: url("/images/superfans/rock-hands-green.svg"); }
      .page-superfans .hilight_page_card.superfans_labels .testimonials {
        border-color: #71bf43; }
    .page-superfans .hilight_page_card.superfans_artists {
      background-image: url("/images/superfans/rock-hands-blue.svg"); }
      .page-superfans .hilight_page_card.superfans_artists .testimonials {
        border-color: #0094c8; }
    .page-superfans .hilight_page_card.superfans_form {
      background-image: url("/images/superfans/rock-hands-pink.svg"); }
      @media screen and (max-width: 980px) {
        .page-superfans .hilight_page_card.superfans_form {
          height: 275vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-superfans .hilight_page_card.superfans_form {
          min-height: 70vw; } }
      @media screen and (min-width: 1501px) {
        .page-superfans .hilight_page_card.superfans_form {
          min-height: 1000px; } }
      @media screen and (max-width: 980px) {
        .page-superfans .hilight_page_card.superfans_form.form_submitted_message {
          height: 150vw; } }
  @media screen and (max-width: 980px) {
    .page-superfans .page_card,
    .page-superfans .hilight_page_card {
      display: flex; } }
  @media screen and (max-width: 980px) {
    .page-superfans .page_card .inner,
    .page-superfans .hilight_page_card .inner {
      margin: 40vw auto 20vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans .page_card .inner,
    .page-superfans .hilight_page_card .inner {
      padding: 5vw 0; } }
  @media screen and (min-width: 1501px) {
    .page-superfans .page_card .inner,
    .page-superfans .hilight_page_card .inner {
      padding: 80px 0; } }
  @media screen and (max-width: 980px) {
    .page-superfans .page_card h1,
    .page-superfans .page_card p,
    .page-superfans .hilight_page_card h1,
    .page-superfans .hilight_page_card p {
      margin: 0 auto 3vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans .page_card h1,
    .page-superfans .page_card p,
    .page-superfans .hilight_page_card h1,
    .page-superfans .hilight_page_card p {
      margin: 0 auto 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-superfans .page_card h1,
    .page-superfans .page_card p,
    .page-superfans .hilight_page_card h1,
    .page-superfans .hilight_page_card p {
      margin: 0 auto 5px; } }
  @media screen and (max-width: 980px) {
    .page-superfans .page_card h1,
    .page-superfans .hilight_page_card h1 {
      font-size: 13vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans .page_card h1,
    .page-superfans .hilight_page_card h1 {
      font-size: 6.66vw;
      margin-bottom: 3vw; } }
  @media screen and (min-width: 1501px) {
    .page-superfans .page_card h1,
    .page-superfans .hilight_page_card h1 {
      font-size: 90px;
      margin-bottom: 35px; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans .page_card h2,
    .page-superfans .hilight_page_card h2 {
      margin: 3vw 0 1vw;
      font-size: 2.3vw; } }
  @media screen and (min-width: 1501px) {
    .page-superfans .page_card h2,
    .page-superfans .hilight_page_card h2 {
      margin: 25px 0 12px;
      font-size: 36px; } }
  @media screen and (max-width: 980px) {
    .page-superfans .page_card p,
    .page-superfans .hilight_page_card p {
      font-size: 6vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans .page_card p,
    .page-superfans .hilight_page_card p {
      font-size: 1.5vw; } }
  @media screen and (min-width: 1501px) {
    .page-superfans .page_card p,
    .page-superfans .hilight_page_card p {
      font-size: 24px; } }
  .page-superfans .video_container {
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-superfans .video_container {
        width: 94vw;
        height: 56vw;
        margin-bottom: 15vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .video_container {
        margin-top: 4vw;
        width: 70vw;
        height: 39vw;
        margin-bottom: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .video_container {
        margin-top: 60px;
        width: 1100px;
        height: 628px;
        margin-bottom: 60px; } }
    @media screen and (max-width: 980px) {
      .page-superfans .video_container iframe {
        width: 94vw;
        height: 56vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .video_container iframe {
        width: 70vw;
        height: 39vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .video_container iframe {
        width: 1100px;
        height: 628px; } }
    .page-superfans .video_container .play_pause {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 1;
      transition: .2s;
      cursor: pointer; }
      .page-superfans .video_container .play_pause .innerbutton {
        background: transparent no-repeat url("/images/superfans/pause-button.svg") center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
        @media screen and (max-width: 980px) {
          .page-superfans .video_container .play_pause .innerbutton {
            background-size: 20vw 20vw;
            width: 20vw;
            height: 20vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-superfans .video_container .play_pause .innerbutton {
            background-size: 10vw 10vw;
            width: 10vw;
            height: 10vw; } }
        @media screen and (min-width: 1501px) {
          .page-superfans .video_container .play_pause .innerbutton {
            background-size: 200px 200px;
            width: 200px;
            height: 200px; } }
      .page-superfans .video_container .play_pause.hidden {
        opacity: 0; }
      .page-superfans .video_container .play_pause.paused .innerbutton {
        background-image: url("/images/superfans/play-button.svg"); }
  .page-superfans .form_section_container {
    margin: 0 auto; }
    .page-superfans .form_section_container.off {
      opacity: 0;
      display: none; }
  .page-superfans .form_submitted {
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-superfans .form_submitted {
        top: 20vw; }
        .page-superfans .form_submitted .inner {
          margin-top: 10vw; }
          .page-superfans .form_submitted .inner p {
            font-size: 5vw;
            margin-left: 0; }
          .page-superfans .form_submitted .inner h1 {
            margin-left: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .form_submitted {
        top: 20vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .form_submitted {
        top: 400px; } }
    .page-superfans .form_submitted .norma {
      transition: .2s;
      transform: translateY(100%);
      background: transparent url("/images/superfans/norma-horn-arm.svg") no-repeat right top;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      top: 0; }
      @media screen and (max-width: 980px) {
        .page-superfans .form_submitted .norma {
          background-size: 100vw;
          background-position: center 35vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-superfans .form_submitted .norma {
          background-size: 60vw;
          top: -11vw;
          right: -6vw; } }
      @media screen and (min-width: 1501px) {
        .page-superfans .form_submitted .norma {
          background-size: 800px;
          top: -220px; } }
    .page-superfans .form_submitted h1, .page-superfans .form_submitted p {
      opacity: 0;
      transition: .2s .4s; }
    .page-superfans .form_submitted.rock_on {
      opacity: 1; }
      .page-superfans .form_submitted.rock_on .norma {
        transform: translateY(0); }
      .page-superfans .form_submitted.rock_on h1, .page-superfans .form_submitted.rock_on p {
        opacity: 1; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans p.maxwidth {
      margin-left: 0;
      max-width: 45vw; } }
  @media screen and (min-width: 1501px) {
    .page-superfans p.maxwidth {
      margin-left: 0;
      max-width: 600px; } }
  .page-superfans h2.underwood {
    margin: 0; }
  @media screen and (max-width: 980px) {
    .page-superfans .superfans_experience .inner {
      margin-bottom: 0; } }
  .page-superfans .experience_list > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 2px solid #898888; }
    @media screen and (max-width: 980px) {
      .page-superfans .experience_list > div {
        display: block;
        padding: 5vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .experience_list > div {
        padding: 1vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .experience_list > div {
        padding: 15px 0; } }
  .page-superfans .experience_list .icon {
    align-self: flex-start;
    background: no-repeat top; }
    @media screen and (max-width: 980px) {
      .page-superfans .experience_list .icon {
        width: 100%;
        height: 40vw;
        background-size: 30vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .experience_list .icon {
        margin: 2vw 0;
        width: 5vw;
        height: 10vw;
        background-size: 5vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .experience_list .icon {
        margin: 100px 0;
        width: 100px;
        height: 150px;
        background-size: 100px; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans .experience_list .text {
      padding: 2vw 0;
      width: 45vw; } }
  @media screen and (min-width: 1501px) {
    .page-superfans .experience_list .text {
      padding: 100px 0;
      width: 600px; } }
  .page-superfans .experience_list .text .button {
    margin-left: 0; }
    @media screen and (max-width: 980px) {
      .page-superfans .experience_list .text .button {
        position: absolute;
        bottom: 20vw;
        width: 100%; } }
  .page-superfans .experience_list .image {
    background: no-repeat center / contain; }
    @media screen and (max-width: 980px) {
      .page-superfans .experience_list .image {
        width: 100%;
        height: 80vw;
        margin-bottom: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .experience_list .image {
        width: 22vw;
        height: 18vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .experience_list .image {
        width: 450px;
        height: 450px; } }
  .page-superfans .experience_list .experience_challenge .icon {
    background-image: url("/images/superfans/pick.svg"); }
  .page-superfans .experience_list .experience_challenge .image {
    background-image: url("/images/superfans/challenge-graphic.png"); }
  .page-superfans .experience_list .experience_reward .icon {
    background-image: url("/images/superfans/rock-hand.svg"); }
  .page-superfans .experience_list .experience_reward .image {
    background-image: url("/images/superfans/reward-graphic.png"); }
  .page-superfans .experience_list .experience_analyze {
    border: 0; }
    .page-superfans .experience_list .experience_analyze .icon {
      background-image: url("/images/superfans/globe.svg"); }
    .page-superfans .experience_list .experience_analyze .image {
      background-image: url("/images/superfans/analize-graphic.png"); }
      @media screen and (max-width: 980px) {
        .page-superfans .experience_list .experience_analyze .image {
          margin-bottom: 40vw; } }
  .page-superfans .testimonials {
    border-left: 4px solid #ebebeb;
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-superfans .testimonials {
        height: 105vw;
        margin-top: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .testimonials {
        height: 18vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .testimonials {
        height: 280px; } }
  .page-superfans .testimonial {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: .4s ease-out; }
    @media screen and (max-width: 980px) {
      .page-superfans .testimonial {
        padding: 5vw;
        width: 100%;
        text-align: left;
        margin-bottom: 8vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .testimonial {
        padding: 1vw;
        width: 60vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .testimonial {
        padding: 15px;
        width: 700px; } }
    .page-superfans .testimonial.active {
      opacity: 1; }
      .page-superfans .testimonial.active p {
        opacity: 1;
        transform: translateX(0); }
      .page-superfans .testimonial.active .logo {
        opacity: 1; }
    .page-superfans .testimonial p {
      opacity: 0;
      transform: translateX(-6px);
      transition: .4s ease-out;
      margin: 0;
      color: #ebebeb; }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-superfans .testimonial p {
          font-size: 1.35vw; } }
      @media screen and (min-width: 1501px) {
        .page-superfans .testimonial p {
          font-size: 20px; } }
    .page-superfans .testimonial .logo {
      display: block;
      background: transparent no-repeat left / contain;
      width: 100%;
      opacity: 0;
      transition: .2s .2s; }
      @media screen and (max-width: 980px) {
        .page-superfans .testimonial .logo {
          height: 20vw;
          margin-top: 8vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-superfans .testimonial .logo {
          height: 7vw;
          margin-top: 2vw; } }
      @media screen and (min-width: 1501px) {
        .page-superfans .testimonial .logo {
          height: 100px;
          margin-top: 30px; } }
    .page-superfans .testimonial.subpop .logo {
      background-image: url("/images/superfans/sub-pop-logo.png"); }
    .page-superfans .testimonial.wreckords .logo {
      background-image: url("/images/superfans/333-wreckords-logo.png"); }
    .page-superfans .testimonial.betternoise .logo {
      background-image: url("/images/superfans/8020_logo_white.png"); }
      @media screen and (max-width: 980px) {
        .page-superfans .testimonial.betternoise .logo {
          height: 30vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-superfans .testimonial.betternoise .logo {
          height: 13vw; } }
      @media screen and (min-width: 1501px) {
        .page-superfans .testimonial.betternoise .logo {
          height: 175px; } }
    .page-superfans .testimonial.bigflakes .logo {
      background-image: url("/images/superfans/big-flakes-logo.png"); }
    .page-superfans .testimonial.livingmachines .logo {
      background-image: url("/images/superfans/living-machines-logo.png"); }
    .page-superfans .testimonial.hayley .logo {
      background-image: url("/images/superfans/haley-and-the-crushers-logo.png"); }
      @media screen and (max-width: 980px) {
        .page-superfans .testimonial.hayley .logo {
          height: 30vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-superfans .testimonial.hayley .logo {
          height: 13vw; } }
      @media screen and (min-width: 1501px) {
        .page-superfans .testimonial.hayley .logo {
          height: 175px; } }
  @media screen and (max-width: 980px) {
    .page-superfans .superfans_showme h2 {
      margin-bottom: 5vw; } }
  .page-superfans .superfans_showme .button {
    margin-left: 0; }
    @media screen and (max-width: 980px) {
      .page-superfans .superfans_showme .button {
        width: 100%;
        margin-left: auto; } }
  .page-superfans .primary_column {
    position: relative;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    align-content: center; }
  .page-superfans .watch_demo {
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer; }
    .page-superfans .watch_demo .play_icon {
      display: inline-block;
      background: transparent url("/images/dashboard/play-blue.svg") no-repeat center/contain; }
      @media screen and (max-width: 980px) {
        .page-superfans .watch_demo .play_icon {
          width: 4.5vw;
          height: 4.5vw;
          margin-top: 3vw;
          margin-right: 1vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-superfans .watch_demo .play_icon {
          width: 1.2vw;
          height: 1.2vw;
          margin-top: 1vw;
          margin-right: .5vw; } }
      @media screen and (min-width: 1501px) {
        .page-superfans .watch_demo .play_icon {
          width: 20px;
          height: 20px;
          margin-top: 20px;
          margin-right: 5px; } }
  @media screen and (max-width: 980px) {
    .page-superfans .superfans_desire {
      background-position: center -43vw; }
      .page-superfans .superfans_desire .inner {
        margin-top: 20vw;
        margin-bottom: 90vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans .superfans_desire {
      min-height: calc(100vh - 5vw); } }
  @media screen and (min-width: 1501px) {
    .page-superfans .superfans_desire {
      min-height: calc(100vh - 65px); } }
  .page-superfans .superfans_desire .norma {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: transparent no-repeat url("/images/superfans/norma-headphones-phone-desktop.svg") right bottom; }
    @media screen and (max-width: 980px) {
      .page-superfans .superfans_desire .norma {
        background-size: 100vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .superfans_desire .norma {
        background-size: 45vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .superfans_desire .norma {
        background-size: 800px; } }
  @media screen and (max-width: 980px) {
    .page-superfans .superfans_revenue .inner {
      margin-bottom: 62vw; } }
  .page-superfans .superfans_revenue .stacks {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    background: transparent no-repeat url("/images/superfans/motherload-isolated-desktop.svg") right bottom; }
    @media screen and (max-width: 980px) {
      .page-superfans .superfans_revenue .stacks {
        background-image: url("/images/superfans/motherload-isolated.svg");
        background-size: 90vw;
        background-position: center bottom;
        bottom: 7vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-superfans .superfans_revenue .stacks {
        bottom: 5vw;
        background-size: 45vw; } }
    @media screen and (min-width: 1501px) {
      .page-superfans .superfans_revenue .stacks {
        background-size: 700px;
        bottom: 100px; } }
  @media screen and (max-width: 980px) {
    .page-superfans textarea {
      height: 40vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-superfans textarea {
      height: 10vw; } }
  @media screen and (min-width: 1501px) {
    .page-superfans textarea {
      height: 200px; } }
  .page-superfans .submit_button {
    margin: 0; }
    @media screen and (max-width: 980px) {
      .page-superfans .submit_button {
        width: 100%; } }
    .page-superfans .submit_button.button_formsubmitting {
      background: #740042;
      pointer-events: none; }
  .page-superfans .store_buttons {
    width: 45%; }
  .page-superfans site_footer {
    z-index: 5; }

.page-wtfaq {
  background: #626060;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  .page-wtfaq .site_header {
    background: #3b3838; }
  .page-wtfaq .first_section {
    position: relative; }
    .page-wtfaq .first_section .inner {
      margin-bottom: 0; }
      @media screen and (max-width: 980px) {
        .page-wtfaq .first_section .inner {
          padding-top: 10vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-wtfaq .first_section .inner {
          padding-bottom: 20vw; } }
      @media screen and (min-width: 1501px) {
        .page-wtfaq .first_section .inner {
          padding-bottom: 100px; } }
  .page-wtfaq .form_submit_button {
    cursor: default;
    pointer-events: none;
    background: #898888;
    transition: background .2s ease-out; }
    @media screen and (max-width: 980px) {
      .page-wtfaq .form_submit_button {
        width: 100%;
        margin-top: 10vw; } }
    .page-wtfaq .form_submit_button.ready {
      cursor: pointer;
      pointer-events: auto;
      background: #df0885; }
  @media screen and (max-width: 980px) {
    .page-wtfaq .form_row.row_smallmargin {
      margin-bottom: 2vw; } }
  .page-wtfaq .wtfhappened {
    position: absolute;
    right: 0;
    background: transparent url("/images/wtfaq/players-wtfaq-mobile.svg") no-repeat bottom/contain;
    z-index: -1; }
    @media screen and (max-width: 980px) {
      .page-wtfaq .wtfhappened {
        width: 100vw;
        height: 130vw;
        position: relative;
        background-size: 175vw;
        background-position: top right; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-wtfaq .wtfhappened {
        width: 50vw;
        height: 40vw;
        bottom: 0; } }
    @media screen and (min-width: 1501px) {
      .page-wtfaq .wtfhappened {
        width: 1265px;
        height: 1250px;
        bottom: 0; } }

.page-getmore {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 10vh/105vw;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  @media screen and (max-width: 980px) {
    .page-getmore {
      background: #4f4c4c url("/images/getmore/rock-hands-reversed-mobile.svg") no-repeat center -20vw/105vw; } }
  .page-getmore .site_header {
    background: #3b3838; }
  @media screen and (max-width: 980px) {
    .page-getmore .getmore_main .inner {
      padding-top: 10vw; } }
  .page-getmore .getmore_main .primary_column {
    width: 82%; }
    @media screen and (max-width: 980px) {
      .page-getmore .getmore_main .primary_column {
        width: 100%; } }
    .page-getmore .getmore_main .primary_column a {
      text-decoration: underline; }
  @media screen and (max-width: 980px) {
    .page-getmore .getmore_main br {
      display: none; } }
  @media screen and (max-width: 980px) {
    .page-getmore .getmore_main .top_space {
      margin-top: 200vw; } }
  @media screen and (min-width: 1501px) {
    .page-getmore .getmore_main .top_space {
      font-size: 52px;
      margin-right: 156px; } }
  @media screen and (max-width: 980px) {
    .page-getmore .signup_button {
      width: 100%; } }
  @media screen and (max-width: 980px) {
    .page-getmore .likethis {
      margin-bottom: 5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-getmore .likethis {
      margin-bottom: 8vw; } }
  @media screen and (min-width: 1501px) {
    .page-getmore .likethis {
      margin-bottom: 100px; } }
  .page-getmore .likethis dt {
    margin-bottom: 0;
    margin-left: 15%;
    position: relative; }
    .page-getmore .likethis dt::after {
      background: transparent no-repeat center / contain;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 200%;
      width: 100%;
      pointer-events: none; }
      @media screen and (min-width: 1501px) {
        .page-getmore .likethis dt::after {
          top: 8px !important; } }
    .page-getmore .likethis dt.shout::after {
      background-image: url("/images/getmore/microphone.svg"); }
    .page-getmore .likethis dt.make::after {
      background-image: url("/images/getmore/hb-pick.svg"); }
    .page-getmore .likethis dt.reward::after {
      background-image: url("/images/getmore/rock-hand.svg"); }
    @media screen and (max-width: 980px) {
      .page-getmore .likethis dt {
        margin-left: 0;
        padding-top: 45vw; }
        .page-getmore .likethis dt::after {
          background-position: center 0;
          background-size: auto 32vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-getmore .likethis dt::after {
        left: -10vw;
        height: 6vw;
        width: 8vw; } }
    @media screen and (min-width: 1501px) {
      .page-getmore .likethis dt::after {
        left: -100px;
        height: 90px;
        width: 90px; } }
    @media screen and (min-width: 1501px) {
      .page-getmore .likethis dt {
        margin-left: 80px; } }
    @media screen and (max-width: 980px) {
      .page-getmore .likethis dt.find {
        padding-top: 70vw; } }
  .page-getmore .likethis dd {
    margin-left: 15%; }
    @media screen and (max-width: 980px) {
      .page-getmore .likethis dd {
        margin-left: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-getmore .likethis dd {
        margin-bottom: 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-getmore .likethis dd {
        margin-bottom: 50px;
        margin-left: 80px; } }
  .page-getmore .norma {
    position: absolute;
    top: 0;
    display: block;
    right: 0;
    left: 80%;
    bottom: 0;
    background: transparent url("/images/getmore/norma-headphones-phone-outline.svg") no-repeat left -7vw/70vw; }
    @media screen and (max-width: 980px) {
      .page-getmore .norma {
        left: 0;
        top: 175vw;
        height: 200vw;
        background-position: 5vw;
        background-size: 300vw; } }
    @media screen and (min-width: 1501px) {
      .page-getmore .norma {
        background-size: 1600px;
        background-position: left -200px;
        left: calc(50vw + 400px);
        height: 1400px;
        bottom: unset; } }
  .page-getmore .button {
    margin-left: 0;
    margin-right: 0;
    text-decoration: none !important; }
    @media screen and (max-width: 980px) {
      .page-getmore .button {
        width: 100%; } }

@media screen and (max-width: 980px) {
  .page-hiding .first_section .inner {
    padding-top: 10vw; } }

@media screen and (max-width: 980px) {
  .page-artisthiding .subnav .inner {
    padding-top: 10vw; } }

.page-hiding,
.page-artisthiding {
  background: #626060;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  .page-hiding .hiding_main .alternate_size,
  .page-artisthiding .hiding_main .alternate_size {
    margin-bottom: 0;
    line-height: 2; }
    @media screen and (max-width: 980px) {
      .page-hiding .hiding_main .alternate_size,
      .page-artisthiding .hiding_main .alternate_size {
        line-height: 1.3; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-hiding .hiding_main .alternate_size,
      .page-artisthiding .hiding_main .alternate_size {
        font-size: 4vw; } }
    @media screen and (min-width: 1501px) {
      .page-hiding .hiding_main .alternate_size,
      .page-artisthiding .hiding_main .alternate_size {
        font-size: 50px; } }
  .page-hiding .hiding_main img,
  .page-artisthiding .hiding_main img {
    max-width: 100%;
    height: auto; }
  .page-hiding .hiding_main li,
  .page-artisthiding .hiding_main li {
    list-style: none; }
  .page-hiding .hiding_main h2,
  .page-artisthiding .hiding_main h2 {
    margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-hiding .hiding_main h2,
      .page-artisthiding .hiding_main h2 {
        margin-top: 20vw;
        margin-bottom: 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-hiding .hiding_main h3,
    .page-artisthiding .hiding_main h3 {
      margin: 1vw 0 0; } }
  @media screen and (min-width: 1501px) {
    .page-hiding .hiding_main h3,
    .page-artisthiding .hiding_main h3 {
      margin: 5px 0 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-hiding .analog_image_group,
    .page-artisthiding .analog_image_group {
      margin-bottom: 4vw; } }
  @media screen and (min-width: 1501px) {
    .page-hiding .analog_image_group,
    .page-artisthiding .analog_image_group {
      margin-bottom: 60px; } }
  .page-hiding .site_header,
  .page-artisthiding .site_header {
    background: #3b3838; }
  @media screen and (max-width: 980px) {
    .page-hiding .nextsteps,
    .page-artisthiding .nextsteps {
      margin: 0; } }
  .page-hiding .nextsteps li,
  .page-artisthiding .nextsteps li {
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-hiding .nextsteps li,
      .page-artisthiding .nextsteps li {
        display: flex;
        flex-wrap: wrap;
        margin: 0; }
        .page-hiding .nextsteps li img,
        .page-artisthiding .nextsteps li img {
          order: 1;
          width: 100%;
          position: relative;
          margin-top: 20vw;
          height: 70vw; }
          .page-hiding .nextsteps li img.analog_image_one,
          .page-artisthiding .nextsteps li img.analog_image_one {
            margin-top: 10vw; }
        .page-hiding .nextsteps li h3, .page-hiding .nextsteps li p,
        .page-artisthiding .nextsteps li h3,
        .page-artisthiding .nextsteps li p {
          order: 2;
          max-width: unset;
          margin: 10vw 0 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-hiding .nextsteps li,
      .page-artisthiding .nextsteps li {
        height: 25vw; } }
    @media screen and (min-width: 1501px) {
      .page-hiding .nextsteps li,
      .page-artisthiding .nextsteps li {
        height: 400px; } }
  .page-hiding .nextsteps h3, .page-hiding .nextsteps p,
  .page-artisthiding .nextsteps h3,
  .page-artisthiding .nextsteps p {
    max-width: 45%; }
  .page-hiding .nextsteps img,
  .page-artisthiding .nextsteps img {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: auto; }
  .page-hiding .important_legal,
  .page-artisthiding .important_legal {
    line-height: 1;
    display: block; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-hiding .important_legal,
      .page-artisthiding .important_legal {
        margin-top: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-hiding .important_legal,
      .page-artisthiding .important_legal {
        margin-top: 30px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-hiding .important_legal.smallp,
      .page-artisthiding .important_legal.smallp {
        font-size: 1.1vw; } }
    @media screen and (min-width: 1501px) {
      .page-hiding .important_legal.smallp,
      .page-artisthiding .important_legal.smallp {
        font-size: 16px; } }

.page-opportunity {
  background: #626060;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  .page-opportunity .site_header {
    background: #3b3838; }
  @media screen and (max-width: 980px) {
    .page-opportunity .subnav .inner {
      padding-top: 10vw; } }
  @media screen and (max-width: 980px) {
    .page-opportunity .opportunity_main br {
      display: none; } }
  @media screen and (max-width: 980px) {
    .page-opportunity .signup_button {
      width: 100%; } }
  @media screen and (max-width: 980px) {
    .page-opportunity .likethis {
      margin-bottom: 5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-opportunity .likethis {
      max-width: 36vw;
      margin-bottom: 8vw; } }
  @media screen and (min-width: 1501px) {
    .page-opportunity .likethis {
      margin-bottom: 100px; } }
  .page-opportunity .likethis dt {
    margin-bottom: 0;
    margin-left: 20%;
    position: relative; }
    .page-opportunity .likethis dt::after {
      background: transparent no-repeat center / contain;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 200%;
      width: 100%; }
    .page-opportunity .likethis dt.find::after {
      background-image: url("/images/opportunity/green-map-icon.svg"); }
      @media screen and (max-width: 980px) {
        .page-opportunity .likethis dt.find::after {
          background-position: center 15vw; } }
    .page-opportunity .likethis dt.hear::after {
      background-image: url("/images/opportunity/green-play-icon.svg"); }
    .page-opportunity .likethis dt.reset::after {
      background-image: url("/images/opportunity/green-bait-marker.svg"); }
      @media screen and (max-width: 980px) {
        .page-opportunity .likethis dt.reset::after {
          background-size: 40vw; } }
    @media screen and (max-width: 980px) {
      .page-opportunity .likethis dt {
        margin-left: 0;
        padding-top: 50vw; }
        .page-opportunity .likethis dt::after {
          background-position: center 0;
          background-size: 60vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-opportunity .likethis dt::after {
        left: -10vw;
        height: 6vw;
        width: 8vw; } }
    @media screen and (min-width: 1501px) {
      .page-opportunity .likethis dt::after {
        left: -140px;
        height: 90px;
        width: 110px; } }
    @media screen and (max-width: 980px) {
      .page-opportunity .likethis dt.find {
        padding-top: 70vw; } }
  .page-opportunity .likethis dd {
    margin-left: 20%; }
    @media screen and (max-width: 980px) {
      .page-opportunity .likethis dd {
        margin-left: 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-opportunity .likethis dd {
        margin-bottom: 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-opportunity .likethis dd {
        margin-bottom: 50px; } }
  .page-opportunity .trap {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent url("/images/opportunity/trap.svg") no-repeat center/contain; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-opportunity .trap {
        width: 25vw;
        height: 25vw; } }
    @media screen and (min-width: 1501px) {
      .page-opportunity .trap {
        width: 400px;
        height: 400px; } }
  .page-opportunity .callout {
    transform: rotate(-1.5deg);
    margin: 5% 0 5% -5%;
    width: 110%; }
    @media screen and (max-width: 980px) {
      .page-opportunity .callout {
        padding: 20vw 0; } }
    .page-opportunity .callout .h2 {
      font-weight: 300; }
      @media screen and (max-width: 980px) {
        .page-opportunity .callout .h2 {
          font-size: 6vw; } }
    .page-opportunity .callout a {
      text-decoration: underline; }
      .page-opportunity .callout a.button {
        text-decoration: none; }
    .page-opportunity .callout .inner {
      transform: rotate(1.5deg);
      padding: 7% 4.5% 2%; }
      @media screen and (max-width: 980px) {
        .page-opportunity .callout .inner {
          padding: 10% 0; } }
    .page-opportunity .callout.blue_callout {
      background: #0094c8; }
      .page-opportunity .callout.blue_callout .button {
        background: #71bf43; }
        .page-opportunity .callout.blue_callout .button:hover {
          background: #007831; }
    .page-opportunity .callout.green_callout {
      background: #71bf43;
      transform: rotate(1.5deg); }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-opportunity .callout.green_callout {
          margin-top: -12.5vw;
          padding-top: 5vw; } }
      @media screen and (min-width: 1501px) {
        .page-opportunity .callout.green_callout {
          margin-top: -200px;
          padding-top: 75px; } }
      .page-opportunity .callout.green_callout .inner {
        transform: rotate(-1.5deg); }
      .page-opportunity .callout.green_callout .button {
        background: #0094c8; }
        .page-opportunity .callout.green_callout .button:hover {
          background: #006392; }
    .page-opportunity .callout.pink_callout {
      background: #df0885; }
      .page-opportunity .callout.pink_callout a:hover {
        color: #ebebeb; }
      .page-opportunity .callout.pink_callout .button {
        background: #3b3838; }
        .page-opportunity .callout.pink_callout .button:hover {
          background: #626060;
          color: #fff; }
    .page-opportunity .callout.last_callout {
      background: #0094c8;
      transform: rotate(0);
      margin-bottom: 0; }
      @media screen and (max-width: 980px) {
        .page-opportunity .callout.last_callout {
          margin-bottom: -10vw; } }
      @media screen and (min-width: 1501px) {
        .page-opportunity .callout.last_callout {
          padding-bottom: 0px; } }
      .page-opportunity .callout.last_callout .inner {
        transform: rotate(0); }
      .page-opportunity .callout.last_callout .button {
        background: #71bf43; }
        .page-opportunity .callout.last_callout .button:hover {
          background: #007831; }
  .page-opportunity .unique,
  .page-opportunity .direct {
    overflow: auto;
    padding-bottom: 10px;
    margin: 2% 0 10%; }
    @media screen and (max-width: 980px) {
      .page-opportunity .unique,
      .page-opportunity .direct {
        overflow: hidden; } }
    .page-opportunity .unique p,
    .page-opportunity .direct p {
      float: left;
      width: 30%; }
      @media screen and (max-width: 980px) {
        .page-opportunity .unique p,
        .page-opportunity .direct p {
          float: none;
          width: auto; } }
    .page-opportunity .unique .images_container,
    .page-opportunity .direct .images_container {
      float: right;
      width: 65%;
      display: flex;
      justify-content: space-between;
      z-index: 2;
      position: relative; }
      @media screen and (max-width: 980px) {
        .page-opportunity .unique .images_container,
        .page-opportunity .direct .images_container {
          float: none;
          width: 200vw;
          display: flex;
          transition: transform .3s ease-out; } }
      .page-opportunity .unique .images_container img,
      .page-opportunity .direct .images_container img {
        width: 28%;
        height: 100%; }
        @media screen and (max-width: 980px) {
          .page-opportunity .unique .images_container img,
          .page-opportunity .direct .images_container img {
            float: none;
            width: 62vw;
            height: 126vw; } }
      @media screen and (max-width: 980px) {
        .page-opportunity .unique .images_container.slide_one_active,
        .page-opportunity .direct .images_container.slide_one_active {
          transform: translateX(0); }
        .page-opportunity .unique .images_container.slide_two_active,
        .page-opportunity .direct .images_container.slide_two_active {
          transform: translateX(-52vw); }
        .page-opportunity .unique .images_container.slide_three_active,
        .page-opportunity .direct .images_container.slide_three_active {
          transform: translateX(-123vw); } }
  @media screen and (max-width: 980px) {
    .page-opportunity .direct {
      margin-top: 20vw; } }
  @media screen and (max-width: 980px) {
    .page-opportunity .reach .inner,
    .page-opportunity .proof .inner,
    .page-opportunity .artistpage .inner {
      padding: 20vw 0; } }
  .page-opportunity .artistpage {
    position: relative; }
    @media screen and (max-width: 980px) {
      .page-opportunity .artistpage h1 {
        font-size: 11vw; }
      .page-opportunity .artistpage h2 {
        font-size: 5vw; } }
    @media screen and (max-width: 980px) {
      .page-opportunity .artistpage .singular_column h1 {
        margin-top: 180vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-opportunity .artistpage .singular_column h1 {
        margin-top: 10vw; } }
    @media screen and (min-width: 1501px) {
      .page-opportunity .artistpage .singular_column h1 {
        margin-top: 160px; } }
    .page-opportunity .artistpage .arm {
      position: absolute;
      right: 0;
      bottom: 0;
      background: transparent url("/images/opportunity/tablet-and-hand.png") no-repeat top left/contain; }
      @media screen and (max-width: 980px) {
        .page-opportunity .artistpage .arm {
          top: 150vw;
          right: -20vw;
          left: 0;
          bottom: unset;
          height: 300vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-opportunity .artistpage .arm {
          top: -6%;
          left: 60%; } }
      @media screen and (min-width: 1501px) {
        .page-opportunity .artistpage .arm {
          top: -12%;
          left: 60%; } }
  .page-opportunity .unbiased,
  .page-opportunity .insight,
  .page-opportunity .hype {
    width: 32%;
    padding: 2%;
    float: left; }
    @media screen and (max-width: 980px) {
      .page-opportunity .unbiased,
      .page-opportunity .insight,
      .page-opportunity .hype {
        float: none;
        width: auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        margin-bottom: 20vw; } }
    .page-opportunity .unbiased img,
    .page-opportunity .insight img,
    .page-opportunity .hype img {
      max-width: 100%;
      margin-bottom: 15%; }
      @media screen and (max-width: 980px) {
        .page-opportunity .unbiased img,
        .page-opportunity .insight img,
        .page-opportunity .hype img {
          max-width: 80%;
          margin: 0 auto 10vw;
          display: block; } }
  @media screen and (min-width: 981px) {
    .page-opportunity .insight {
      margin: 0 2%; } }
  .page-opportunity .proof {
    overflow: auto; }
    .page-opportunity .proof img {
      max-width: 65%;
      margin: 0 auto 15%;
      display: block; }
  @media screen and (max-width: 980px) {
    .page-opportunity .customized {
      margin: -7vw 0 5vw 5vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-opportunity .customized {
      margin: -1.5vw 0 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-opportunity .customized {
      margin: -20px 0 30px; } }
  .page-opportunity .customized li {
    list-style: disc;
    margin-bottom: 0; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-opportunity .customized li {
        margin-left: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-opportunity .customized li {
        margin-left: 30px; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-opportunity .balloon_one {
      margin-top: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-opportunity .balloon_one {
      margin-top: 80px; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-opportunity .balloon_two {
      margin-bottom: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-opportunity .balloon_two {
      margin-bottom: 80px; } }

.page-overlaytest #map-canvas {
  width: 100%;
  display: block; }
  @media screen and (max-width: 980px) {
    .page-overlaytest #map-canvas {
      top: 9vw;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-overlaytest #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-overlaytest #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 70px; } }
.page-overlaytest .location_detail_modal_outer {
  position: fixed;
  right: 0;
  background: white;
  overflow-x: auto;
  color: #3b3838;
  transform: translateX(100%);
  transition: transform .2s ease-out;
  z-index: 60;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  .page-overlaytest .location_detail_modal_outer.drilled {
    max-height: 100vh;
    overflow: hidden; }
  .page-overlaytest .location_detail_modal_outer.on {
    transform: translateX(0); }
  @media screen and (max-width: 980px) {
    .page-overlaytest .location_detail_modal_outer {
      top: 0;
      bottom: 0;
      transform: translateX(0);
      padding: 20vw 2vw 0;
      left: 0;
      z-index: 900;
      position: absolute; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-overlaytest .location_detail_modal_outer {
      top: 5vw;
      bottom: 4vw;
      width: 25vw;
      padding: 6vw .5vw; } }
  @media screen and (min-width: 1501px) {
    .page-overlaytest .location_detail_modal_outer {
      top: 70px;
      bottom: 65px;
      width: 320px;
      padding: 80px 10px; } }
  .page-overlaytest .location_detail_modal_outer .location_detail_nav {
    display: flex;
    justify-content: space-between;
    width: 75%; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer .location_detail_nav {
        margin: 5vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-overlaytest .location_detail_modal_outer .location_detail_nav {
        margin: 2.5vw auto; } }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer .location_detail_nav {
        margin: 30px auto; } }
    .page-overlaytest .location_detail_modal_outer .location_detail_nav button {
      width: 32%;
      margin: 0;
      background: #898888;
      transition: background .2s ease-out; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .location_detail_nav button {
          padding: 2vw 0;
          font-size: 4.5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .location_detail_nav button {
          font-size: 1.1vw;
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .location_detail_nav button {
          font-size: 14px;
          padding: 6px 0; } }
      .page-overlaytest .location_detail_modal_outer .location_detail_nav button.active {
        background: #0094c8; }
  .page-overlaytest .location_detail_modal_outer .info_panel,
  .page-overlaytest .location_detail_modal_outer .hints_panel,
  .page-overlaytest .location_detail_modal_outer .photos_panel {
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-out;
    position: absolute; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer .info_panel,
      .page-overlaytest .location_detail_modal_outer .hints_panel,
      .page-overlaytest .location_detail_modal_outer .photos_panel {
        width: 95vw; }
        .page-overlaytest .location_detail_modal_outer .info_panel dd,
        .page-overlaytest .location_detail_modal_outer .info_panel dt,
        .page-overlaytest .location_detail_modal_outer .info_panel p,
        .page-overlaytest .location_detail_modal_outer .hints_panel dd,
        .page-overlaytest .location_detail_modal_outer .hints_panel dt,
        .page-overlaytest .location_detail_modal_outer .hints_panel p,
        .page-overlaytest .location_detail_modal_outer .photos_panel dd,
        .page-overlaytest .location_detail_modal_outer .photos_panel dt,
        .page-overlaytest .location_detail_modal_outer .photos_panel p {
          font-size: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-overlaytest .location_detail_modal_outer .info_panel,
      .page-overlaytest .location_detail_modal_outer .hints_panel,
      .page-overlaytest .location_detail_modal_outer .photos_panel {
        width: 24vw; } }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer .info_panel,
      .page-overlaytest .location_detail_modal_outer .hints_panel,
      .page-overlaytest .location_detail_modal_outer .photos_panel {
        width: 300px; } }
    .page-overlaytest .location_detail_modal_outer .info_panel.active,
    .page-overlaytest .location_detail_modal_outer .hints_panel.active,
    .page-overlaytest .location_detail_modal_outer .photos_panel.active {
      opacity: 1;
      pointer-events: auto; }
    .page-overlaytest .location_detail_modal_outer .info_panel img,
    .page-overlaytest .location_detail_modal_outer .hints_panel img,
    .page-overlaytest .location_detail_modal_outer .photos_panel img {
      max-width: 100%; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-overlaytest .location_detail_modal_outer dd,
    .page-overlaytest .location_detail_modal_outer dt {
      font-size: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-overlaytest .location_detail_modal_outer dd,
    .page-overlaytest .location_detail_modal_outer dt {
      font-size: 14px; } }
  .page-overlaytest .location_detail_modal_outer dt {
    margin: 0;
    font-weight: 700; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer dt {
        padding-top: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-overlaytest .location_detail_modal_outer dt {
        padding-top: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer dt {
        padding-top: 7px; } }
    .page-overlaytest .location_detail_modal_outer dt.gps, .page-overlaytest .location_detail_modal_outer dt.location {
      color: #0094c8; }
    .page-overlaytest .location_detail_modal_outer dt.username_rank {
      display: none; }
  .page-overlaytest .location_detail_modal_outer dd {
    margin: 0;
    border-bottom: 1px solid #b1afaf; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer dd {
        padding-bottom: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-overlaytest .location_detail_modal_outer dd {
        padding-bottom: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer dd {
        padding-bottom: 7px; } }
    .page-overlaytest .location_detail_modal_outer dd:last-of-type {
      border-bottom: 0; }
    .page-overlaytest .location_detail_modal_outer dd.username_rank {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer dd.username_rank {
          padding: 2vw 0; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer dd.username_rank {
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer dd.username_rank {
          padding: 15px 0; } }
      .page-overlaytest .location_detail_modal_outer dd.username_rank .avatar_icon {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-overlaytest .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 7vw;
            height: 7vw;
            margin-right: 2vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-overlaytest .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 2vw;
            height: 2vw;
            margin-right: 0.4vw; } }
        @media screen and (min-width: 1501px) {
          .page-overlaytest .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 35px;
            height: 35px;
            margin-right: 5px; } }
        .page-overlaytest .location_detail_modal_outer dd.username_rank .avatar_icon .avatar_icon_image,
        .page-overlaytest .location_detail_modal_outer dd.username_rank .avatar_icon img {
          background: transparent no-repeat center / cover;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
    .page-overlaytest .location_detail_modal_outer dd .username {
      font-weight: 900; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer dd .username {
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer dd .username {
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer dd .username {
          margin-right: 5px; } }
  .page-overlaytest .location_detail_modal_outer .hints_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-overlaytest .location_detail_modal_outer .hints_panel .hints_list {
      width: 100%; }
    .page-overlaytest .location_detail_modal_outer .hints_panel .hint {
      cursor: pointer;
      width: 100%;
      border-bottom: 1px solid #c4c3c2;
      position: relative; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 2vw;
          padding-bottom: 2vw;
          min-height: 52vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 1vw;
          padding-bottom: 1vw;
          min-height: 13vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 12px;
          padding-bottom: 12px;
          min-height: 160px; } }
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint h1,
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint p,
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint .found_by,
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_date,
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_hash {
        margin: 0;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint h1,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint p,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 4vw;
            margin-right: 1vw;
            margin-bottom: 2.5vw;
            padding-left: 44vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint h1,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint p,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 1vw;
            margin-right: .5vw;
            margin-bottom: .7vw;
            padding-left: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint h1,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint p,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 12px;
            margin-right: 5px;
            margin-bottom: 10px;
            padding-left: 135px; } }
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_hash {
        color: #0094c8; }
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        background: #d8d7d7; }
        @media screen and (max-width: 980px) {
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 40vw;
            padding: 4vw 4vw 10vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 10vw;
            padding: 1vw 1vw 2.5vw; } }
        @media screen and (min-width: 1501px) {
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 125px;
            padding: 12px 12px 35px; } }
        .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
          display: block;
          background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
          position: relative; }
          @media screen and (max-width: 980px) {
            .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 32vw;
              height: 32vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 8vw;
              height: 8vw; } }
          @media screen and (min-width: 1501px) {
            .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 100px;
              height: 100px; } }
          .page-overlaytest .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image .hint_thumb_image_file {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: transparent no-repeat center / cover; }
      .page-overlaytest .location_detail_modal_outer .hints_panel .hint .found_by {
        display: flex; }
  .page-overlaytest .location_detail_modal_outer .photos_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb {
      width: 49%;
      margin-bottom: 10px;
      cursor: pointer;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb {
          width: 45vw;
          height: 45vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb {
          width: 11vw;
          height: 11vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb {
          width: 140px;
          height: 140px; } }
      .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
        display: block;
        background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
        position: relative; }
        @media screen and (max-width: 980px) {
          .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 45vw;
            height: 45vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 11vw;
            height: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 140px;
            height: 140px; } }
        .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image .hint_thumb_image_file {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: transparent no-repeat center / cover; }
      .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb p,
      .page-overlaytest .location_detail_modal_outer .photos_panel .image_thumb .found_by {
        display: none; }
  .page-overlaytest .location_detail_modal_outer .found_by {
    align-items: center; }
    .page-overlaytest .location_detail_modal_outer .found_by .avatar_icon {
      position: relative;
      border-radius: 50%;
      overflow: hidden; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .found_by .avatar_icon {
          width: 7vw;
          height: 7vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .found_by .avatar_icon {
          width: 2vw;
          height: 2vw;
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .found_by .avatar_icon {
          width: 20px;
          height: 20px;
          margin-right: 5px; } }
      .page-overlaytest .location_detail_modal_outer .found_by .avatar_icon .avatar_icon_image,
      .page-overlaytest .location_detail_modal_outer .found_by .avatar_icon img {
        background: transparent no-repeat center / cover;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .page-overlaytest .location_detail_modal_outer .back_button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    background: #0094c8 url("/images/close-arrow.svg") no-repeat 3% center/auto 50%;
    text-align: left;
    padding: 0.5vw 0 0.5vw 10%; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer .back_button {
        padding: 1.5vw 0 1.5vw 10%; } }
  .page-overlaytest .location_detail_modal_outer .image_container {
    width: 65%;
    margin: 0 auto; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer .image_container {
        width: 55%; } }
    .page-overlaytest .location_detail_modal_outer .image_container img {
      width: 100%; }
  .page-overlaytest .location_detail_modal_outer .submodal_outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3b3838;
    color: #fff;
    padding: 150% 7.5% 0;
    z-index: 2; }
    .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_thumb_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto;
      background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 15vw;
          height: 90vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 6vw;
          height: 25vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 100px;
          height: 320px; } }
      .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_thumb_image .hint_thumb_image_file {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: transparent no-repeat center / cover; }
    .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_image,
    .page-overlaytest .location_detail_modal_outer .submodal_outer .photo_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_image,
        .page-overlaytest .location_detail_modal_outer .submodal_outer .photo_image {
          top: 15vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_image,
        .page-overlaytest .location_detail_modal_outer .submodal_outer .photo_image {
          top: 6vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_image,
        .page-overlaytest .location_detail_modal_outer .submodal_outer .photo_image {
          top: 100px; } }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-overlaytest .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 30vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-overlaytest .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 9.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-overlaytest .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 150px; } }
    .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_title,
    .page-overlaytest .location_detail_modal_outer .submodal_outer .hint_description {
      margin: 0; }
    .page-overlaytest .location_detail_modal_outer .submodal_outer .close_submodal {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      width: 100%;
      text-align: center;
      background: #0094c8; }
      .page-overlaytest .location_detail_modal_outer .submodal_outer .close_submodal.photo_close {
        background: #0094c8;
        text-align: left;
        padding: 0.5vw 0 0.5vw 8%;
        bottom: unset;
        top: 0; }
  .page-overlaytest .location_detail_modal_outer .photo_slide {
    color: #3b3838;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s; }
    .page-overlaytest .location_detail_modal_outer .photo_slide .avatar_icon {
      transform: scale(0.6);
      display: inline-block; }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer .photo_slide p {
        font-size: 12px; } }
    .page-overlaytest .location_detail_modal_outer .photo_slide.active {
      opacity: 1;
      pointer-events: auto; }
    .page-overlaytest .location_detail_modal_outer .photo_slide h2, .page-overlaytest .location_detail_modal_outer .photo_slide p {
      color: #fff;
      font-weight: 900;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      z-index: 2;
      line-height: 1; }
      @media screen and (max-width: 980px) {
        .page-overlaytest .location_detail_modal_outer .photo_slide h2, .page-overlaytest .location_detail_modal_outer .photo_slide p {
          bottom: 10vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-overlaytest .location_detail_modal_outer .photo_slide h2, .page-overlaytest .location_detail_modal_outer .photo_slide p {
          top: 35.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-overlaytest .location_detail_modal_outer .photo_slide h2, .page-overlaytest .location_detail_modal_outer .photo_slide p {
          top: 490px; } }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer .photo_slide .photo_caption {
        bottom: 19vw;
        margin: 0 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-overlaytest .location_detail_modal_outer .photo_slide .photo_caption {
        top: 34.5vw;
        margin: 0 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer .photo_slide .photo_caption {
        top: 475px;
        margin: 0 50px; } }
  .page-overlaytest .location_detail_modal_outer .next_image,
  .page-overlaytest .location_detail_modal_outer .previous_image {
    text-indent: -9999px;
    display: block;
    position: absolute;
    background: transparent no-repeat center / contain;
    border: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer .next_image,
      .page-overlaytest .location_detail_modal_outer .previous_image {
        width: 5vw;
        height: 20vw;
        bottom: 10vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-overlaytest .location_detail_modal_outer .next_image,
      .page-overlaytest .location_detail_modal_outer .previous_image {
        width: 3vw;
        height: 3vw;
        top: 34vw; } }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer .next_image,
      .page-overlaytest .location_detail_modal_outer .previous_image {
        width: 45px;
        height: 45px;
        top: 465px; } }
  .page-overlaytest .location_detail_modal_outer .next_image {
    right: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-right-01.svg"); }
  .page-overlaytest .location_detail_modal_outer .previous_image {
    left: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-left-01.svg"); }
  .page-overlaytest .location_detail_modal_outer .background {
    background: #3b3838;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-overlaytest .location_detail_modal_outer .background {
        height: 40vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-overlaytest .location_detail_modal_outer .background {
        top: 33vw; } }
    @media screen and (min-width: 1501px) {
      .page-overlaytest .location_detail_modal_outer .background {
        top: 450px; } }
@media screen and (max-width: 980px) {
  .page-overlaytest .hb_search_container {
    position: absolute;
    top: 12vw;
    left: 2vw;
    display: flex; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-overlaytest .hb_search_container {
    top: 6vw;
    left: 1vw;
    position: absolute;
    display: flex; } }
@media screen and (min-width: 1501px) {
  .page-overlaytest .hb_search_container {
    top: 77px;
    left: 15px;
    position: absolute;
    display: flex; } }
.page-overlaytest .hb_search_container .search_icon {
  background: transparent url("/images/artists/search-icon-white.svg") no-repeat left/contain;
  cursor: pointer;
  opacity: 0.5;
  display: block;
  transform: rotate(90deg); }
  @media screen and (max-width: 980px) {
    .page-overlaytest .hb_search_container .search_icon {
      width: 10vw;
      height: 10vw;
      margin-right: 2vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-overlaytest .hb_search_container .search_icon {
      width: 4vw;
      height: 5vw;
      margin-right: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-overlaytest .hb_search_container .search_icon {
      width: 60px;
      height: 50px;
      margin-right: 15px; } }
.page-overlaytest .hb_search_container #pac-input {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity .2s ease-out;
  align-self: center; }
.page-overlaytest .hb_search_container.on #pac-input,
.page-overlaytest .hb_search_container.on .clear_button {
  opacity: 1 !important;
  pointer-events: auto; }
.page-overlaytest .hb_search_container .clear_button {
  background: transparent url("/images/artists/clear-text-icon.svg") no-repeat center/contain;
  text-indent: -9999px;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-out; }
  @media screen and (max-width: 980px) {
    .page-overlaytest .hb_search_container .clear_button {
      top: 3vw;
      right: 0;
      height: 5vw;
      width: 15vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-overlaytest .hb_search_container .clear_button {
      width: 2vw;
      height: 1vw;
      right: 0;
      top: 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-overlaytest .hb_search_container .clear_button {
      width: 35px;
      height: 15px;
      right: 0;
      top: 18px; } }
.page-overlaytest .site_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(59, 56, 56, 0.9); }
  @media screen and (max-width: 980px) {
    .page-overlaytest .site_footer {
      display: none; } }
.page-overlaytest .pac-icon {
  display: none; }
.page-overlaytest .pac-container,
.page-overlaytest .pac-item {
  background: #3b3838;
  color: #fff;
  border-color: #898888;
  font-weight: 500;
  cursor: pointer; }
  .page-overlaytest .pac-container:first-child,
  .page-overlaytest .pac-item:first-child {
    border: 0; }
  @media screen and (max-width: 980px) {
    .page-overlaytest .pac-container,
    .page-overlaytest .pac-item {
      width: 100%; } }
.page-overlaytest .pac-item:hover {
  background: #626060; }
.page-overlaytest .pac-matched,
.page-overlaytest .pac-item-query {
  font-weight: 900;
  color: #fff; }
@media screen and (max-width: 980px) {
  .page-overlaytest.artist_loggedin .hb_search_container {
    top: 12vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-overlaytest.artist_loggedin .hb_search_container {
    top: 9vw; } }
@media screen and (min-width: 1501px) {
  .page-overlaytest.artist_loggedin .hb_search_container {
    top: 137px; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-overlaytest.artist_loggedin #map-canvas {
    top: 8.7vw; } }
@media screen and (min-width: 1501px) {
  .page-overlaytest.artist_loggedin #map-canvas {
    top: 125px; } }
.page-overlaytest .art_artist_link {
  color: #0094c8; }
  .page-overlaytest .art_artist_link:hover {
    color: #0094c8; }
.page-overlaytest .overlaytest {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #3b3838;
  color: #fff;
  padding: 15vw 7vw;
  z-index: 9999; }
  .page-overlaytest .overlaytest h1 {
    font-size: 6vw;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 7vw;
    line-height: 1.2; }
  .page-overlaytest .overlaytest p {
    font-size: 5.4vw;
    font-family: "Roboto Condensed", sans-serif;
    margin-bottom: 7vw;
    line-height: 1.2; }

.page-rollout {
  background: #626060 url("/images/svgs/rock-hands.svg") fixed no-repeat center 5vh/115vw; }
  @media screen and (max-width: 980px) {
    .page-rollout {
      background: #4f4c4c; } }
  .page-rollout .rollout_main .inner {
    width: 65vw; }
    @media screen and (max-width: 980px) {
      .page-rollout .rollout_main .inner {
        width: 100vw; } }
    @media screen and (min-width: 1501px) {
      .page-rollout .rollout_main .inner {
        width: 1000px; } }
  .page-rollout .rollout_main h1.mobile_only {
    margin: 15vw auto 5vw;
    font-family: my_underwoodregular, serif;
    text-align: center;
    font-weight: 500; }
  @media screen and (max-width: 980px) {
    .page-rollout .rollout_imagemap_container {
      padding-bottom: 10vw;
      overflow: hidden; } }
  .page-rollout .rollout_map {
    width: 100%;
    display: block; }
    @media screen and (max-width: 980px) {
      .page-rollout .rollout_map {
        transform: scale(1.5); } }
    .page-rollout .rollout_map #_x36__Mid_West_Overlay {
      opacity: 0;
      transition: .2s;
      cursor: pointer; }
    .page-rollout .rollout_map #_x35__East_Overlay {
      opacity: 0;
      transition: .2s;
      cursor: pointer; }
    .page-rollout .rollout_map #_x34__South_Overlay {
      opacity: 0;
      transition: .2s; }
    .page-rollout .rollout_map #_x33__South_Overlay {
      opacity: 0;
      transition: .2s;
      cursor: pointer; }
    .page-rollout .rollout_map #_x32__West_Overlay {
      opacity: 0;
      transition: .2s;
      cursor: pointer; }
    .page-rollout .rollout_map #_x31__PNW_Overlay {
      opacity: 0;
      transition: .2s;
      cursor: pointer; }
    .page-rollout .rollout_map #_x31__pnw_button,
    .page-rollout .rollout_map #_x32__west_button,
    .page-rollout .rollout_map #_x33__south_button,
    .page-rollout .rollout_map #_x34__southeast_button,
    .page-rollout .rollout_map #_x35__east_button,
    .page-rollout .rollout_map #_x36__west_button {
      cursor: pointer; }
    .page-rollout .rollout_map #Bait_Markers_Desktops {
      pointer-events: none; }
    .page-rollout .rollout_map #Bait_Markers_Mobile {
      pointer-events: none;
      display: none; }
    @media screen and (max-width: 980px) {
      .page-rollout .rollout_map #ocean-labels {
        opacity: 0; }
      .page-rollout .rollout_map #logo_1_ {
        opacity: 0; } }
  .page-rollout .table_heading_container {
    display: flex;
    justify-content: space-between;
    background: #626060; }
    @media screen and (max-width: 980px) {
      .page-rollout .table_heading_container {
        display: block;
        text-align: center;
        padding: 6vw 3vw; } }
  .page-rollout .area_title {
    opacity: 0;
    transition: .2s;
    padding: 1.8vw;
    margin: 0; }
    @media screen and (max-width: 980px) {
      .page-rollout .area_title span {
        display: block;
        width: 100%; } }
    @media screen and (min-width: 1501px) {
      .page-rollout .area_title {
        padding: 20px; } }
    .page-rollout .area_title .area_rollout_date {
      font-weight: 500; }
  .page-rollout .hb_search_container {
    width: 35%;
    margin: 1.8vw;
    position: relative;
    display: flex; }
    @media screen and (max-width: 980px) {
      .page-rollout .hb_search_container {
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
    @media screen and (min-width: 1501px) {
      .page-rollout .hb_search_container {
        margin: 20px; } }
    .page-rollout .hb_search_container .search_icon {
      background: transparent url("/images/artists/search-icon-white.svg") no-repeat left/contain;
      cursor: pointer;
      opacity: 0.5;
      display: block;
      transform: rotate(90deg);
      margin: 0; }
      @media screen and (max-width: 980px) {
        .page-rollout .hb_search_container .search_icon {
          width: 10vw;
          height: 10vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-rollout .hb_search_container .search_icon {
          width: 2vw;
          height: 1.8vw;
          margin-right: 0.8vw; } }
      @media screen and (min-width: 1501px) {
        .page-rollout .hb_search_container .search_icon {
          width: 35px;
          height: 35px;
          margin-right: 15px; } }
    .page-rollout .hb_search_container ::placeholder {
      line-height: 1.2; }
    .page-rollout .hb_search_container .pac-wrapper {
      width: 100%; }
    .page-rollout .hb_search_container #pac-input {
      padding: .4vw .6vw; }
      @media screen and (max-width: 980px) {
        .page-rollout .hb_search_container #pac-input {
          padding: 2vw 3vw; } }
      @media screen and (min-width: 1501px) {
        .page-rollout .hb_search_container #pac-input {
          padding: 8px 12px; } }
  .page-rollout .rollout_cities_table {
    width: 100%; }
    .page-rollout .rollout_cities_table tbody {
      display: none; }
    .page-rollout .rollout_cities_table th, .page-rollout .rollout_cities_table td {
      width: 33.33%;
      padding: .8vw 1.8vw; }
      @media screen and (max-width: 980px) {
        .page-rollout .rollout_cities_table th, .page-rollout .rollout_cities_table td {
          padding: 4vw;
          width: auto; }
          .page-rollout .rollout_cities_table th.city_col, .page-rollout .rollout_cities_table td.city_col {
            width: 50%; }
          .page-rollout .rollout_cities_table th.state_col, .page-rollout .rollout_cities_table th.country_col, .page-rollout .rollout_cities_table td.state_col, .page-rollout .rollout_cities_table td.country_col {
            width: 25%; } }
      @media screen and (min-width: 1501px) {
        .page-rollout .rollout_cities_table th, .page-rollout .rollout_cities_table td {
          padding: 10px 20px; } }
    .page-rollout .rollout_cities_table th {
      background: #3b3838;
      color: #fff;
      font-weight: 700;
      text-align: left; }
      @media screen and (max-width: 980px) {
        .page-rollout .rollout_cities_table th {
          font-size: 5vw;
          margin-bottom: 7vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-rollout .rollout_cities_table th {
          font-size: 1.35vw;
          margin-bottom: 1.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-rollout .rollout_cities_table th {
          font-size: 24px;
          margin-bottom: 24px; } }
    .page-rollout .rollout_cities_table td {
      font-weight: 500;
      color: #3b3838;
      background: #d8d7d7; }
    .page-rollout .rollout_cities_table .odd_row td {
      background: #ebebeb; }
  .page-rollout svg#Layer_1 #logo,
  .page-rollout svg#Layer_1 #date {
    display: none; }

.page-unsubscribe {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 5vh/cover fixed;
  position: relative;
  padding: 0 !important; }
  .page-unsubscribe.artist_loggedin {
    padding: 0; }
  @media screen and (max-width: 980px) {
    .page-unsubscribe {
      background: #4f4c4c url("/images/getmore/rock-hands-reversed-mobile.svg") no-repeat center -35vw/105vw; } }
  @media screen and (max-width: 980px) {
    .page-unsubscribe .unsubscribe_main {
      padding-bottom: 100vw; } }
  .page-unsubscribe .unsubscribe_main h1 {
    margin-bottom: 0; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-unsubscribe .unsubscribe_main h1 {
        font-size: 3vw;
        margin-bottom: 0.4vw; } }
    @media screen and (min-width: 1501px) {
      .page-unsubscribe .unsubscribe_main h1 {
        font-size: 36px;
        margin-bottom: 5px; } }
  .page-unsubscribe .unsubscribe_main p {
    font-weight: 400; }
  .page-unsubscribe .whoops {
    text-decoration: underline;
    cursor: pointer; }
  .page-unsubscribe .dog_waving {
    position: absolute;
    pointer-events: none;
    right: 0;
    left: 50%;
    width: 95%;
    top: 0;
    bottom: 0;
    background: url("/images/waving_dog.png") no-repeat left top/cover; }
    @media screen and (max-width: 980px) {
      .page-unsubscribe .dog_waving {
        right: 5vw;
        left: 5vw;
        top: 68vw;
        width: unset;
        background-position: bottom;
        background-size: contain;
        bottom: 140vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-unsubscribe .dog_waving {
        right: 5vw;
        background-size: 45vw; } }
    @media screen and (min-width: 1501px) {
      .page-unsubscribe .dog_waving {
        background-size: 800px; } }
  .page-unsubscribe .site_header {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    z-index: 2; }
    .page-unsubscribe .site_header nav {
      display: none; }
    .page-unsubscribe .site_header .open_mobile_nav {
      display: none !important; }
    .page-unsubscribe .site_header .mobile_nav_container {
      display: none; }
  .page-unsubscribe .filter_nav {
    display: none; }
  .page-unsubscribe site_footer {
    z-index: 5; }

.page-artistbuyinganalog {
  background: #4f4c4c url("/images/artistbuying/cassette-pile-top.svg") no-repeat center 2vh/100vw;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  @media screen and (max-width: 980px) {
    .page-artistbuyinganalog {
      background: #4f4c4c url("/images/getmore/rock-hands-reversed-mobile.svg") no-repeat center -20vw/105vw; } }
  .page-artistbuyinganalog .site_header {
    background: #3b3838; }
  .page-artistbuyinganalog .buying_main {
    overflow: hidden;
    position: relative; }
    .page-artistbuyinganalog .buying_main .singular_column {
      width: 62%; }
      @media screen and (max-width: 980px) {
        .page-artistbuyinganalog .buying_main .singular_column {
          width: 100%; } }
    @media screen and (max-width: 980px) {
      .page-artistbuyinganalog .buying_main .subnav .inner {
        padding-top: 10vw; } }
    .page-artistbuyinganalog .buying_main .inner {
      margin-bottom: 0; }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artistbuyinganalog .buying_main .inner {
          padding-bottom: 20vw; } }
      @media screen and (min-width: 1501px) {
        .page-artistbuyinganalog .buying_main .inner {
          padding-bottom: 100px; } }
    .page-artistbuyinganalog .buying_main h2.underwood {
      margin-bottom: 0; }
      @media screen and (min-width: 1501px) {
        .page-artistbuyinganalog .buying_main h2.underwood {
          margin-top: 45px; } }
    .page-artistbuyinganalog .buying_main .singular_column a {
      text-decoration: underline !important; }
    @media screen and (min-width: 1501px) {
      .page-artistbuyinganalog .buying_main .bigtopmargin {
        margin-top: 100px; } }
    @media screen and (max-width: 980px) {
      .page-artistbuyinganalog .buying_main ul {
        margin-left: 8vw;
        width: 85vw;
        margin-bottom: 15vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artistbuyinganalog .buying_main ul {
        margin-left: 1.4vw;
        margin-bottom: 1.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-artistbuyinganalog .buying_main ul {
        margin-left: 20px;
        margin-bottom: 24px; } }
    .page-artistbuyinganalog .buying_main ul li {
      margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-artistbuyinganalog .buying_main .top_space {
        margin-top: 170vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artistbuyinganalog .buying_main .top_space {
        margin-top: 6vw; } }
    @media screen and (min-width: 1501px) {
      .page-artistbuyinganalog .buying_main .top_space {
        font-size: 52px; } }
    .page-artistbuyinganalog .buying_main .singular_column .button {
      margin-left: 0;
      margin-right: 0;
      text-decoration: none !important; }
      @media screen and (max-width: 980px) {
        .page-artistbuyinganalog .buying_main .singular_column .button {
          width: 100%;
          margin-bottom: 140vw; } }
    .page-artistbuyinganalog .buying_main .analog_stack {
      position: absolute;
      top: 5vh;
      right: 0;
      width: 30%;
      height: 35vw;
      background: transparent url("/images/artistbuying/cassette-pile.svg") no-repeat; }
      @media screen and (max-width: 980px) {
        .page-artistbuyinganalog .buying_main .analog_stack {
          width: 100%;
          left: 0;
          top: 200vw;
          background-position: left;
          background-size: 100vw;
          height: 150vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artistbuyinganalog .buying_main .analog_stack {
          background-position: left;
          background-size: 20vw; } }
      @media screen and (min-width: 1501px) {
        .page-artistbuyinganalog .buying_main .analog_stack {
          background-position: left top;
          background-size: 480px;
          width: auto;
          left: calc(50vw + 200px);
          height: 1200px;
          top: 120px; } }
    .page-artistbuyinganalog .buying_main .norma {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 50%;
      height: 80vw;
      background: transparent url("/images/artistbuying/norma-analog-cassettes.svg") no-repeat; }
      @media screen and (max-width: 980px) {
        .page-artistbuyinganalog .buying_main .norma {
          left: 0;
          width: 100%;
          background-position: -12vw top;
          background-size: 180vw;
          height: 145vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artistbuyinganalog .buying_main .norma {
          background-position: left top;
          background-size: 85vw;
          width: 72%;
          height: 65vw; } }
      @media screen and (min-width: 1501px) {
        .page-artistbuyinganalog .buying_main .norma {
          background-position: left top;
          background-size: 1200px;
          width: 65%;
          height: 800px; } }

.page-artistwtfaq {
  background: #626060;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  .page-artistwtfaq .site_header {
    background: #3b3838; }
  .page-artistwtfaq .wtfaq_main {
    overflow: hidden;
    position: relative; }
    .page-artistwtfaq .wtfaq_main .inner {
      margin-bottom: 0; }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-artistwtfaq .wtfaq_main .inner {
          padding-bottom: 20vw; } }
      @media screen and (min-width: 1501px) {
        .page-artistwtfaq .wtfaq_main .inner {
          padding-bottom: 100px; } }
  .page-artistwtfaq .wtflist dt {
    background: #0094c8; }
  .page-artistwtfaq .wtfhappened {
    position: absolute;
    right: 0;
    background: transparent url("/images/wtfaq/artists-wtfaq-image-desktop.svg") no-repeat bottom right/contain;
    z-index: -1; }
    @media screen and (max-width: 980px) {
      .page-artistwtfaq .wtfhappened {
        background: transparent url("/images/wtfaq/artists-wtfaq-mobile.svg") no-repeat bottom right/contain;
        width: 100vw;
        height: 150vw;
        position: relative;
        background-position: top center; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-artistwtfaq .wtfhappened {
        width: 35vw;
        height: 90vw;
        bottom: 0; } }
    @media screen and (min-width: 1501px) {
      .page-artistwtfaq .wtfhappened {
        width: 600px;
        height: 1800px;
        top: 400px; } }

.page-signup {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/cover fixed;
  position: relative; }
  @media screen and (max-width: 980px) {
    .page-signup {
      background: #4f4c4c url("/images/getmore/rock-hands-reversed-mobile.svg") no-repeat center 0/105vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-signup {
      padding-top: 10vw; } }
  @media screen and (min-width: 1501px) {
    .page-signup {
      background-position: center 250px;
      padding-top: 120px; } }
  .page-signup .site_header {
    background: #3b3838; }
  .page-signup .signup_main .inner {
    min-height: 90vh; }
    @media screen and (max-width: 980px) {
      .page-signup .signup_main .inner h2 {
        font-size: 8vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-signup .signup_main .inner {
        width: 50vw; } }
    @media screen and (min-width: 1501px) {
      .page-signup .signup_main .inner {
        width: 800px; } }
  .page-signup .grats_content {
    text-align: center; }
    .page-signup .grats_content img {
      transform: translateY(100%);
      transition: transform .2s ease-out;
      margin: 0 auto; }
      @media screen and (max-width: 980px) {
        .page-signup .grats_content img {
          width: 75vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-signup .grats_content img {
          width: 20vw; } }
      @media screen and (min-width: 1501px) {
        .page-signup .grats_content img {
          width: 400px; } }
      @media screen and (max-width: 980px) {
        .page-signup .grats_content img.rock_on {
          transform: translateY(-5%); } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-signup .grats_content img.rock_on {
          transform: translateY(0); } }
      @media screen and (min-width: 1501px) {
        .page-signup .grats_content img.rock_on {
          transform: translateY(0); } }
  .page-signup .form_submit_button {
    background: #898888;
    transition: background .2s ease-out; }
    @media screen and (max-width: 980px) {
      .page-signup .form_submit_button {
        width: 100%; } }
    .page-signup .form_submit_button.ready {
      background: #df0885; }
  .page-signup .form_block label.for_checkbox,
  .page-signup .form_block label.for_radio {
    margin-left: 0; }
    @media screen and (max-width: 980px) {
      .page-signup .form_block label.for_checkbox,
      .page-signup .form_block label.for_radio {
        padding: 2vw 0 3vw 15vw; } }
  @media screen and (max-width: 980px) {
    .page-signup #previews {
      width: 100%;
      background: transparent;
      color: #fff; }
    .page-signup .upload_label {
      width: 100%; }
    .page-signup .upload_button {
      width: 100%;
      margin: 0 auto 8vw; }
    .page-signup #total-progress {
      top: 50vw;
      left: 5vw;
      right: 5vw;
      text-align: right; }
      .page-signup #total-progress .progress-bar {
        position: absolute; }
      .page-signup #total-progress .progress_text {
        position: relative; } }
  .page-signup .label_specific {
    display: none; }
  .page-signup .contains_sliders {
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 980px) {
      .page-signup .contains_sliders {
        margin-bottom: 10vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-signup .contains_sliders {
        margin-bottom: 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-signup .contains_sliders {
        margin-bottom: 30px; } }
  .page-signup .slidercell {
    display: flex;
    align-items: center;
    cursor: pointer; }
    @media screen and (max-width: 980px) {
      .page-signup .slidercell {
        margin-right: 0;
        width: 42vw;
        margin-bottom: 2vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-signup .slidercell {
        margin-right: 1vw;
        width: 10vw;
        margin-bottom: 1vw; } }
    @media screen and (min-width: 1501px) {
      .page-signup .slidercell {
        margin-right: 10px;
        width: 150px;
        margin-bottom: 10px; } }
    @media screen and (max-width: 980px) {
      .page-signup .slidercell.wideslider {
        width: 42vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-signup .slidercell.wideslider {
        width: 15vw; } }
    @media screen and (min-width: 1501px) {
      .page-signup .slidercell.wideslider {
        width: 175px; } }
    .page-signup .slidercell .slider {
      display: flex;
      justify-content: flex-start;
      background: #898888;
      transition: .4s; }
      @media screen and (max-width: 980px) {
        .page-signup .slidercell .slider {
          width: 8vw;
          height: 4vw;
          border-radius: 2vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-signup .slidercell .slider {
          width: 3vw;
          height: 1.3vw;
          margin-right: 0.4vw;
          border-radius: 0.65vw; } }
      @media screen and (min-width: 1501px) {
        .page-signup .slidercell .slider {
          width: 45px;
          height: 16px;
          border-radius: 8px;
          margin-right: 8px; } }
      .page-signup .slidercell .slider .slider_toggle {
        border-radius: 50%;
        background: #fff; }
        @media screen and (max-width: 980px) {
          .page-signup .slidercell .slider .slider_toggle {
            width: 3.5vw;
            height: 3.5vw;
            margin: 0.25vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-signup .slidercell .slider .slider_toggle {
            width: 1.1vw;
            height: 1.1vw;
            margin: 0.1vw; } }
        @media screen and (min-width: 1501px) {
          .page-signup .slidercell .slider .slider_toggle {
            width: 14px;
            height: 14px;
            margin: 1px; } }
      .page-signup .slidercell .slider.slider_on {
        justify-content: flex-end;
        background: #0094c8; }
  .page-signup .goal_columns {
    display: flex;
    align-items: center;
    margin-bottom: 45px; }
    @media screen and (max-width: 980px) {
      .page-signup .goal_columns {
        display: block; } }
    .page-signup .goal_columns > div {
      width: 50%; }
      @media screen and (max-width: 980px) {
        .page-signup .goal_columns > div {
          width: 100%; } }
      .page-signup .goal_columns > div p {
        margin: 0; }
  .page-signup textarea {
    min-height: 140px; }
  .page-signup .ui-datepicker,
  .page-signup .ui-datepicker .ui-datepicker-header,
  .page-signup .ui-datepicker .ui-datepicker-title {
    background: #fff;
    color: #0094c8;
    padding: 0; }
  .page-signup .ui-datepicker thead th {
    color: #3b3838; }
  .page-signup .ui-datepicker td {
    border: 1px solid #d8d7d7;
    vertical-align: middle;
    text-align: center; }
    .page-signup .ui-datepicker td.ui-state-disabled {
      background: #b1afaf; }
    .page-signup .ui-datepicker td.ui-datepicker-other-month {
      background: white; }
  .page-signup .ui-state-default,
  .page-signup .ui-widget-content .ui-state-default,
  .page-signup .ui-widget-header .ui-state-default,
  .page-signup .ui-button,
  .page-signup html .ui-button.ui-state-disabled:hover,
  .page-signup html .ui-button.ui-state-disabled:active {
    border: 0;
    background: transparent; }
  .page-signup html .ui-button.ui-state-disabled:hover,
  .page-signup html .ui-button.ui-state-disabled:active {
    background: #d8d7d7; }
  .page-signup .ui-datepicker td a {
    text-align: center;
    color: #0094c8; }
  .page-signup .ui-datepicker table {
    margin: 0;
    font-size: 0.85em; }

.page-signup-countdown {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 5vh/115vw; }
  @media screen and (max-width: 980px) {
    .page-signup-countdown {
      background-size: cover;
      background-position: center 10vw;
      background-image: url("/images/rock-hands-tall.svg"); } }
  .page-signup-countdown .primary_column {
    width: 68%; }
    @media screen and (max-width: 980px) {
      .page-signup-countdown .primary_column {
        width: 100%; } }
  .page-signup-countdown .first_section {
    padding: 2vh 0 8vh;
    position: relative;
    overflow: hidden;
    min-height: 88vh; }
    @media screen and (max-width: 980px) {
      .page-signup-countdown .first_section {
        padding-bottom: 0;
        background-position: center 100vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-signup-countdown .first_section {
        min-height: 88vh; } }
    @media screen and (min-width: 1501px) {
      .page-signup-countdown .first_section {
        background-position: center 250px; } }
    .page-signup-countdown .first_section .inner {
      margin-bottom: 50px; }
      @media screen and (max-width: 980px) {
        .page-signup-countdown .first_section .inner {
          margin: 20vw auto 130vw; } }
    .page-signup-countdown .first_section h1 {
      margin-bottom: 2vw; }
      @media screen and (min-width: 1501px) {
        .page-signup-countdown .first_section h1 {
          margin-bottom: 30px; } }
    @media screen and (max-width: 980px) {
      .page-signup-countdown .first_section h2 {
        font-size: 5vw;
        margin-bottom: .5vw; } }
    .page-signup-countdown .first_section .analog_mockup {
      width: 30vw;
      display: block;
      margin: 3vw auto; }
      @media screen and (max-width: 980px) {
        .page-signup-countdown .first_section .analog_mockup {
          width: 80vw;
          margin: 5vw auto; } }
      @media screen and (min-width: 1501px) {
        .page-signup-countdown .first_section .analog_mockup {
          width: 400px;
          margin: 25px auto; } }
    .page-signup-countdown .first_section .button {
      margin: 3vw 0 4vw; }
      @media screen and (max-width: 980px) {
        .page-signup-countdown .first_section .button {
          margin: 15vw auto 5vw;
          width: 100%; } }
      @media screen and (min-width: 1501px) {
        .page-signup-countdown .first_section .button {
          margin: 40px 0 60px; } }
    .page-signup-countdown .first_section .knowmore_link {
      text-decoration: underline; }
  .page-signup-countdown .timer_container {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 83%; }
    @media screen and (max-width: 980px) {
      .page-signup-countdown .timer_container {
        width: unset; } }
    .page-signup-countdown .timer_container .number {
      font-size: 10vw;
      font-weight: 900;
      line-height: 1; }
      @media screen and (max-width: 980px) {
        .page-signup-countdown .timer_container .number {
          font-size: 25vw; } }
      @media screen and (min-width: 1501px) {
        .page-signup-countdown .timer_container .number {
          font-size: 150px; } }
    .page-signup-countdown .timer_container .number_label {
      font-size: 3vw;
      text-transform: uppercase;
      font-weight: 500; }
      @media screen and (max-width: 980px) {
        .page-signup-countdown .timer_container .number_label {
          font-size: 5vw; } }
      @media screen and (min-width: 1501px) {
        .page-signup-countdown .timer_container .number_label {
          font-size: 36px; } }
    .page-signup-countdown .timer_container .hours {
      margin: 0 3vw;
      padding: 0 3vw;
      border: 0.1vw solid #898888;
      border-top: 0;
      border-bottom: 0; }
      @media screen and (min-width: 1501px) {
        .page-signup-countdown .timer_container .hours {
          margin: 0 20px;
          padding: 0 20px;
          border-width: 1px; } }
  .page-signup-countdown .norma {
    position: absolute;
    top: 0;
    left: 30vw;
    right: 0;
    bottom: 0;
    background: transparent url("/images/svgs/norma-07-waiting-2.svg") no-repeat 8vw 4vw/60vw;
    pointer-events: none; }
    @media screen and (max-width: 980px) {
      .page-signup-countdown .norma {
        top: unset;
        left: 0;
        height: 120vw;
        background-size: 125vw;
        background-position: -20vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-signup-countdown .norma {
        background-position: 80px 60px;
        background-size: 1000px; } }
  .page-signup-countdown .store_buttons {
    width: 64%; }
    @media screen and (max-width: 980px) {
      .page-signup-countdown .store_buttons {
        width: 100%;
        margin-bottom: 5vw; } }
  @media screen and (min-width: 981px) {
    .page-signup-countdown .site_footer {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(59, 56, 56, 0.9); } }

.page-error404 {
  background: #626060 url("/images/rock-hands-tall.svg") no-repeat center 25vh/cover;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden; }
  @media screen and (max-width: 980px) {
    .page-error404 {
      background-position: bottom left;
      background-size: 150vw; } }
  .page-error404 .site_header {
    background: #3b3838; }
  .page-error404 .first_section {
    text-align: center;
    min-height: 80vh; }

.page-token_expired {
  background: #626060 url("/images/rock-hands-tall.svg") no-repeat center 10vh/cover; }
  .page-token_expired .message {
    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 50px; }
    @media screen and (max-width: 980px) {
      .page-token_expired .message h1 {
        margin-bottom: 2vw; } }
    .page-token_expired .message a {
      text-decoration: underline; }
  .page-token_expired .bouncer {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/images/dog.png") no-repeat center/contain; }
    @media screen and (max-width: 980px) {
      .page-token_expired .bouncer {
        top: 0;
        background-position: center bottom;
        background-size: 85vw; } }
  @media screen and (max-width: 980px) {
    .page-token_expired h2 {
      font-size: 4vw;
      margin-bottom: 5vw; } }
  .page-token_expired .site_footer {
    display: none; }

.page-security_begin {
  background: #626060 url("/images/mailing-list-model-background.svg") no-repeat center 25vh/cover;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; }
  @media screen and (max-width: 980px) {
    .page-security_begin {
      background-image: url("/images/surfer-mobile-tall.svg");
      background-position: left 2vh;
      background-size: 100vw;
      display: block;
      padding-top: 10vh; } }
  .page-security_begin .login_logo {
    text-indent: -9999px;
    display: block;
    background: transparent url("/images/hidden-bands-logo.svg") no-repeat center/contain;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 980px) {
      .page-security_begin .login_logo {
        width: 75vw;
        height: 12vw;
        margin: 2vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-security_begin .login_logo {
        width: 50vw;
        height: 7vw;
        margin: .5vw auto; } }
    @media screen and (min-width: 1501px) {
      .page-security_begin .login_logo {
        width: 500px;
        height: 80px;
        margin: 8px auto; } }
  .page-security_begin .inner {
    text-align: center; }
    .page-security_begin .inner h1 {
      margin: 45px auto; }
      @media screen and (max-width: 980px) {
        .page-security_begin .inner h1 {
          margin: 2vw auto; } }
    @media screen and (max-width: 980px) {
      .page-security_begin .inner p {
        margin-top: 10vw; } }
  .page-security_begin form {
    margin: 0 auto;
    text-align: left; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-security_begin form {
        max-width: 30vw; } }
    @media screen and (min-width: 1501px) {
      .page-security_begin form {
        max-width: 500px; } }
    .page-security_begin form input[type=email],
    .page-security_begin form input[type=text],
    .page-security_begin form input[type=password] {
      width: 100%;
      margin-bottom: 10px; }
    @media screen and (max-width: 980px) {
      .page-security_begin form input[type=submit] {
        width: 100%; } }
  .page-security_begin .button#_submit {
    margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-security_begin .button#_submit {
        margin: 10vw auto 0; } }
  .page-security_begin .forgot_password {
    font-weight: 700;
    text-decoration: underline; }
    @media screen and (max-width: 980px) {
      .page-security_begin .forgot_password {
        margin-top: 10vw;
        display: block; } }
  .page-security_begin .create_new_account {
    font-weight: 700;
    text-decoration: underline; }
    @media screen and (max-width: 980px) {
      .page-security_begin .create_new_account {
        margin-top: 10vw;
        display: block; } }
  .page-security_begin .use_existing_account {
    font-weight: 700;
    text-decoration: underline; }
    @media screen and (max-width: 980px) {
      .page-security_begin .use_existing_account {
        margin-top: 10vw;
        display: block; } }
  .page-security_begin .below_submit {
    text-align: center; }
  .page-security_begin .two_options {
    display: flex;
    justify-content: space-between; }
  .page-security_begin .signin_options .button {
    direction: ltr;
    font-weight: 500;
    height: auto;
    line-height: normal;
    max-width: 220px;
    min-height: 40px;
    padding: 8px 16px 8px 50px;
    text-align: left;
    width: 100%;
    font-size: 14px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px; }
  .page-security_begin #_submit {
    margin: 0 auto; }
  .page-security_begin .new_account_form .form_row.existing_account {
    display: none; }
  .page-security_begin .existing_account_form .form_row.new_account {
    display: none; }
  .page-security_begin .firebaseui-tos {
    color: #fff; }
    .page-security_begin .firebaseui-tos .firebaseui-link {
      color: #0094c8; }
  .page-security_begin .security_begin_form,
  .page-security_begin .new_account {
    display: none; }
  .page-security_begin .createnewaccount {
    display: block;
    color: white;
    font-weight: 300;
    text-decoration: underline;
    cursor: pointer; }
  .page-security_begin.onblur .loading_status_modal {
    opacity: 1;
    pointer-events: auto; }

.page-resend_begin {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/115vw;
  position: relative; }
  @media screen and (max-width: 980px) {
    .page-resend_begin {
      background-image: url("/images/svgs/rock-hands-mobile.svg"); } }
  .page-resend_begin .primary_column .button {
    margin-left: 0; }
    @media screen and (max-width: 980px) {
      .page-resend_begin .primary_column .button {
        width: 100%;
        margin-bottom: 100vw; } }
  @media screen and (max-width: 980px) {
    .page-resend_begin .primary_column p {
      margin-bottom: 7vw; } }
  @media screen and (max-width: 980px) {
    .page-resend_begin .primary_column h2 {
      font-size: 4.5vw;
      font-weight: 700; } }
  .page-resend_begin .norma {
    position: absolute;
    top: 0;
    left: 30vw;
    right: 0;
    bottom: 0;
    background: transparent url("/images/svgs/norma-blind-fold-desktop.svg") no-repeat 8vw bottom/60vw;
    pointer-events: none; }
    @media screen and (max-width: 980px) {
      .page-resend_begin .norma {
        background: transparent url("/images/svgs/norma-blind-fold-mobile.svg") no-repeat 8vw 4vw/60vw;
        top: unset;
        bottom: 70vw;
        left: 0;
        height: 120vw;
        background-size: 125vw;
        background-position: -20vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-resend_begin .norma {
        background-position: 80px bottom;
        background-size: 1000px; } }

.page-admin_login {
  background: #626060 url("/images/mailing-list-model-background.svg") no-repeat center 25vh/cover;
  color: #fff;
  max-width: 100%;
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh; }
  @media screen and (max-width: 980px) {
    .page-admin_login {
      background-image: url("/images/surfer-mobile-tall.svg");
      background-position: left 2vh;
      background-size: 100vw;
      display: block;
      padding-top: 10vh; } }
  .page-admin_login .login_logo {
    text-indent: -9999px;
    display: block;
    background: transparent url("/images/hidden-bands-logo.svg") no-repeat center/contain;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 980px) {
      .page-admin_login .login_logo {
        width: 75vw;
        height: 12vw;
        margin: 2vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-admin_login .login_logo {
        width: 50vw;
        height: 7vw;
        margin: .5vw auto; } }
    @media screen and (min-width: 1501px) {
      .page-admin_login .login_logo {
        width: 500px;
        height: 80px;
        margin: 8px auto; } }
  .page-admin_login .inner {
    text-align: center; }
    .page-admin_login .inner h1 {
      margin: 45px auto; }
      @media screen and (max-width: 980px) {
        .page-admin_login .inner h1 {
          margin: 2vw auto; } }
    @media screen and (max-width: 980px) {
      .page-admin_login .inner p {
        margin-top: 10vw; } }
  .page-admin_login form {
    margin: 0 auto; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-admin_login form {
        max-width: 30vw; } }
    @media screen and (min-width: 1501px) {
      .page-admin_login form {
        max-width: 500px; } }
    .page-admin_login form label {
      display: block;
      text-align: left;
      margin: 0;
      line-height: 1.4;
      font-weight: 400; }
      @media screen and (max-width: 980px) {
        .page-admin_login form label {
          font-size: 3vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-admin_login form label {
          font-size: .8vw; } }
      @media screen and (min-width: 1501px) {
        .page-admin_login form label {
          font-size: 14px; } }
    .page-admin_login form input[type=email],
    .page-admin_login form input[type=text],
    .page-admin_login form input[type=password] {
      width: 100%;
      margin-bottom: 10px; }
    @media screen and (max-width: 980px) {
      .page-admin_login form input[type=submit] {
        width: 100%; } }
  .page-admin_login .button#_submit {
    margin-bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-admin_login .button#_submit {
        margin: 10vw auto 0; } }
  .page-admin_login .forgot_password {
    font-weight: 700;
    text-decoration: underline; }
    @media screen and (max-width: 980px) {
      .page-admin_login .forgot_password {
        margin-top: 10vw;
        display: block; } }
  .page-admin_login .signin_options .button {
    direction: ltr;
    font-weight: 500;
    height: auto;
    line-height: normal;
    max-width: 220px;
    min-height: 40px;
    padding: 8px 16px 8px 50px;
    text-align: left;
    width: 100%;
    font-size: 14px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px; }
  .page-admin_login .firebaseui-tos {
    color: #fff; }
    .page-admin_login .firebaseui-tos .firebaseui-link {
      color: #0094c8; }
  .page-admin_login .security_login_form {
    display: none; }

.page-policies_contest,
.page-policies_artists,
.page-policies_players,
.page-policies_privacy {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/100vw;
  background-attachment: fixed;
  color: #fff; }
  @media screen and (max-width: 980px) {
    .page-policies_contest,
    .page-policies_artists,
    .page-policies_players,
    .page-policies_privacy {
      background: #4f4c4c url("/images/svgs/rock-hands-reversed.svg") no-repeat center 0/100vw; }
      .page-policies_contest .subnav,
      .page-policies_artists .subnav,
      .page-policies_players .subnav,
      .page-policies_privacy .subnav {
        margin-top: 14vw; } }
  .page-policies_contest .singular_column,
  .page-policies_artists .singular_column,
  .page-policies_players .singular_column,
  .page-policies_privacy .singular_column {
    width: 74%; }
    .page-policies_contest .singular_column a,
    .page-policies_artists .singular_column a,
    .page-policies_players .singular_column a,
    .page-policies_privacy .singular_column a {
      text-decoration: underline; }

.page-analog-unrevealed {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/cover; }
  @media screen and (max-width: 980px) {
    .page-analog-unrevealed {
      background: #626060 url("/images/svgs/rock-hands-mobile.svg") no-repeat center 10vw/115vw; } }
  .page-analog-unrevealed .first_section {
    padding: 0;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 980px) {
      .page-analog-unrevealed .first_section {
        padding-bottom: 0;
        background-position: center 100vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-unrevealed .first_section {
        min-height: 88vh; } }
    @media screen and (min-width: 1501px) {
      .page-analog-unrevealed .first_section {
        background-position: center 250px; } }
    .page-analog-unrevealed .first_section .inner {
      margin-bottom: 50px; }
      @media screen and (max-width: 980px) {
        .page-analog-unrevealed .first_section .inner {
          margin: 20vw auto 20vw; } }
    .page-analog-unrevealed .first_section .analog_mockup {
      width: 25vw;
      display: block;
      margin: 3vw 5vw; }
      @media screen and (max-width: 980px) {
        .page-analog-unrevealed .first_section .analog_mockup {
          width: 85vw;
          margin: 94vw auto 10vw; } }
      @media screen and (min-width: 1501px) {
        .page-analog-unrevealed .first_section .analog_mockup {
          width: 390px;
          margin: 25px 75px; } }
  .page-analog-unrevealed .norma {
    position: absolute;
    top: 0;
    left: 39vw;
    right: 0;
    bottom: 0;
    background: transparent url("/images/svgs/norma-05-unrevealed-page.svg") no-repeat -11vw 0/100vw; }
    @media screen and (max-width: 980px) {
      .page-analog-unrevealed .norma {
        top: 68vw;
        bottom: unset;
        left: -10vw;
        right: unset;
        height: 145vw;
        width: 150vw;
        background-size: 200vw;
        background-position: 0 0;
        transform: rotate(-65deg); } }
    @media screen and (min-width: 1501px) {
      .page-analog-unrevealed .norma {
        background-position: -150px 0;
        background-size: 1500px; } }
  .page-analog-unrevealed .store_buttons {
    width: 85%; }
    @media screen and (max-width: 980px) {
      .page-analog-unrevealed .store_buttons {
        width: auto; } }

.page-analog-revealed {
  background: #626060 url("/images/svgs/rock-hands.svg") no-repeat center 25vh/100vw;
  /*
    .gradientbg {
      position: absolute;
      bottom:0;
      left:0;
      right:0;
      height: 15vh;
      opacity: 0.8;
      background-image: linear-gradient(180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%)
    }
    */ }
  @media screen and (max-width: 980px) {
    .page-analog-revealed {
      background-size: 115vw;
      background-position: center 10vw;
      background-image: url("/images/rock-hands-tall.svg"); } }
  .page-analog-revealed .scrolldown {
    position: absolute;
    top: calc(85vh - 5vw);
    left: 0;
    right: 0;
    margin: auto;
    width: 5.5vw;
    height: 5.5vw;
    background: transparent url("/images/svgs/down-arrow-shadow.svg") no-repeat center/contain;
    animation-delay: 3s;
    animation-duration: 6s;
    animation-name: wobble;
    animation-iteration-count: infinite; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .scrolldown {
        display: none; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .scrolldown {
        top: calc(85vh - 100px);
        width: 65px;
        height: 65px; } }
  .page-analog-revealed .first_section {
    padding: 0;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .first_section {
        padding-bottom: 0;
        background-position: center 100vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .first_section {
        min-height: 72vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .first_section {
        background-position: center 250px;
        padding: 0 0 110px; } }
    .page-analog-revealed .first_section .inner {
      margin-bottom: 3vw; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .first_section .inner {
          margin: 20vw auto 135vw; } }
      @media screen and (min-width: 1501px) {
        .page-analog-revealed .first_section .inner {
          margin-bottom: 100px; } }
    .page-analog-revealed .first_section .analog_mockup {
      width: 25vw;
      display: block;
      margin: 3vw 5vw; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .first_section .analog_mockup {
          width: 80vw;
          margin: 5vw auto 10vw; } }
      @media screen and (min-width: 1501px) {
        .page-analog-revealed .first_section .analog_mockup {
          width: 390px;
          margin: 25px 75px; } }
  .page-analog-revealed .norma {
    position: absolute;
    top: 0;
    left: 43vw;
    right: 0;
    bottom: 0;
    background: transparent url("/images/svgs/Norma-06-revealed-page.svg") no-repeat -30vw 0/120vw; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .norma {
        background: transparent url("/images/svgs/norma-09-point down-cropped-2.svg") no-repeat -30vw 0/120vw;
        top: unset;
        left: 0;
        height: 130vw;
        background-size: 110vw;
        background-position: -5vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .norma {
        background-position: -380px 40px;
        background-size: 1700px; } }
  .page-analog-revealed .store_buttons {
    width: 70%;
    margin-top: 2vw;
    justify-content: flex-start; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .store_buttons {
        width: auto;
        justify-content: space-between; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .store_buttons {
        margin-top: 30px;
        width: 85%; } }
    .page-analog-revealed .store_buttons .google_play {
      margin-right: 1.5vw; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .store_buttons .google_play {
          margin: 0; } }
      @media screen and (min-width: 1501px) {
        .page-analog-revealed .store_buttons .google_play {
          margin-right: 30px; } }
  .page-analog-revealed .artist_article {
    color: #3b3838;
    background: #fff;
    margin-top: -8.5vw;
    border-top: 1vw solid #3b3838; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .artist_article {
        margin-top: -35vw;
        border-width: 4vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .artist_article {
        margin-top: -130px;
        border-width: 15px; } }
  .page-analog-revealed .for_artists {
    color: #fff; }
  .page-analog-revealed .artist_article.throwback {
    position: relative; }
    .page-analog-revealed .artist_article.throwback::after {
      content: '';
      position: absolute;
      top: 10px;
      left: 0;
      width: 33%;
      height: 25%;
      background: transparent url("/images/artists/throwback.svg") no-repeat top/contain; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .artist_article.throwback::after {
          width: 50%;
          top: 10vw; } }
  .page-analog-revealed .artistprofile_info a {
    color: #df0885;
    text-decoration: underline;
    line-height: 1.6; }
    .page-analog-revealed .artistprofile_info a:hover {
      color: #0094c8; }
  .page-analog-revealed .artistprofile_info .artist_bio a {
    color: #df0885;
    line-height: inherit; }
  .page-analog-revealed .artistprofile_header {
    background: transparent no-repeat center / cover;
    color: #fff; }
    .page-analog-revealed .artistprofile_header h1 {
      width: 100%;
      text-align: center; }
    .page-analog-revealed .artistprofile_header img {
      border-radius: 50%;
      width: auto;
      box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.5); }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .artistprofile_header img {
          width: 40vw;
          height: 40vw;
          margin: 25vw 0 15vw; } }
    .page-analog-revealed .artistprofile_header .inner {
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      justify-content: center;
      height: 100%; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .artistprofile_header {
        height: 90vh; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .artistprofile_header {
        height: 40vw;
        margin-bottom: 8vw; }
        .page-analog-revealed .artistprofile_header img {
          margin-bottom: 5vw;
          height: 20vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .artistprofile_header {
        height: 600px;
        margin-bottom: 100px; }
        .page-analog-revealed .artistprofile_header img {
          margin-bottom: 45px;
          height: 250px; } }
  @media screen and (max-width: 980px) {
    .page-analog-revealed .artistprofile_info .inner {
      display: flex;
      flex-wrap: wrap; }
      .page-analog-revealed .artistprofile_info .inner .artist_bio_container {
        order: 1; }
      .page-analog-revealed .artistprofile_info .inner .contact {
        order: 2; }
      .page-analog-revealed .artistprofile_info .inner .share_bar {
        order: 4; } }
  .page-analog-revealed .contact {
    float: left; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .contact {
        float: none;
        width: 100%; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .contact {
        width: 20vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .contact {
        width: 300px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .contact h2 {
        margin-top: 4vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .contact h2 {
        margin-top: 30px; } }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .contact .p {
        font-size: 8vw; } }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .contact .social_links {
        margin-bottom: 20vw; } }
    .page-analog-revealed .contact .social_links li {
      list-style: none;
      margin: 0; }
    .page-analog-revealed .contact .bio_image_container {
      width: 100%;
      padding-top: 100%;
      background: transparent no-repeat center / cover; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .contact .bio_image_container {
          margin-bottom: 6vw; } }
      .page-analog-revealed .contact .bio_image_container img {
        display: none; }
    .page-analog-revealed .contact .join_mailing.button {
      margin: 0; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .contact .join_mailing.button {
          width: 100%; } }
  .page-analog-revealed .artist_bio_container {
    float: right; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .artist_bio_container {
        margin: 20vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .artist_bio_container {
        width: 50vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .artist_bio_container {
        width: 840px; } }
    .page-analog-revealed .artist_bio_container .artist_bio {
      font-weight: 300; }
  @media screen and (max-width: 980px) {
    .page-analog-revealed .artist_bait_container {
      margin: 20vw auto 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-analog-revealed .artist_bait_container {
      margin-top: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-analog-revealed .artist_bait_container {
      margin-top: 90px; } }
  .page-analog-revealed .artist_bait {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .artist_bait {
        display: block; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .artist_bait {
        margin-top: 2vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .artist_bait {
        margin-top: 30px; } }
  .page-analog-revealed .cassette_image_container {
    width: 35%;
    height: auto; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .cassette_image_container {
        width: 100%;
        margin-bottom: 10vw; } }
    .page-analog-revealed .cassette_image_container img {
      width: 100%;
      height: auto; }
  .page-analog-revealed .artist_bait_meta {
    width: 60%; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .artist_bait_meta {
        width: 100%; } }
    .page-analog-revealed .artist_bait_meta .cassette_title {
      margin: 0; }
    .page-analog-revealed .artist_bait_meta .song_title {
      font-weight: 400; }
  .page-analog-revealed .song_stats {
    width: 85%; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .song_stats td {
        padding: 0 1vw .5vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .song_stats td {
        padding: 0 5px 2px; } }
    .page-analog-revealed .song_stats td.green_pick {
      background: transparent url("/images/svgs/icon-inplay.svg") no-repeat left/auto 60%; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .song_stats td.green_pick {
          padding-left: 4vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-analog-revealed .song_stats td.green_pick {
          padding-left: 1.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-analog-revealed .song_stats td.green_pick {
          padding-left: 20px; } }
    .page-analog-revealed .song_stats td.inactive_pick {
      background: transparent url("/images/svgs/in-play-off-01.svg") no-repeat left/auto 60%; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .song_stats td.inactive_pick {
          padding-left: 4vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-analog-revealed .song_stats td.inactive_pick {
          padding-left: 1.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-analog-revealed .song_stats td.inactive_pick {
          padding-left: 20px; } }
    .page-analog-revealed .song_stats td.grey_pick {
      background: transparent url("/images/svgs/in-play-off-01.svg") no-repeat left/auto 60%; }
      @media screen and (max-width: 980px) {
        .page-analog-revealed .song_stats td.grey_pick {
          padding-left: 4vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-analog-revealed .song_stats td.grey_pick {
          padding-left: 4vw;
          background-position: 2.5vw center; } }
      @media screen and (min-width: 1501px) {
        .page-analog-revealed .song_stats td.grey_pick {
          padding-left: 60px;
          background-position: 30px center; } }
    .page-analog-revealed .song_stats td.row_title {
      padding-left: 0;
      padding: 0; }
    .page-analog-revealed .song_stats td.rating_cell {
      padding-bottom: 0;
      vertical-align: middle; }
    .page-analog-revealed .song_stats td .rating {
      display: block;
      text-indent: -99999px; }
      .page-analog-revealed .song_stats td .rating .rating_inner {
        width: 0;
        height: 100%;
        display: block;
        background: transparent url("/images/svgs/horn-hand-on-blue.svg") repeat-x left/contain;
        text-indent: -99999px; }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-analog-revealed .song_stats td .rating .rating_inner {
            background-size: 1.5vw; } }
        @media screen and (min-width: 1501px) {
          .page-analog-revealed .song_stats td .rating .rating_inner {
            background-size: 20px; } }
      .page-analog-revealed .song_stats td .rating .star,
      .page-analog-revealed .song_stats td .rating .nostar {
        display: block;
        background: transparent url("/images/svgs/horn-hand-on-blue.svg") no-repeat center/contain;
        float: left; }
        @media screen and (max-width: 980px) {
          .page-analog-revealed .song_stats td .rating .star,
          .page-analog-revealed .song_stats td .rating .nostar {
            width: 5vw;
            height: 5vw;
            margin-right: 1vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-analog-revealed .song_stats td .rating .star,
          .page-analog-revealed .song_stats td .rating .nostar {
            width: 1.5vw;
            height: 1.5vw;
            margin-right: .25vw; } }
        @media screen and (min-width: 1501px) {
          .page-analog-revealed .song_stats td .rating .star,
          .page-analog-revealed .song_stats td .rating .nostar {
            width: 20px;
            height: 20px;
            margin-right: 4px; } }
        .page-analog-revealed .song_stats td .rating .star:last-of-type,
        .page-analog-revealed .song_stats td .rating .nostar:last-of-type {
          margin-right: 0; }
      .page-analog-revealed .song_stats td .rating .nostar {
        background-image: url("/images/svgs/horn-hand-off.svg"); }
    .page-analog-revealed .song_stats td.rating_cell {
      padding-left: 0; }
    .page-analog-revealed .song_stats td.timer {
      padding: 0;
      text-align: left; }
      .page-analog-revealed .song_stats td.timer .data {
        color: #0094c8;
        width: 100%;
        display: block;
        margin: 0;
        line-height: 1; }
      .page-analog-revealed .song_stats td.timer .remaining_label {
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        text-align: center; }
      .page-analog-revealed .song_stats td.timer > span {
        display: inline-block; }
        .page-analog-revealed .song_stats td.timer > span.hours_remaining {
          padding: 0 4%; }
    .page-analog-revealed .song_stats .timer_row td {
      padding-top: 3%;
      vertical-align: top; }
    .page-analog-revealed .song_stats .data {
      font-weight: 700; }
  .page-analog-revealed .share_bar {
    clear: both;
    width: 100%; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .share_bar {
        padding: 20vw 0; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .share_bar {
        padding: 5vw 0; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .share_bar {
        padding: 80px 0; } }
    .page-analog-revealed .share_bar a {
      text-decoration: none !important; }
  .page-analog-revealed .more_artists {
    background: #898888;
    color: #fff;
    box-shadow: inset 0px 25px 20px -15px #3b3838; }
    @media screen and (max-width: 980px) {
      .page-analog-revealed .more_artists {
        display: none; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .more_artists {
        padding: 4vw 0; }
        .page-analog-revealed .more_artists .inner {
          max-width: 50vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .more_artists {
        padding: 60px 0; }
        .page-analog-revealed .more_artists .inner {
          max-width: 885px; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-analog-revealed .more_artists h1 {
        margin-bottom: 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-analog-revealed .more_artists h1 {
        margin-bottom: 40px; } }
  @media screen and (max-width: 980px) {
    .page-analog-revealed .se_logo {
      width: 50vw;
      height: 30vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-analog-revealed .se_logo {
      width: 10vw;
      height: 6vw; } }
  @media screen and (min-width: 1501px) {
    .page-analog-revealed .se_logo {
      width: 150px;
      height: 90px; } }

.page-demo_places_map #map-canvas {
  width: 100%;
  display: block; }
  @media screen and (max-width: 980px) {
    .page-demo_places_map #map-canvas {
      top: 9vw;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-demo_places_map #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 5vw; } }
  @media screen and (min-width: 1501px) {
    .page-demo_places_map #map-canvas {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      top: 70px; } }
@media screen and (max-width: 980px) {
  .page-demo_places_map #map-canvas {
    height: calc(100% - 9vw); } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-demo_places_map #map-canvas {
    height: calc(100vh - 12.7vw); } }
@media screen and (min-width: 1501px) {
  .page-demo_places_map #map-canvas {
    height: calc(100vh - 193px); } }
.page-demo_places_map .location_detail_modal_outer {
  position: fixed;
  right: 0;
  background: white;
  overflow-x: auto;
  color: #3b3838;
  transform: translateX(100%);
  transition: transform .2s ease-out;
  z-index: 60;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  .page-demo_places_map .location_detail_modal_outer.drilled {
    max-height: 100vh;
    overflow: hidden; }
  .page-demo_places_map .location_detail_modal_outer.contains_advance {
    padding: 0;
    background: #4f4c4c;
    color: #fff; }
  .page-demo_places_map .location_detail_modal_outer.on {
    transform: translateX(0); }
  @media screen and (max-width: 980px) {
    .page-demo_places_map .location_detail_modal_outer {
      top: 0;
      bottom: 0;
      transform: translateX(0);
      padding: 20vw 2vw 0;
      left: 0;
      z-index: 900;
      position: absolute; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-demo_places_map .location_detail_modal_outer {
      top: 5vw;
      bottom: 4vw;
      width: 25vw;
      padding: 6vw .5vw; } }
  @media screen and (min-width: 1501px) {
    .page-demo_places_map .location_detail_modal_outer {
      top: 70px;
      bottom: 65px;
      width: 320px;
      padding: 80px 10px; } }
  .page-demo_places_map .location_detail_modal_outer .advance_modal_inner {
    background: #4f4c4c url("/images/find/advance-single-find-page.png") no-repeat top/contain;
    text-align: center; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner {
        padding: 104vw 5vw 5vw;
        margin-top: 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner {
        padding: 26vw 1vw 5vw;
        margin-top: 2.5vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner {
        padding: 335px 20px 20px;
        margin-top: 45px; } }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner h2 {
        margin-bottom: 0; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner h2 {
        margin-bottom: 0;
        font-size: 28px; } }
    .page-demo_places_map .location_detail_modal_outer .advance_modal_inner p {
      line-height: 1.3; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .advance_modal_inner p {
          font-size: 4.5vw;
          margin-bottom: 5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .advance_modal_inner p {
          font-size: 1.1vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .advance_modal_inner p {
          font-size: 14px; } }
    .page-demo_places_map .location_detail_modal_outer .advance_modal_inner .advance_icon {
      display: inline-block;
      background: transparent url("/images/find/advance-single-icon.svg") no-repeat center/contain;
      vertical-align: middle; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 5vw;
          height: 5vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 2.5vw;
          height: 2.5vw;
          margin-right: 0.6vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .advance_modal_inner .advance_icon {
          width: 30px;
          height: 30px;
          margin-right: 5px; } }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 7vw;
        font-size: 5vw;
        margin-bottom: 3.5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 2vw;
        font-size: 1.3vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner h3 {
        margin-top: 30px;
        font-size: 16px;
        margin-bottom: 10px; } }
    .page-demo_places_map .location_detail_modal_outer .advance_modal_inner .shop_buttons {
      display: flex;
      justify-content: space-between;
      width: 85%;
      margin: 0 auto; }
      .page-demo_places_map .location_detail_modal_outer .advance_modal_inner .shop_buttons a {
        display: block;
        width: 48%; }
  .page-demo_places_map .location_detail_modal_outer .location_detail_nav {
    display: flex;
    justify-content: space-between;
    width: 75%; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .location_detail_nav {
        margin: 5vw auto; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer .location_detail_nav {
        margin: 2.5vw auto; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .location_detail_nav {
        margin: 30px auto; } }
    .page-demo_places_map .location_detail_modal_outer .location_detail_nav button {
      width: 32%;
      margin: 0;
      background: #898888;
      transition: background .2s ease-out; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .location_detail_nav button {
          padding: 2vw 0;
          font-size: 4.5vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .location_detail_nav button {
          font-size: 1.1vw;
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .location_detail_nav button {
          font-size: 14px;
          padding: 6px 0; } }
      .page-demo_places_map .location_detail_modal_outer .location_detail_nav button.active {
        background: #0094c8; }
  .page-demo_places_map .location_detail_modal_outer .info_panel,
  .page-demo_places_map .location_detail_modal_outer .hints_panel,
  .page-demo_places_map .location_detail_modal_outer .photos_panel {
    opacity: 0;
    pointer-events: none;
    transition: .2s ease-out;
    position: absolute; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .info_panel,
      .page-demo_places_map .location_detail_modal_outer .hints_panel,
      .page-demo_places_map .location_detail_modal_outer .photos_panel {
        width: 95vw; }
        .page-demo_places_map .location_detail_modal_outer .info_panel dd,
        .page-demo_places_map .location_detail_modal_outer .info_panel dt,
        .page-demo_places_map .location_detail_modal_outer .info_panel p,
        .page-demo_places_map .location_detail_modal_outer .hints_panel dd,
        .page-demo_places_map .location_detail_modal_outer .hints_panel dt,
        .page-demo_places_map .location_detail_modal_outer .hints_panel p,
        .page-demo_places_map .location_detail_modal_outer .photos_panel dd,
        .page-demo_places_map .location_detail_modal_outer .photos_panel dt,
        .page-demo_places_map .location_detail_modal_outer .photos_panel p {
          font-size: 4vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer .info_panel,
      .page-demo_places_map .location_detail_modal_outer .hints_panel,
      .page-demo_places_map .location_detail_modal_outer .photos_panel {
        width: 24vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .info_panel,
      .page-demo_places_map .location_detail_modal_outer .hints_panel,
      .page-demo_places_map .location_detail_modal_outer .photos_panel {
        width: 300px; } }
    .page-demo_places_map .location_detail_modal_outer .info_panel.active,
    .page-demo_places_map .location_detail_modal_outer .hints_panel.active,
    .page-demo_places_map .location_detail_modal_outer .photos_panel.active {
      opacity: 1;
      pointer-events: auto; }
    .page-demo_places_map .location_detail_modal_outer .info_panel img,
    .page-demo_places_map .location_detail_modal_outer .hints_panel img,
    .page-demo_places_map .location_detail_modal_outer .photos_panel img {
      max-width: 100%; }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-demo_places_map .location_detail_modal_outer dd,
    .page-demo_places_map .location_detail_modal_outer dt {
      font-size: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-demo_places_map .location_detail_modal_outer dd,
    .page-demo_places_map .location_detail_modal_outer dt {
      font-size: 14px; } }
  .page-demo_places_map .location_detail_modal_outer dt {
    margin: 0;
    font-weight: 700; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer dt {
        padding-top: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer dt {
        padding-top: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer dt {
        padding-top: 7px; } }
    .page-demo_places_map .location_detail_modal_outer dt.gps, .page-demo_places_map .location_detail_modal_outer dt.location {
      color: #0094c8; }
    .page-demo_places_map .location_detail_modal_outer dt.username_rank {
      display: none; }
  .page-demo_places_map .location_detail_modal_outer dd {
    margin: 0;
    border-bottom: 1px solid #b1afaf; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer dd {
        padding-bottom: 1vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer dd {
        padding-bottom: .3vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer dd {
        padding-bottom: 7px; } }
    .page-demo_places_map .location_detail_modal_outer dd:last-of-type {
      border-bottom: 0; }
    .page-demo_places_map .location_detail_modal_outer dd.username_rank {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer dd.username_rank {
          padding: 2vw 0; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer dd.username_rank {
          padding: .6vw 0; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer dd.username_rank {
          padding: 15px 0; } }
      .page-demo_places_map .location_detail_modal_outer dd.username_rank .avatar_icon {
        position: relative;
        border-radius: 50%;
        overflow: hidden;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-demo_places_map .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 7vw;
            height: 7vw;
            margin-right: 2vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-demo_places_map .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 2vw;
            height: 2vw;
            margin-right: 0.4vw; } }
        @media screen and (min-width: 1501px) {
          .page-demo_places_map .location_detail_modal_outer dd.username_rank .avatar_icon {
            width: 35px;
            height: 35px;
            margin-right: 5px; } }
        .page-demo_places_map .location_detail_modal_outer dd.username_rank .avatar_icon .avatar_icon_image,
        .page-demo_places_map .location_detail_modal_outer dd.username_rank .avatar_icon img {
          background: transparent no-repeat center / cover;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%; }
    .page-demo_places_map .location_detail_modal_outer dd .username {
      font-weight: 900; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer dd .username {
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer dd .username {
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer dd .username {
          margin-right: 5px; } }
  .page-demo_places_map .location_detail_modal_outer .hints_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-demo_places_map .location_detail_modal_outer .hints_panel .hints_list {
      width: 100%; }
    .page-demo_places_map .location_detail_modal_outer .hints_panel .hint {
      cursor: pointer;
      width: 100%;
      border-bottom: 1px solid #c4c3c2;
      position: relative; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 2vw;
          padding-bottom: 2vw;
          min-height: 52vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 1vw;
          padding-bottom: 1vw;
          min-height: 13vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .hints_panel .hint {
          margin-bottom: 12px;
          padding-bottom: 12px;
          min-height: 160px; } }
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint h1,
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint p,
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .found_by,
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_date,
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_hash {
        margin: 0;
        display: block; }
        @media screen and (max-width: 980px) {
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint h1,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint p,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 4vw;
            margin-right: 1vw;
            margin-bottom: 2.5vw;
            padding-left: 44vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint h1,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint p,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 1vw;
            margin-right: .5vw;
            margin-bottom: .7vw;
            padding-left: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint h1,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint p,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .found_by,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_date,
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_hash {
            font-size: 12px;
            margin-right: 5px;
            margin-bottom: 10px;
            padding-left: 135px; } }
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_hash {
        color: #0094c8; }
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        background: #d8d7d7; }
        @media screen and (max-width: 980px) {
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 40vw;
            padding: 4vw 4vw 10vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 10vw;
            padding: 1vw 1vw 2.5vw; } }
        @media screen and (min-width: 1501px) {
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb {
            width: 125px;
            padding: 12px 12px 35px; } }
        .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
          display: block;
          background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
          position: relative; }
          @media screen and (max-width: 980px) {
            .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 32vw;
              height: 32vw; } }
          @media screen and (min-width: 981px) and (max-width: 1500px) {
            .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 8vw;
              height: 8vw; } }
          @media screen and (min-width: 1501px) {
            .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image {
              width: 100px;
              height: 100px; } }
          .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .hint_thumb .hint_thumb_image .hint_thumb_image_file {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: transparent no-repeat center / cover; }
      .page-demo_places_map .location_detail_modal_outer .hints_panel .hint .found_by {
        display: flex; }
  .page-demo_places_map .location_detail_modal_outer .photos_panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb {
      width: 49%;
      margin-bottom: 10px;
      cursor: pointer;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb {
          width: 45vw;
          height: 45vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb {
          width: 11vw;
          height: 11vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb {
          width: 140px;
          height: 140px; } }
      .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
        display: block;
        background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover;
        position: relative; }
        @media screen and (max-width: 980px) {
          .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 45vw;
            height: 45vw; } }
        @media screen and (min-width: 981px) and (max-width: 1500px) {
          .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 11vw;
            height: 11vw; } }
        @media screen and (min-width: 1501px) {
          .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image {
            width: 140px;
            height: 140px; } }
        .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb .hint_thumb_image .hint_thumb_image_file {
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: transparent no-repeat center / cover; }
      .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb p,
      .page-demo_places_map .location_detail_modal_outer .photos_panel .image_thumb .found_by {
        display: none; }
  .page-demo_places_map .location_detail_modal_outer .found_by {
    align-items: center; }
    .page-demo_places_map .location_detail_modal_outer .found_by .avatar_icon {
      position: relative;
      border-radius: 50%;
      overflow: hidden; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .found_by .avatar_icon {
          width: 7vw;
          height: 7vw;
          margin-right: 2vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .found_by .avatar_icon {
          width: 2vw;
          height: 2vw;
          margin-right: 0.4vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .found_by .avatar_icon {
          width: 20px;
          height: 20px;
          margin-right: 5px; } }
      .page-demo_places_map .location_detail_modal_outer .found_by .avatar_icon .avatar_icon_image,
      .page-demo_places_map .location_detail_modal_outer .found_by .avatar_icon img {
        background: transparent no-repeat center / cover;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
  .page-demo_places_map .location_detail_modal_outer .back_button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    background: #0094c8 url("/images/close-arrow.svg") no-repeat 3% center/auto 50%;
    text-align: left;
    padding: 0.5vw 0 0.5vw 10%; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .back_button {
        padding: 1.5vw 0 1.5vw 10%; } }
  .page-demo_places_map .location_detail_modal_outer .image_container {
    width: 65%;
    margin: 0 auto; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .image_container {
        width: 55%; } }
    .page-demo_places_map .location_detail_modal_outer .image_container img {
      width: 100%; }
  .page-demo_places_map .location_detail_modal_outer .submodal_outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3b3838;
    color: #fff;
    padding: 150% 7.5% 0;
    z-index: 2; }
    .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_thumb_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto;
      background: transparent url("/images/missing-hint-photo.png") no-repeat center/cover; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 15vw;
          height: 90vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 6vw;
          height: 25vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_thumb_image {
          top: 100px;
          height: 320px; } }
      .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_thumb_image .hint_thumb_image_file {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: transparent no-repeat center / cover; }
    .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_image,
    .page-demo_places_map .location_detail_modal_outer .submodal_outer .photo_image {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: auto; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_image,
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .photo_image {
          top: 15vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_image,
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .photo_image {
          top: 6vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_image,
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .photo_image {
          top: 100px; } }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 30vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 9.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_image.cover_art,
        .page-demo_places_map .location_detail_modal_outer .submodal_outer .photo_image.cover_art {
          top: 150px; } }
    .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_title,
    .page-demo_places_map .location_detail_modal_outer .submodal_outer .hint_description {
      margin: 0; }
    .page-demo_places_map .location_detail_modal_outer .submodal_outer .close_submodal {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0;
      width: 100%;
      text-align: center;
      background: #0094c8; }
      .page-demo_places_map .location_detail_modal_outer .submodal_outer .close_submodal.photo_close {
        background: #0094c8;
        text-align: left;
        padding: 0.5vw 0 0.5vw 8%;
        bottom: unset;
        top: 0; }
  .page-demo_places_map .location_detail_modal_outer .photo_slide {
    color: #3b3838;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    transition: .2s; }
    .page-demo_places_map .location_detail_modal_outer .photo_slide .avatar_icon {
      transform: scale(0.6);
      display: inline-block; }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .photo_slide p {
        font-size: 12px; } }
    .page-demo_places_map .location_detail_modal_outer .photo_slide.active {
      opacity: 1;
      pointer-events: auto; }
    .page-demo_places_map .location_detail_modal_outer .photo_slide h2, .page-demo_places_map .location_detail_modal_outer .photo_slide p {
      color: #fff;
      font-weight: 900;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      text-align: center;
      z-index: 2;
      line-height: 1; }
      @media screen and (max-width: 980px) {
        .page-demo_places_map .location_detail_modal_outer .photo_slide h2, .page-demo_places_map .location_detail_modal_outer .photo_slide p {
          bottom: 10vw; } }
      @media screen and (min-width: 981px) and (max-width: 1500px) {
        .page-demo_places_map .location_detail_modal_outer .photo_slide h2, .page-demo_places_map .location_detail_modal_outer .photo_slide p {
          top: 35.5vw; } }
      @media screen and (min-width: 1501px) {
        .page-demo_places_map .location_detail_modal_outer .photo_slide h2, .page-demo_places_map .location_detail_modal_outer .photo_slide p {
          top: 490px; } }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .photo_slide .photo_caption {
        bottom: 19vw;
        margin: 0 5vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer .photo_slide .photo_caption {
        top: 34.5vw;
        margin: 0 3vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .photo_slide .photo_caption {
        top: 475px;
        margin: 0 50px; } }
  .page-demo_places_map .location_detail_modal_outer .next_image,
  .page-demo_places_map .location_detail_modal_outer .previous_image {
    text-indent: -9999px;
    display: block;
    position: absolute;
    background: transparent no-repeat center / contain;
    border: 0;
    bottom: 0;
    z-index: 9;
    cursor: pointer; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .next_image,
      .page-demo_places_map .location_detail_modal_outer .previous_image {
        width: 5vw;
        height: 20vw;
        bottom: 10vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer .next_image,
      .page-demo_places_map .location_detail_modal_outer .previous_image {
        width: 3vw;
        height: 3vw;
        top: 34vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .next_image,
      .page-demo_places_map .location_detail_modal_outer .previous_image {
        width: 45px;
        height: 45px;
        top: 465px; } }
  .page-demo_places_map .location_detail_modal_outer .next_image {
    right: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-right-01.svg"); }
  .page-demo_places_map .location_detail_modal_outer .previous_image {
    left: 0;
    background-image: url("/images/svgs/photo-swipe-arrow-left-01.svg"); }
  .page-demo_places_map .location_detail_modal_outer .background {
    background: #3b3838;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 980px) {
      .page-demo_places_map .location_detail_modal_outer .background {
        height: 40vw; } }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-demo_places_map .location_detail_modal_outer .background {
        top: 33vw; } }
    @media screen and (min-width: 1501px) {
      .page-demo_places_map .location_detail_modal_outer .background {
        top: 450px; } }
@media screen and (max-width: 980px) {
  .page-demo_places_map .hb_search_container {
    position: absolute;
    top: 12vw;
    left: 2vw;
    display: flex; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-demo_places_map .hb_search_container {
    top: 6vw;
    left: 1vw;
    position: absolute;
    display: flex; } }
@media screen and (min-width: 1501px) {
  .page-demo_places_map .hb_search_container {
    top: 77px;
    left: 15px;
    position: absolute;
    display: flex; } }
.page-demo_places_map .hb_search_container .search_icon {
  background: transparent url("/images/artists/search-icon-white.svg") no-repeat left/contain;
  cursor: pointer;
  opacity: 0.5;
  display: block;
  transform: rotate(90deg); }
  @media screen and (max-width: 980px) {
    .page-demo_places_map .hb_search_container .search_icon {
      width: 10vw;
      height: 10vw;
      margin-right: 2vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-demo_places_map .hb_search_container .search_icon {
      width: 4vw;
      height: 5vw;
      margin-right: 1vw; } }
  @media screen and (min-width: 1501px) {
    .page-demo_places_map .hb_search_container .search_icon {
      width: 60px;
      height: 50px;
      margin-right: 15px; } }
.page-demo_places_map .hb_search_container #pac-input {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity .2s ease-out;
  align-self: center; }
.page-demo_places_map .hb_search_container.on #pac-input,
.page-demo_places_map .hb_search_container.on .clear_button {
  opacity: 1 !important;
  pointer-events: auto; }
.page-demo_places_map .hb_search_container .clear_button {
  background: transparent url("/images/artists/clear-text-icon.svg") no-repeat center/contain;
  text-indent: -9999px;
  border: 0;
  padding: 0;
  margin: 0;
  display: inline;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease-out; }
  @media screen and (max-width: 980px) {
    .page-demo_places_map .hb_search_container .clear_button {
      top: 3vw;
      right: 0;
      height: 5vw;
      width: 15vw; } }
  @media screen and (min-width: 981px) and (max-width: 1500px) {
    .page-demo_places_map .hb_search_container .clear_button {
      width: 2vw;
      height: 1vw;
      right: 0;
      top: 2vw; } }
  @media screen and (min-width: 1501px) {
    .page-demo_places_map .hb_search_container .clear_button {
      width: 35px;
      height: 15px;
      right: 0;
      top: 18px; } }
.page-demo_places_map .site_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(59, 56, 56, 0.9); }
  @media screen and (max-width: 980px) {
    .page-demo_places_map .site_footer {
      display: none; } }
.page-demo_places_map .pac-icon {
  display: none; }
.page-demo_places_map .pac-container,
.page-demo_places_map .pac-item {
  background: #3b3838;
  color: #fff;
  border-color: #898888;
  font-weight: 500;
  cursor: pointer; }
  .page-demo_places_map .pac-container:first-child,
  .page-demo_places_map .pac-item:first-child {
    border: 0; }
  @media screen and (max-width: 980px) {
    .page-demo_places_map .pac-container,
    .page-demo_places_map .pac-item {
      width: 100%; } }
.page-demo_places_map .pac-item:hover {
  background: #626060; }
.page-demo_places_map .pac-matched,
.page-demo_places_map .pac-item-query {
  font-weight: 900;
  color: #fff; }
@media screen and (max-width: 980px) {
  .page-demo_places_map.artist_loggedin .hb_search_container {
    top: 12vw; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-demo_places_map.artist_loggedin .hb_search_container {
    top: 9vw; } }
@media screen and (min-width: 1501px) {
  .page-demo_places_map.artist_loggedin .hb_search_container {
    top: 137px; } }
@media screen and (min-width: 981px) and (max-width: 1500px) {
  .page-demo_places_map.artist_loggedin #map-canvas {
    top: 8.7vw; } }
@media screen and (min-width: 1501px) {
  .page-demo_places_map.artist_loggedin #map-canvas {
    top: 125px; } }
.page-demo_places_map .art_artist_link {
  color: #0094c8; }
  .page-demo_places_map .art_artist_link:hover {
    color: #0094c8; }

.page-profile {
  background: #4f4c4c url("/images/mailing-list-model-background.svg") no-repeat center 25vh/cover;
  color: #fff; }
  @media screen and (max-width: 980px) {
    .page-profile {
      background-image: url("/images/surfer-mobile-tall.svg");
      background-position: left 2vh;
      background-size: 100vw;
      display: block;
      padding-top: 10vh; } }
  @media screen and (max-width: 980px) {
    .page-profile .site_header {
      display: none; } }
  .page-profile main {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 85vh; }
    @media screen and (max-width: 980px) {
      .page-profile main {
        display: block;
        min-height: unset; } }
  .page-profile .inner {
    text-align: center; }
    @media screen and (max-width: 980px) {
      .page-profile .inner h2 {
        font-size: 6vw; } }
  .page-profile form {
    margin: 0 auto;
    text-align: left; }
    @media screen and (min-width: 981px) and (max-width: 1500px) {
      .page-profile form {
        width: 30vw; } }
    @media screen and (min-width: 1501px) {
      .page-profile form {
        width: 500px; } }
    @media screen and (max-width: 980px) {
      .page-profile form input[type=submit] {
        width: 100%; } }
  .page-profile .fos_user_change_password ul {
    display: none; }
  .page-profile .close_button {
    top: 6vw; }
    @media screen and (max-width: 980px) {
      .page-profile .close_button {
        top: 0; } }

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