/* Exact header artwork cropped from the approved Index launch images. */

.kbs-master-header {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
}

.kbs-master-header img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
}

.kbs-master-header a {
  position: absolute;
  z-index: 20;
  display: block;
  background: transparent;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}

/* Desktop hotspot positions match the approved 1536px Index artwork. */

.kbs-master-home-d {
  left: 2.5%;
  top: 0%;
  width: 24%;
  height: 100%;
}

.kbs-master-facial-d {
  left: 45.5%;
  top: 0%;
  width: 11%;
  height: 100%;
}

.kbs-master-headspa-d {
  left: 57.0%;
  top: 0%;
  width: 13%;
  height: 100%;
}

.kbs-master-retail-d {
  left: 69.5%;
  top: 0%;
  width: 18%;
  height: 100%;
}

.kbs-master-contact-d {
  left: 87.0%;
  top: 0%;
  width: 12%;
  height: 100%;
}

/* Mobile hotspot positions match the approved 853px Index artwork. */

.kbs-master-home-m {
  left: 2%;
  top: 0%;
  width: 42%;
  height: 57%;
}

.kbs-master-facial-m {
  left: 3%;
  top: 54%;
  width: 18%;
  height: 44%;
}

.kbs-master-headspa-m {
  left: 25%;
  top: 54%;
  width: 22%;
  height: 44%;
}

.kbs-master-retail-m {
  left: 50%;
  top: 54%;
  width: 29%;
  height: 44%;
}

.kbs-master-contact-m {
  left: 81%;
  top: 54%;
  width: 18%;
  height: 44%;
}