.main-top-container
{
  width: 80%;
  height: auto;
}

#map-plan {
  position: relative;
  display: inline-block;
}

#map-plan img {
  max-width:100%;
  display: block;
}

.box {
  cursor: pointer;
  width:3.8%;
  height:3.8%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}



.box:hover > .pin-text {
  display: block;
}

.pin-text {
  position: absolute;
  top:50%;
  transform:translateY(-65%) translateX(-50%);
  left:75%;
  white-space:nowrap;
  display: none;
}

.pin-text h3 {
    color:var(--main-primary-salmon);
    text-shadow: 1px 1px 1px #000;
}

.poi-next
{
    opacity: 0.01;
}

.poi-prev
{
    opacity: 0.3;
}

.poi-current
{
    opacity: 1;
}

.path-polyline
{
  stroke-dasharray: 13;
  stroke-width: 5px;
}