body.content.topnav #main-content {
  width: 632px;
  margin-left: 0;
  margin-right: 24px;
}
body.content.topnav #main-content .contentbox.map-dots li.color-6 > div > h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}
body.content.topnav #main-content .contentbox.map-dots li.color-6 > div > h4 {
  margin-top: 15px;
}
.contentbox.map-reference {
  padding: 24px;
  font-size: 16px;
  background-color: #F4F8FF;
  margin-top: 76px;
  border: none;
}
.contentbox.map-reference li .reference-link {
  padding-left: 25px;
  display: inline-block;
}
.contentbox.map-reference li:before {
  content: '';
  background-color: red;
  border-radius: 10px;
  border: 2px solid #fff;
  position: absolute;
  height: 10px;
  width: 10px;
  margin-top: 3px;
}
.map-dots li.color-1::before,
.map-reference li.color-1::before {
  background-color: #003da5;
}
.map-dots li.color-2::before,
.map-reference li.color-2::before {
  background-color: #ff8200;
}
.map-dots li.color-3::before,
.map-reference li.color-3::before {
  background-color: #e000af;
}
.map-dots li.color-4::before,
.map-reference li.color-4::before {
  background-color: #64ccc9;
}
.map-dots li.color-5::before,
.map-reference li.color-5::before {
  background-color: #29a40d;
}
.map-dots li.color-6::before,
.map-reference li.color-6::before {
  background-color: #676662;
  height: 14px;
  width: 14px;
}
.map-dots {
  position: relative;
  border: none;
  overflow: inherit!important;
}
.map-dots + .contentbox.map-reference {
  display: none;
}
.map-dots img {
  width: 100%;
}
.map-dots > ul {
  list-style: none;
  margin: 0;
}
.map-dots > ul li {
  position: absolute;
  cursor: pointer;
}
.map-dots > ul li:before {
  content: '';
  background-color: red;
  border: 2px solid #fff;
  border-radius: 10px;
  position: absolute;
  height: 8px;
  width: 8px;
}
.map-dots > ul li a + div {
  display: none;
}
.map-dots > ul li div[role=tooltip] {
  -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  padding: 10px;
  position: absolute;
  top: -16px;
  left: 5px;
  width: 255px;
  z-index: 4;
}
.map-dots > ul li div[role=tooltip] > h4,
.map-dots > ul li div[role=tooltip] > p,
.map-dots > ul li div[role=tooltip] > a {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
}
.map-dots > ul li div[role=tooltip] > h4 {
  color: #000;
}
.map-dots > ul li div[role=tooltip] > p {
  color: #676662;
}
.map-dots > ul li:hover:before,
.map-dots > ul li.hovered:before {
  height: 10px;
  width: 10px;
  transform: scale(1);
}
.map-dots > ul li:hover a + div,
.map-dots > ul li.hovered a + div {
  display: inline-block;
  overflow: unset;
}
.map-dots > ul li a:focus + div {
  border: 1px solid #ccc;
  background-color: #fff;
  display: inline-block;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 15px;
  width: 100px;
  z-index: 99;
}
.map-dots > ul li#location-2 {
  top: 24%;
  left: 3.5%;
}
.map-dots > ul li#location-1 {
  top: 23%;
  left: 14.5%;
}
.map-dots > ul li#location-3 {
  top: 48.5%;
  left: 9.9%;
}
.map-dots > ul li#location-4 {
  top: 48.5%;
  left: 11.5%;
}
.map-dots > ul li#location-5 {
  top: 52%;
  left: 14.5%;
}
.map-dots > ul li#location-6 {
  top: 55%;
  left: 15.5%;
}
.map-dots > ul li#location-7 {
  top: 57.5%;
  left: 18.5%;
}
.map-dots > ul li#location-8 {
  top: 61%;
  left: 20%;
}
.map-dots > ul li#location-9 {
  top: 65%;
  left: 18.5%;
}
.map-dots > ul li#location-10 {
  top: 76%;
  left: 20%;
}
.map-dots > ul li#location-11 {
  top: 22%;
  left: 45.5%;
}
.map-dots > ul li#location-12 {
  top: 37.5%;
  left: 43.5%;
}
.map-dots > ul li#location-13 {
  top: 38.5%;
  left: 62.5%;
}
.map-dots > ul li#location-14 {
  top: 46.5%;
  left: 60.5%;
}
.map-dots > ul li#location-15 {
  top: 44.5%;
  left: 62%;
}
.map-dots > ul li#location-16 {
  top: 42.5%;
  left: 64%;
}
.map-dots > ul li#location-17 {
  top: 42.5%;
  left: 66%;
}
.map-dots > ul li#location-18 {
  top: 46%;
  left: 66%;
}
.map-dots > ul li#location-19 {
  top: 43%;
  left: 72.3%;
}
.map-dots > ul li#location-20 {
  top: 43%;
  left: 74%;
}
.map-dots > ul li#location-21 {
  top: 30%;
  left: 86.8%;
}
.map-dots > ul li#location-22 {
  top: 44.6%;
  left: 9.3%;
}
.map-dots > ul li#location-25 {
  top: 34.5%;
  left: 91%;
}
.map-dots > ul li#location-26 {
  top: 38%;
  left: 87.5%;
}
.map-dots > ul li#location-29 {
  top: 42%;
  left: 86%;
}
.map-dots > ul li#location-30 {
  top: 45.5%;
  left: 86%;
}
.map-dots > ul li#location-31 {
  top: 63%;
  left: 82.6%;
}
.map-dots > ul li#location-32 {
  top: 51.5%;
  left: 16.2%;
}
.map-dots > ul li#location-33 {
  top: 57%;
  left: 16.7%;
}
.map-dots > ul li#location-34 {
  top: 73.5%;
  left: 19%;
}
.map-dots > ul li#location-35 {
  top: 26%;
  left: 51%;
}
.map-dots > ul li#location-36 {
  top: 41%;
  left: 56.4%;
}
.map-dots > ul li#location-37 {
  top: 47.5%;
  left: 85%;
}
.map-dots > ul li#location-38 {
  top: 50.5%;
  left: 73.2%;
}
@media screen and (max-width: 767px) {
  .map-dots > ul {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .contentbox.map-dots {
    padding: 0;
  }
  .contentbox.map-dots + .contentbox.map-reference {
    display: block;
    margin-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .contentbox.map-reference {
    display: none;
  }
}