.map {position:relative;left:0;height:0;height:300px;width:100%;border:none;overflow:hidden;background:white;}
.map.mapBig {position:fixed;left:0;top:0;height:100vh;width:99vw;z-index:2;}
.map div {margin:0;padding:0;}
.map > div {position:absolute;left:0;top:0;width:250px;height:250px;} /* plates container */
.map > div.front {user-select: none;height:auto;width:100%;} /* front plane for buttons etc */
.map > div > div {position:absolute;width:250px;height:250px;opacity:0;transition: opacity 1s, transform 1s;transform-origin: center;} /* plates */
.map > div > div > * {position:absolute;} /* anything in a plate */
.map > div > div > div {position:absolute;height:100%;width:100%;opacity:1;background-size: cover;} /* map tile */





.map .cssPin {
  position: absolute;
  top: 40%;
  left: 50%;
  margin-top: -10px;
  margin-left: 1px;
  
  border-radius: 50%;
  border: 8px solid red;
  width: 8px;
  height: 8px;
}

.map .cssPin::after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  bottom: -30px;
  left: -6px;
  border: 10px solid transparent;
  border-top: 17px solid red;
}

.map .flagContainer:hover {user-select: none;}

.map .flag {border-left:3px outset black;width:3px;height:40px;padding-left:0px;padding-top:0px;padding-bottom:20%;white-space: nowrap;pointer-events: none;}
.map .flag a {position:absolute;top:-5;left:3px;background:white;border:2px outset gray;padding:3px 6px;font-family:arial;font-size:0.8em;text-decoration:none;color:black;text-transform: capitalize;pointer-events:auto;border-radius:4px;}
.map .flag a:visited {background:#eee;}
.map .flag a:hover {z-index:20;background:#ffe;}


.map input {font-size:1.3em;opacity:0.8;} /* zoom buttons */
.map .fullscreen {font-size:1.8em;cursor:default;color:gray;background:#eeeeee;opacity:0.8;border:1px solid black;} 
.map .marker -span {color:white;background:olive;font-size:1.0em;font-family:arial;}
.map .marker -span::after {content:""}
.map .scale {background-color:white;opacity:0.8;position:absolute;bottom:0px;right:0px;width:100px;border-width:0 1px 1px 1px;padding:1px 7px 1px 7px;border-style:dashed;border-color:black;text-align:center;}