/* CSS goes here. */
.casubun {
  //  fill: #003831;
}

.bords{
  fill:none;
  stroke-width:2px;
  stroke:white;
}

.bigtitle{
  margin-right:auto;
  margin-left:auto;
  vertical-align:middle;
  text-align:center;
  color:grey;

}

.maphold{
  margin-right:auto;
  margin-left:auto;
}

.houseseler{
  margin: 0 auto;
  white-space:nowrap;
  width: 120px;


}

.houseselect{
  text-align:center;
}

.maphold{
  //position:absolute;

}

svg{
  z-index:1;
}

.distinfo{
  position:absolute;
  z-index:3;
  width:175px;
  padding:15px;
  text-align:center;
  margin-top: 10px;

}

svg path .hoved{
  stroke-width:6;
  fill:fushia;
  stroke:orange;
}

.myloc { fill: hsl(6, 63%, 46%);
  stroke:pink; }

circle.myloc {
  -webkit-animation-name: dot-glow;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;

  animation-name: dot-glow;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;

}
@-webkit-keyframes dot-glow {
  0% { fill: hsl(85, 93%, 16%); }
  50% { fill: hsl(85, 93%, 56%); }
  100% { fill: hsl(85, 93%, 56%); }
}

@keyframes dot-glow {
  0% { fill: hsl(6, 93%, 16%); }
  50% { fill: hsl(6, 93%, 56%); }
  100% { fill: green ;//hsl(6, 93%, 56%);
  }
}

.overlay {
  fill: none;
  pointer-events: all;
}