.section {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 700px;
  max-width: 1920px;
}

.image {
  position: relative;
  -o-object-fit: fill;
  object-fit: fill;
}

.off-icon-div {
  position: absolute;
  left: 10%;
  top: 0%;
  width: 35px;
  background-color: transparent;
}

.off-icon-div.bbl2 {
  position: absolute;
  left: 14%;
  top: 5%;
  right: auto;
  bottom: auto;
}

.off-icon-div.bbl1 {
  position: relative;
}

.off-icon-div.bbl3 {
  left: 22%;
  top: 2%;
}

.off-icon-div.bbl4 {
  left: 21%;
  top: 11%;
}

.off-icon-div.bbl5 {
  left: 29%;
  top: 7%;
  background-color: transparent;
  background-image: none;
}

.off-icon-div.bbl6 {
  left: 32%;
  top: 20%;
}

.off-icon-div.bbl7 {
  left: 44%;
  top: 26%;
}

.off-icon-div.bbl8 {
  left: 50%;
  top: 16%;
}

.off-icon-div.bbl9 {
  left: 65%;
  top: 8%;
}

.map-bubble-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.mult-icon-div {
  position: absolute;
  left: 10%;
  top: 0%;
  width: 35px;
}

.mult-icon-div.bbl10 {
  left: 36%;
  top: 10%;
}

.mult-icon-div.bbl11 {
  left: 43%;
  top: 12%;
}

.mult-icon-div.bbl12 {
  left: 79%;
  top: 10%;
}

.mult-icon-div.bbl13 {
  left: 72%;
  top: 28%;
}

.mult-icon-div.bbl14 {
  left: 46%;
  top: 44%;
}

.mix-icon-div {
  position: absolute;
  left: 10%;
  top: 0%;
  width: 35px;
}

.mix-icon-div.bbl15 {
  left: 31%;
  top: 13%;
}

.mix-icon-div.bbl16 {
  left: 37%;
  top: 19%;
}

.mix-icon-div.bbl17 {
  left: 45%;
  top: 18%;
}

.mix-icon-div.bbl18 {
  left: 48%;
  top: 25%;
}

.mix-icon-div.bbl19 {
  left: 54%;
  top: 19%;
}

.mix-icon-div.bbl20 {
  left: 58%;
  top: 40%;
}

.mix-icon-div.bbl21 {
  left: 53%;
  top: 58%;
}

.mix-icon-div.bbl22 {
  left: 63%;
  top: 32%;
}

.ret-icon-div {
  position: absolute;
  left: 10%;
  top: 0%;
  width: 35px;
}

.ret-icon-div.bbl23 {
  left: 35%;
  top: 29%;
}

.ret-icon-div.bbl24 {
  left: 42%;
  top: 25%;
}

.ret-icon-div.bbl25 {
  left: 45%;
  top: 35%;
}

.off-icon-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  opacity: 1;
}

.off-icon-hover:hover {
  opacity: 1;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.off-icon-hover:active {
  opacity: 1;
}

.off-icon-hover:focus {
  opacity: 1;
}

.multi-icon-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  opacity: 1;
}

.multi-icon-hover:hover {
  opacity: 1;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.multi-icon-hover:active {
  opacity: 1;
}

.multi-icon-hover:focus {
  opacity: 1;
}

.mix-icon-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  opacity: 1;
}

.mix-icon-hover:hover {
  opacity: 1;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.mix-icon-hover:active {
  opacity: 1;
}

.mix-icon-hover:focus {
  opacity: 1;
}

.ret-icon-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: block;
  opacity: 1;
}

.ret-icon-hover:hover {
  opacity: 1;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

.ret-icon-hover:active {
  opacity: 1;
}

.ret-icon-hover:focus {
  opacity: 1;
}

.info-slide-out {
  position: absolute;
  left: 0%;
  bottom: 10%;
  display: none;
  height: auto;
  max-height: 600px;
  max-width: 400px;
  padding: 5px 20px 10px 40px;
  background-color: #b6b09c;
}

.info-slide-out.off-slide {
  display: block;
}

.info-slide-out.multi-slide {
  display: block;
}

.info-slide-out.mixed-slide {
  display: block;
}

.info-slide-out.retail-slide {
  display: block;
}

.slide-out-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Rift demi', sans-serif;
  color: #fff;
  font-size: 3rem;
  line-height: 1.25;
  letter-spacing: 5px;
}

.slide-out-sep {
  width: 100%;
  height: 3px;
  background-color: #d31f39;
}

.slide-out-text {
  margin-top: 0px;
  font-family: 'Verlag book', sans-serif;
  color: #54575a;
  font-size: 16px;
  line-height: 1.25;
}

.slide-out-subhead {
  font-family: Verlag, sans-serif;
  color: #54575a;
  font-size: 18px;
  text-transform: uppercase;
}

.text-span {
  font-family: Verlag, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.text-span-2 {
  font-family: Verlag, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.text-span-3 {
  font-family: Verlag, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.text-span-4 {
  font-family: Verlag, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.map-key-img {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  max-width: 38%;
  margin-top: 0px;
}

.body {
  max-height: 700px;
}

@font-face {
  font-family: 'Rift demi';
  src: url('../fonts/Rift-Demi.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Verlag';
  src: url('../fonts/Verlag-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Verlag book';
  src: url('../fonts/Verlag-Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}