.characters {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 11%;
  margin: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.characters:hover {
  z-index: 11;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.characters.hiker {
  left: auto;
  top: auto;
  right: 39%;
  bottom: 13%;
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.characters.artist {
  position: absolute;
  left: auto;
  top: 12%;
  right: 27%;
  bottom: auto;
}

.characters.bear {
  left: auto;
  top: auto;
  right: 44%;
  bottom: 28%;
}

.characters.golfer {
  left: 29%;
  top: 10%;
  right: auto;
  bottom: auto;
}

.characters.trolley {
  left: 41.5%;
  top: 26%;
  right: auto;
  bottom: auto;
  width: 10.5%;
  height: 90px;
  padding-bottom: 0px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.hiking-1 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  max-width: none;
}

.hiking-2 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.hiking-3 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.hiking-4 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.hiking-5 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.artist-1 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  max-width: none;
}

.artist-2 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.artist-3 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.bear-1 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  max-width: none;
}

.bear-2 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.bear-3 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.bear-4 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.bear-5 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.bear-6 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.golf-1 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  max-width: none;
}

.golf-2 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.golf-3 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.golf-4 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.golf-5 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.trolley-1 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  max-width: none;
  margin-bottom: 5px;
}

.trolley-2 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
  margin-bottom: 5px;
}

.trolley-3 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
  margin-bottom: 5px;
}

.trolley-4 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.trolley-5 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
}

.map-interactions-block {
  position: relative;
  z-index: 100;
  width: 80%;
  height: 100%;
}

.gatlinburg-landscape {
  position: absolute;
  z-index: 20;
}

.gatlinburg-cliff-branch-river {
  position: absolute;
  z-index: 20;
}

.gatlinburg-main-roads {
  position: absolute;
  z-index: 20;
}

.gatlinburg-highways {
  position: absolute;
  z-index: 20;
}

.gatlinburg-road-names {
  position: absolute;
  z-index: 20;
}

.gatlinburg-trees {
  position: absolute;
  z-index: 20;
  width: 100%;
}

.gatlinburg-north-symbol {
  position: absolute;
  left: auto;
  top: 6%;
  right: 18%;
  bottom: auto;
  z-index: 20;
  width: 2.2%;
  height: auto;
}

.gatlinburg-map-pointer {
  position: absolute;
  left: 33%;
  top: -1%;
  z-index: 20;
  width: 26%;
  height: auto;
  max-width: none;
  cursor: default;
}

.gatlinburg-legend {
  position: absolute;
  left: auto;
  top: auto;
  right: 7%;
  bottom: 11%;
  z-index: 20;
  width: 22%;
  height: auto;
}

.character-shadow {
  position: absolute;
  left: 0%;
  top: auto;
  right: 3%;
  bottom: 19%;
  z-index: 1;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  opacity: 0.3;
}

.character-shadow.artist {
  bottom: 22%;
  opacity: 0.3;
}

.character-shadow.bear {
  right: -2%;
  bottom: 23%;
  width: 72%;
}

.character-shadow.golfer {
  right: -6%;
  bottom: 21%;
  width: 42%;
}

.character-shadow.trolley {
  top: auto;
  right: -11%;
  bottom: auto;
  z-index: 1;
  width: 91%;
}

.animations-container {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
}

.card-media {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 16vw;
  max-height: 230px;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-style: solid;
  border-width: 10px;
  border-color: #fff;
  background-color: #385568;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.slide-content-block {
  width: 100%;
  height: auto;
  margin-top: 0px;
}

.map-intro-heading {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: 'Suez One', sans-serif;
  color: #385568;
  font-size: 3.6em;
  line-height: 1em;
  font-weight: 400;
  text-transform: capitalize;
}

.map-intro-paragraph {
  width: 75%;
  margin-bottom: 25px;
  font-family: Montserrat, sans-serif;
  color: #7a7a7a;
  font-size: 18px;
  line-height: 1.7em;
  font-weight: 300;
}

.card-text-link {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  font-family: 'Suez One', sans-serif;
  color: #cd8b2a;
  font-size: 17px;
  text-decoration: none;
  text-transform: uppercase;
}

.card-text-link:hover {
  color: #5b7755;
}

.play-video-button {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: block;
  width: 70px;
  height: auto;
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.play-video-button:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.map-card {
  position: absolute;
  left: 2%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 26%;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.map-card.trail {
  display: none;
}

.map-card.bears {
  display: none;
}

.map-card.golfing {
  display: none;
}

.map-card.smoky {
  display: none;
}

.map-card.arts {
  z-index: 2;
  display: none;
}

.map-card.trolleys {
  display: none;
}

.map-card.falls {
  display: none;
}

.map-card.intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 28%;
}

.map-card.skylift {
  display: none;
}

.map-card.aquarium {
  display: none;
}

.map-card.anakeesta {
  display: none;
}

.map-card.space-needle {
  display: none;
}

.map-card.ober {
  display: none;
}

.card-content {
  height: 100%;
  max-height: 340px;
  padding: 30px 30px 25px 0px;
  border-bottom: 7px none #dbdbdb;
  background-color: #fff;
}

.card-heading {
  width: 95%;
  margin-top: 0px;
  font-family: 'Suez One', sans-serif;
  color: #385568;
  font-size: 24px;
  line-height: 25px;
  font-weight: 400;
}

.card-paragraph {
  width: 72%;
  margin-top: 15px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  color: #7a7a7a;
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300;
}

.map-label-pointer {
  position: absolute;
  z-index: 8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: auto;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #a30000;
  box-shadow: 0 4px 0 0 #680202;
  -webkit-transform: scale3d(1none, 1none, 1none);
  transform: scale3d(1none, 1none, 1none);
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 1em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.map-label-pointer:hover {
  -webkit-transform: translate(0px, -7px) scale(1.1);
  -ms-transform: translate(0px, -7px) scale(1.1);
  transform: translate(0px, -7px) scale(1.1);
}

.map-label-pointer.laurel-falls {
  left: 4%;
  bottom: 19%;
}

.map-label-pointer.smoky-mountains {
  left: 73%;
  bottom: 47%;
}

.map-label-pointer.featured {
  left: auto;
  top: 23%;
  right: -6%;
  bottom: auto;
  width: 115px;
  height: 115px;
  border-style: solid;
  border-width: 3px;
  border-color: #dbfcca;
  border-radius: 12px;
  background-color: #bdddb6;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: box-shadow 325ms ease, border-color 325ms ease, background-color 325ms ease, -webkit-transform 200ms ease;
  transition: box-shadow 325ms ease, border-color 325ms ease, background-color 325ms ease, -webkit-transform 200ms ease;
  transition: box-shadow 325ms ease, border-color 325ms ease, background-color 325ms ease, transform 200ms ease;
  transition: box-shadow 325ms ease, border-color 325ms ease, background-color 325ms ease, transform 200ms ease, -webkit-transform 200ms ease;
}

.map-label-pointer.featured:hover {
  border-color: #45b8d5;
  background-color: #86e7ff;
  box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.6);
}

.map-label-pointer.featured.needle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.map-label-pointer.attractions {
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  padding-top: 5px;
  padding-bottom: 6px;
  background-color: #cd4d27;
  box-shadow: 0 4px 0 0 #7c1f09;
  font-size: 11px;
}

.map-label-pointer.attractions.anakeesta {
  left: 36%;
  top: 59%;
}

.map-label-pointer.attractions.space-needle {
  left: 28%;
  top: 62%;
}

.map-label-pointer.attractions.ober {
  left: 6%;
  top: 51%;
}

.map-label-pointer.attractions.skylift {
  left: 25%;
  top: 39%;
}

.map-label-pointer.attractions.aquarium {
  left: 35%;
  top: 35%;
}

.map-label-title {
  position: relative;
  z-index: 2;
  line-height: 1.1em;
  text-align: center;
}

.map-label-pointer-cap {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 10px;
  height: 10px;
  background-color: #a30000;
  -webkit-transform: scale3d(1, 3.5, 1) rotate(45deg);
  transform: scale3d(1, 3.5, 1) rotate(45deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.map-label-icon {
  position: relative;
  width: 25px;
  height: auto;
  margin-right: 8px;
  margin-bottom: 0px;
  margin-left: 2px;
}

.static-map-elements {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.map-cards-container {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.trolley-6 {
  position: relative;
  z-index: 2;
  display: none;
  width: 100%;
  height: auto;
  max-width: none;
  margin-bottom: 0px;
}

.interactive-map {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 44vw;
  max-height: 630px;
  max-width: 1400px;
  min-width: 991px;
  margin: 80px auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -o-object-fit: fill;
  object-fit: fill;
}

.card-thumb {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.lightbox-video {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-img {
  position: absolute;
  bottom: 5px;
  max-width: 87%;
}

.map-marker-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  padding: 5px 8px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  cursor: pointer;
}

.map-marker-wrapper.ober-1 {
  left: 28%;
  bottom: 43.5%;
}

.map-marker-wrapper.ober-2 {
  left: 11.8%;
  bottom: 39.3%;
}

.map-marker-wrapper.skylift {
  left: 30.1%;
  bottom: 48%;
}

.map-marker-wrapper.aquarium {
  left: 32.1%;
  bottom: 50%;
}

.map-marker-wrapper.space-needle {
  left: 31%;
  bottom: 44.2%;
}

.map-marker-wrapper.anakeesta {
  left: 33.2%;
  bottom: 46%;
}

.ober-line-wrapper {
  position: absolute;
  left: 13.5%;
  top: auto;
  right: auto;
  bottom: 41%;
  width: 15.6%;
  height: auto;
}

.sky-bg {
  position: absolute;
  bottom: 9px;
  width: 90px;
  height: 91px;
  border-radius: 100%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(253, 241, 169, 0.7) 20%, transparent 70%);
  -webkit-transition: background-color 325ms ease;
  transition: background-color 325ms ease;
}

.text-span {
  margin-left: 3px;
  font-family: 'Font awesome 5 free solid 900';
}

.flashing-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 210px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flashing-cta_text {
  font-family: 'Suez One', sans-serif;
  color: #385568;
  font-size: 18px;
  line-height: 1em;
  text-transform: none;
}

.flashing-cta_arrow {
  font-family: 'Fa solid 900', sans-serif;
  color: #cd8b2a;
  font-size: 30px;
  line-height: 1em;
}

.card-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-info-text {
  font-family: Montserrat, sans-serif;
  color: #cd8b2a;
  font-size: 16px;
  line-height: 1em;
  font-weight: 400;
  text-transform: capitalize;
}

.card-info-icon {
  margin-right: 7px;
  font-family: 'Fa solid 900', sans-serif;
  color: #cd4d27;
}

.card-info-icon.mobile {
  margin-left: 1px;
}

.bold-text {
  margin-right: 10px;
}

@media screen and (max-width: 991px) {
  .characters.hiker {
    right: 38%;
    bottom: 9%;
  }
  .characters.bear {
    bottom: 26%;
  }
  .characters.trolley {
    height: 8vw;
  }
  .map-interactions-block {
    width: 100%;
    height: 55vw;
  }
  .character-shadow.trolley {
    bottom: 0%;
  }
  .card-media {
    width: 30%;
    height: 19vw;
  }
  .map-intro-heading {
    margin-bottom: 10px;
    font-size: 30px;
  }
  .map-intro-paragraph {
    width: 100%;
    font-size: 16px;
  }
  .map-card {
    position: relative;
    left: auto;
    display: none;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .map-card.bears {
    display: none;
  }
  .map-card.arts {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .map-card.intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin-top: 30px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    max-height: 300px;
    margin-left: 30px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .card-heading {
    width: 100%;
  }
  .card-paragraph {
    width: 100%;
  }
  .map-label-pointer.laurel-falls {
    left: 3%;
    bottom: 18%;
  }
  .map-label-pointer.smoky-mountains {
    left: 76%;
    bottom: 47%;
  }
  .map-label-pointer.featured {
    width: 70px;
    height: 70px;
    border-width: 2px;
  }
  .map-label-pointer.attractions {
    padding: 5px;
  }
  .map-label-pointer.attractions:hover {
    -webkit-transform: translate(0px, -3px) scale(1.1);
    -ms-transform: translate(0px, -3px) scale(1.1);
    transform: translate(0px, -3px) scale(1.1);
  }
  .map-label-title {
    display: none;
  }
  .map-label-title.attractions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 8px;
  }
  .map-label-icon {
    margin-right: 0px;
    margin-left: 0px;
  }
  .map-cards-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 240px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .interactive-map {
    height: auto;
    max-height: none;
    max-width: 991px;
    min-width: 768px;
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .map-marker-wrapper.ober-1 {
    bottom: 43%;
  }
  .map-marker-wrapper.ober-2 {
    bottom: 38%;
  }
  .map-marker-wrapper.skylift {
    bottom: 47%;
  }
  .map-marker-wrapper.aquarium {
    left: 32%;
    bottom: 49%;
  }
  .map-marker-wrapper.space-needle {
    left: 31%;
    bottom: 42%;
  }
  .map-marker-wrapper.anakeesta {
    bottom: 45%;
  }
  .sky-bg {
    width: 56px;
    height: 56px;
  }
  .flashing-cta {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .characters.hiker {
    right: 37%;
    bottom: 8%;
  }
  .characters.artist {
    top: 10%;
  }
  .characters.bear {
    right: 43%;
    bottom: 24%;
  }
  .characters.golfer {
    left: 28%;
    top: 9%;
  }
  .characters.trolley {
    left: 40%;
    top: 23%;
    width: 8%;
  }
  .map-interactions-block {
    left: auto;
    width: 100%;
    height: 55vw;
  }
  .card-media {
    width: 40%;
    height: 100%;
  }
  .map-intro-heading {
    font-size: 25px;
  }
  .map-intro-paragraph {
    font-size: 14px;
  }
  .card-text-link {
    font-size: 14px;
  }
  .map-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .map-card.arts {
    display: none;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .map-card.intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
  }
  .card-content {
    width: 60%;
  }
  .card-heading {
    font-size: 18px;
  }
  .card-paragraph {
    font-size: 0.9em;
  }
  .map-label-pointer {
    padding: 5px;
  }
  .map-label-pointer.featured {
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  }
  .map-label-pointer.attractions {
    box-shadow: 0 3px 0 0 #7c1f09;
  }
  .map-label-title.attractions {
    font-size: 6px;
  }
  .map-label-pointer-cap {
    width: 5px;
    height: 5px;
  }
  .map-label-icon {
    width: 20px;
  }
  .map-cards-container {
    min-height: 210px;
    margin-top: 20px;
  }
  .interactive-map {
    max-width: 767px;
    min-width: 480px;
  }
  .featured-img {
    bottom: 3px;
  }
  .map-marker-wrapper {
    width: 25px;
  }
  .sky-bg {
    bottom: 5px;
    width: 46px;
    height: 47px;
  }
  .flashing-cta {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .characters.hiker {
    right: 34%;
    bottom: 3%;
  }
  .characters.artist {
    top: 4%;
    right: 23%;
  }
  .characters.bear {
    right: 39%;
    bottom: 19%;
  }
  .characters.golfer {
    left: 25%;
    top: 3%;
  }
  .characters.trolley {
    left: 38%;
    top: 19%;
  }
  .map-interactions-block {
    height: 55vw;
  }
  .character-shadow.trolley {
    bottom: 14%;
  }
  .card-media {
    width: 100%;
    height: 55vw;
    max-height: none;
    margin-bottom: 20px;
  }
  .map-intro-heading {
    font-size: 20px;
  }
  .map-card {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .map-card.arts {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .map-card.intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .card-content {
    width: 100%;
    height: auto;
    max-height: none;
    margin-left: 0px;
  }
  .map-label-pointer.laurel-falls {
    bottom: 17%;
  }
  .map-label-pointer.smoky-mountains {
    left: 75%;
    bottom: 45%;
  }
  .map-label-pointer.featured {
    width: 35px;
    height: 35px;
    border-width: 1px;
    border-radius: 5px;
  }
  .map-label-pointer.attractions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 0 0 #7c1f09;
  }
  .map-label-pointer.attractions:hover {
    box-shadow: 0 3px 0 0 #7c1f09;
    -webkit-transform: translate(0px, -3px) scale(1.1);
    -ms-transform: translate(0px, -3px) scale(1.1);
    transform: translate(0px, -3px) scale(1.1);
  }
  .map-label-title.attractions {
    font-size: 3px;
  }
  .map-label-icon {
    width: 12px;
  }
  .interactive-map {
    max-width: 479px;
    min-width: 240px;
  }
  .featured-img {
    bottom: 2px;
  }
  .map-marker-wrapper {
    width: 21px;
  }
  .map-marker-wrapper.ober-1 {
    left: 26%;
    bottom: 41%;
  }
  .map-marker-wrapper.ober-2 {
    left: 10%;
    bottom: 36%;
  }
  .map-marker-wrapper.skylift {
    left: 29%;
    bottom: 46%;
  }
  .map-marker-wrapper.aquarium {
    left: 31%;
    bottom: 48%;
  }
  .map-marker-wrapper.space-needle {
    left: 29%;
    bottom: 41%;
  }
  .map-marker-wrapper.anakeesta {
    left: 32%;
    bottom: 44%;
  }
  .ober-line-wrapper {
    bottom: 38%;
  }
  .sky-bg {
    bottom: 2px;
    width: 28px;
    height: 29px;
  }
  .flashing-cta {
    display: none;
  }
}

@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.eot') format('embedded-opentype'), url('../fonts/fa-regular-400.woff') format('woff'), url('../fonts/fa-regular-400.ttf') format('truetype'), url('../fonts/fa-regular-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.eot') format('embedded-opentype'), url('../fonts/fa-brands-400.woff') format('woff'), url('../fonts/fa-brands-400.ttf') format('truetype'), url('../fonts/fa-brands-400.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.eot') format('embedded-opentype'), url('../fonts/fa-solid-900.woff') format('woff'), url('../fonts/fa-solid-900.ttf') format('truetype'), url('../fonts/fa-solid-900.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}