/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(../fonts/Futura/Futura-Medium.css);
@import url(../fonts/Futura%20Bk%20BT/FuturaBT-Book.css);
@import url(../fonts/Futura%20Hv%20BT/FuturaBT-Heavy.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

.tables th, .tables td {
  text-align: center;
  line-height: 1.4em;
  font-size: 1em; }
.tables th {
  font-family: 'FuturaHvBT';
  text-transform: uppercase; }
.tables td {
  font-family: 'FuturaBkBT'; }
  .tables td:nth-child(1) {
    font-family: 'Futura';
    font-weight: 700;
    background-color: #d2e9e6; }
.tables thead {
  background-color: #8fccc7; }
.tables tbody tr {
  border-bottom: 1px solid #dedede;
  background-color: #fbfbfb; }
  .tables tbody tr:nth-child(2n) {
    background-color: #FFF; }
.tables .table-wrapper th, .tables .table-wrapper td {
  text-align: left; }

body.stick {
  overflow: hidden; }

.wrapper {
  position: relative;
  width: 1100px;
  overflow: hidden;
  margin: auto; }
  @media screen and (max-width: 1100px) {
    .wrapper {
      width: 990px; } }
  @media screen and (max-width: 990px) {
    .wrapper {
      width: 880px; } }
  @media screen and (max-width: 880px) {
    .wrapper {
      width: 770px; } }
  @media screen and (max-width: 770px) {
    .wrapper {
      width: 660px; } }
  @media screen and (max-width: 660px) {
    .wrapper {
      width: 550px; } }
  @media screen and (max-width: 550px) {
    .wrapper {
      width: 440px; } }
  @media screen and (max-width: 440px) {
    .wrapper {
      width: 330px; } }
  @media screen and (max-width: 330px) {
    .wrapper {
      width: 320px; } }
  .wrapper .map-container img {
    max-width: 100%; }
  .wrapper .pin-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .wrapper .pin-clips {
    height: 0;
    overflow: hidden; }

.pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
  position: absolute;
  background-size: 100% auto;
  transition: transform 0.3s;
  cursor: pointer;
  transform: translate(-50%, -50%); }
  .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
    transform: translate(-50%, -50%) scale(1.1, 1.1);
    z-index: 8; }
  @media screen and (max-width: 1100px) {
    .pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
      transform: translate(-50%, -50%) scale(0.9, 0.9); }
      .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
        transform: translate(-50%, -50%) scale(1, 1); } }
  @media screen and (max-width: 990px) {
    .pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
      transform: translate(-50%, -50%) scale(0.8, 0.8); }
      .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
        transform: translate(-50%, -50%) scale(0.85, 0.85); } }
  @media screen and (max-width: 880px) {
    .pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
      transform: translate(-50%, -50%) scale(0.7, 0.7); }
      .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
        transform: translate(-50%, -50%) scale(0.8, 0.8); } }
  @media screen and (max-width: 770px) {
    .pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
      transform: translate(-50%, -50%) scale(0.6, 0.6); }
      .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
        transform: translate(-50%, -50%) scale(0.67, 0.67); } }
  @media screen and (max-width: 660px) {
    .pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
      transform: translate(-50%, -50%) scale(0.5, 0.5); }
      .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
        transform: translate(-50%, -50%) scale(0.55, 0.55); } }
  @media screen and (max-width: 550px) {
    .pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
      transform: translate(-50%, -50%) scale(0.4, 0.4); }
      .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
        transform: translate(-50%, -50%) scale(0.45, 0.45); } }
  @media screen and (max-width: 440px) {
    .pin, #flow-pin, #boom-pin, #mysteryland-pin, #nosalive-pin, #primavera-pin, #ruisrock-pin, #sziget-pin, #summerburst-pin, #tomorrowland-pin, #sonar-pin, #vfest-pin, #reading-pin, #parklife-pin, #lovebox-pin, #kendalcalling-pin, #glastonbury-pin, #download-pin, #creamfields-pin, #boardmasters-pin, #bestival-pin, #electricforest-pin, #lollapalooza-pin, #summerfest-pin, #sunfest-pin, #ultra-pin, #edc-pin, #coachella-pin, #burningman-pin, #bonnaroo-pin, #wonderland-pin {
      transform: translate(-50%, -50%) scale(0.3, 0.3); }
      .pin:hover, #flow-pin:hover, #boom-pin:hover, #mysteryland-pin:hover, #nosalive-pin:hover, #primavera-pin:hover, #ruisrock-pin:hover, #sziget-pin:hover, #summerburst-pin:hover, #tomorrowland-pin:hover, #sonar-pin:hover, #vfest-pin:hover, #reading-pin:hover, #parklife-pin:hover, #lovebox-pin:hover, #kendalcalling-pin:hover, #glastonbury-pin:hover, #download-pin:hover, #creamfields-pin:hover, #boardmasters-pin:hover, #bestival-pin:hover, #electricforest-pin:hover, #lollapalooza-pin:hover, #summerfest-pin:hover, #sunfest-pin:hover, #ultra-pin:hover, #edc-pin:hover, #coachella-pin:hover, #burningman-pin:hover, #bonnaroo-pin:hover, #wonderland-pin:hover {
        transform: translate(-50%, -50%) scale(0.35, 0.35); } }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 4em);
  height: calc(100% - 4em);
  padding: 2em;
  font-size: 1em;
  line-heght: 1.5em;
  display: none;
  z-index: 99999;
  overflow: scroll; }
  .overlay.show {
    display: block; }
  .overlay .inner {
    position: relative;
    height: 100%; }
    .overlay .inner .box {
      background-color: #FFF;
      width: calc(100% - 2em);
      padding: 1em;
      max-width: 800px;
      box-shadow: #444 0 0 10px;
      position: relative;
      margin: 0 auto 2em;
      text-align: center; }
      .overlay .inner .box ._1, .overlay .inner .box ._2, .overlay .inner .box ._3, .overlay .inner .box ._4, .overlay .inner .box ._5, .overlay .inner .box ._6, .overlay .inner .box ._7, .overlay .inner .box ._8, .overlay .inner .box ._9, .overlay .inner .box ._10 {
        display: none; }
      .overlay .inner .box .title {
        font-family: "FuturaHvBT";
        font-size: 2em;
        text-transform: uppercase;
        margin: 1em 0;
        line-height: 1.4em; }
      .overlay .inner .box .sub {
        font-family: "Futura";
        text-transform: uppercase;
        margin: 1em 0;
        line-height: 1.4em; }
        .overlay .inner .box .sub a {
          color: #ec008c;
          text-decoration: underline; }
      .overlay .inner .box .info {
        font-family: "FuturaBkBT";
        margin: 2.5em auto;
        max-width: 800px;
        line-height: 1.4em; }
      .overlay .inner .box .close, .overlay .inner .box .nav {
        font-family: "FuturaBkBT";
        cursor: pointer; }
      .overlay .inner .box .close {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        font-size: 2em; }
      .overlay .inner .box .slide-wrap {
        position: relative; }
        .overlay .inner .box .slide-wrap .nav {
          height: 25px;
          width: 25px;
          border-bottom: 1px solid #000;
          border-left: 1px solid #000;
          position: absolute;
          top: 40%; }
          @media screen and (max-width: 500px) {
            .overlay .inner .box .slide-wrap .nav {
              display: none; } }
          .overlay .inner .box .slide-wrap .nav.prev {
            transform: rotate(45deg);
            left: 1em; }
          .overlay .inner .box .slide-wrap .nav.next {
            transform: rotate(-135deg);
            right: 1em; }
        .overlay .inner .box .slide-wrap .slider {
          width: calc(100% - 100px);
          margin: auto; }
          @media screen and (max-width: 500px) {
            .overlay .inner .box .slide-wrap .slider {
              width: calc(100% - 2em); } }
          .overlay .inner .box .slide-wrap .slider iframe {
            margin: auto !important; }
        .overlay .inner .box .slide-wrap .slick-dots {
          margin: 2em 0; }
          .overlay .inner .box .slide-wrap .slick-dots li {
            display: inline;
            margin: 0 0.25em; }
          .overlay .inner .box .slide-wrap .slick-dots button {
            overflow: hidden;
            text-indent: 100px;
            height: 16px;
            width: 16px;
            border-radius: 8px;
            border: 2px solid #d0d0cf;
            background-color: #FFF;
            cursor: pointer; }
          .overlay .inner .box .slide-wrap .slick-dots .slick-active button {
            background-color: #d0d0cf; }
  .overlay._1 ._1 {
    display: block !important; }
  .overlay._2 ._2 {
    display: block !important; }
  .overlay._3 ._3 {
    display: block !important; }
  .overlay._4 ._4 {
    display: block !important; }
  .overlay._5 ._5 {
    display: block !important; }
  .overlay._6 ._6 {
    display: block !important; }
  .overlay._7 ._7 {
    display: block !important; }
  .overlay._8 ._8 {
    display: block !important; }
  .overlay._9 ._9 {
    display: block !important; }
  .overlay._10 ._10 {
    display: block !important; }

#flow-pin {
  background-image: url("../img/europe/flow.png");
  width: 360px;
  height: 271px;
  top: 13%;
  left: 80%;
  clip-path: url(#flow-clip); }

#boom-pin {
  background-image: url("../img/europe/boom.png");
  width: 252px;
  height: 387px;
  top: 66%;
  left: 15%;
  clip-path: url(#boom-clip); }

#mysteryland-pin {
  background-image: url("../img/europe/mysteryland.png");
  width: 338px;
  height: 365px;
  top: 66%;
  left: 56%;
  clip-path: url(#mysteryland-clip); }

#nosalive-pin {
  background-image: url("../img/europe/nosalive.png");
  width: 314px;
  height: 270px;
  top: 88%;
  left: 15%;
  clip-path: url(#nosalive-clip); }

#primavera-pin {
  background-image: url("../img/europe/primavera.png");
  width: 216px;
  height: 323px;
  top: 83%;
  left: 38%;
  clip-path: url(#primavera-clip); }

#ruisrock-pin {
  background-image: url("../img/europe/ruisrock.png");
  width: 284px;
  height: 318px;
  top: 35%;
  left: 75%;
  clip-path: url(#ruisrock-clip); }

#sziget-pin {
  background-image: url("../img/europe/sziget.png");
  width: 366px;
  height: 539px;
  top: 68%;
  left: 82%;
  clip-path: url(#sziget-clip); }

#summerburst-pin {
  background-image: url("../img/europe/summerburst.png");
  width: 303px;
  height: 460px;
  top: 30%;
  left: 48%;
  clip-path: url(#summerburst-clip); }

#tomorrowland-pin {
  background-image: url("../img/europe/tomorrowland.png");
  width: 309px;
  height: 455px;
  top: 47%;
  left: 24%;
  clip-path: url(#tomorrowland-clip); }

#sonar-pin {
  background-image: url("../img/europe/sonar.png");
  width: 262px;
  height: 197px;
  top: 68%;
  left: 37%;
  clip-path: url(#sonar-clip); }

#vfest-pin {
  background-image: url("../img/uk/vfest.png");
  width: 409px;
  height: 419px;
  top: 42%;
  left: 80%;
  clip-path: url(#vfest-clip); }

#reading-pin {
  background-image: url("../img/uk/reading.png");
  width: 250px;
  height: 164px;
  top: 55%;
  left: 60%;
  clip-path: url(#reading-clip); }

#parklife-pin {
  background-image: url("../img/uk/parklife.png");
  width: 368px;
  height: 287px;
  top: 23%;
  left: 57%;
  clip-path: url(#parklife-clip); }

#lovebox-pin {
  background-image: url("../img/uk/lovebox.png");
  width: 314px;
  height: 447px;
  top: 68%;
  left: 85.7%;
  clip-path: url(#lovebox-clip); }

#kendalcalling-pin {
  background-image: url("../img/uk/kendalcalling.png");
  width: 443px;
  height: 338px;
  top: 13%;
  left: 26%;
  clip-path: url(#kendalcalling-clip); }

#glastonbury-pin {
  background-image: url("../img/uk/glastonbury.png");
  width: 381px;
  height: 298px;
  top: 60%;
  left: 30%;
  clip-path: url(#glastonbury-clip); }

#download-pin {
  background-image: url("../img/uk/download.png");
  width: 211px;
  height: 319px;
  top: 41%;
  left: 52%;
  clip-path: url(#download-clip); }

#creamfields-pin {
  background-image: url("../img/uk/creamfields.png");
  width: 288px;
  height: 398px;
  top: 36%;
  left: 28%;
  clip-path: url(#creamfields-clip); }

#boardmasters-pin {
  background-image: url("../img/uk/boardmasters.png");
  width: 569px;
  height: 517px;
  top: 82%;
  left: 27%;
  clip-path: url(#boardmasters-clip); }

#bestival-pin {
  background-image: url("../img/uk/bestival.png");
  width: 380px;
  height: 313px;
  top: 68%;
  left: 57%;
  clip-path: url(#bestival-clip); }

#electricforest-pin {
  background-image: url("../img/us/electricforest.png");
  width: 684px;
  height: 547px;
  top: 22%;
  left: 67%;
  clip-path: url(#electricforest-clip); }

#lollapalooza-pin {
  background-image: url("../img/us/lollapalooza.png");
  width: 300px;
  height: 215px;
  top: 41%;
  left: 86%;
  clip-path: url(#lollapalooza-clip); }

#summerfest-pin {
  background-image: url("../img/us/summerfest.png");
  width: 624px;
  height: 530px;
  top: 36%;
  left: 55%;
  clip-path: url(#summerfest-clip); }

#sunfest-pin {
  background-image: url("../img/us/sunfest.png");
  width: 524px;
  height: 530px;
  top: 78%;
  left: 77%;
  clip-path: url(#sunfest-clip); }

#ultra-pin {
  background-image: url("../img/us/ultra.png");
  width: 284px;
  height: 111px;
  top: 70%;
  left: 75%;
  z-index: 9;
  clip-path: url(#ultra-clip); }

#edc-pin {
  background-image: url("../img/us/edc.png");
  width: 386px;
  height: 298px;
  top: 42%;
  left: 19%;
  clip-path: url(#edc-clip); }

#coachella-pin {
  background-image: url("../img/us/coachella.png");
  width: 259px;
  height: 379px;
  top: 59%;
  left: 20%;
  clip-path: url(#coachella-clip); }

#burningman-pin {
  background-image: url("../img/us/burningman.png");
  width: 300px;
  height: 578px;
  top: 18%;
  left: 16%;
  clip-path: url(#burningman-clip); }

#bonnaroo-pin {
  background-image: url("../img/us/bonnaroo.png");
  width: 290px;
  height: 266px;
  top: 57%;
  left: 75%;
  clip-path: url(#bonnaroo-clip); }

#wonderland-pin {
  background-image: url("../img/us/wonderland.png");
  width: 369px;
  height: 576px;
  top: 58%;
  left: 46%;
  clip-path: url(#wonderland-clip); }