/* compiled by scssphp v0.0.12 on Wed, 26 Jul 2017 08:47:15 +1200 (0.0147s) */

/* CSS Document */
.directory-item {
  display: block;
  margin-bottom: 24px;
  padding: 10px 20px;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /* Directory Listings */
}
.directory-item h6 {
  font-size: 18px;
  padding: 0;
}
.directory-item .town {
  color: #939598;
}
.directory-item .thick-link {
  font-weight: 600;
  /* Hotspots */
}
.mapfull-hs-holder {
  float: left;
  width: 392px;
  height: 560px;
  background-image: url(../../../images/marshalls_full_map.png);
  background-position: left;
  background-repeat: no-repeat;
  position: relative;
}
.mapfull-hs-holder .map-hs-map {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 392px;
  height: 560px;
  background-image: url(../../../images/marshalls_full_map.png);
  background-position: left;
  background-repeat: no-repeat;
  z-index: 860;
}
.mapfull-hs-holder .map-hs-hover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 392px;
  height: 560px;
  opacity: 0;
  background-image: url(../../../images/marshalls_full_map.png);
  background-position: left;
  background-repeat: no-repeat;
  z-index: 861;
}
.mapfull-hs-holder .map-hs-image {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 865;
}
.mapfull-hs-holder .map-hs-text {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  width: auto;
  white-space: nowrap;
  text-align: left;
  z-index: 863;
  background-color: #fff;
  border-radius: 15px;
  padding: 0 10px;
}
@media screen and (max-width: 750px) {
  .certified-installers-page .layout.half {
    width: 100%;
    clear: both;
  }
}
@media screen and (max-width: 480px) {
  .mapfull-hs-holder {
    display: none;
  }
}