.obk-front{
  position:relative!important;
  width:100%!important;
  max-width:var(--obk-max-width,1400px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  line-height:1.4!important;
  box-sizing:border-box!important;
}
.obk-front *{box-sizing:border-box}
.obk-front-map{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  background:#111;
}
.obk-front-map>img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.obk-front-layer{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  padding:0!important;
}
.obk-front-marker{
  --marker-size:42px;
  position:absolute!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--marker-size)!important;
  min-width:var(--marker-size)!important;
  max-width:var(--marker-size)!important;
  height:var(--marker-size)!important;
  min-height:var(--marker-size)!important;
  max-height:var(--marker-size)!important;
  padding:0!important;
  margin:0!important;
  transform:translate(-50%,-50%);
  border-radius:999px!important;
  border:2px solid #fff!important;
  background:rgba(55,118,29,.9)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:var(--obk-font-size,13px)!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:0!important;
  word-spacing:0!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-indent:0!important;
  text-transform:none!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 2px 8px rgba(0,0,0,.4)!important;
  transition:transform .16s ease,background .16s ease!important;
  z-index:2!important;
}
.obk-front-marker:hover,.obk-front-marker:focus{
  transform:translate(-50%,-50%) scale(1.35);
  background:#65a832!important;
  z-index:7!important;
  outline:none!important;
}
.obk-front-modal{
  position:absolute;right:18px;top:18px;
  width:min(360px,calc(100% - 36px));
  background:rgba(255,255,255,.97);
  border-radius:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  padding:18px;z-index:20;color:#202420;
}
.obk-front-modal[hidden]{display:none!important}
.obk-front-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}
.obk-front-title{margin:0 34px 14px 0;color:#38761d;font-size:24px}
.obk-front-modal dl{display:grid;grid-template-columns:90px 1fr;gap:7px 10px;margin:0}
.obk-front-modal dt{font-weight:700}
.obk-front-modal dd{margin:0}
.obk-front-description{white-space:pre-wrap;margin:14px 0}
.obk-front-more{display:inline-block;background:#38761d;color:#fff!important;text-decoration:none;padding:9px 14px;border-radius:7px;font-weight:700}
@media(max-width:700px){
  .obk-front-modal{position:fixed;left:10px;right:10px;top:auto;bottom:10px;width:auto;max-height:65vh;overflow:auto}
}

.obk-marker.obk-color-green,.obk-front-marker.obk-color-green{background:#3f7f28!important;color:#fff!important}.obk-marker.obk-color-red,.obk-front-marker.obk-color-red{background:#b83a35!important;color:#fff!important}.obk-marker.obk-color-yellow,.obk-front-marker.obk-color-yellow{background:#f0c735!important;color:#29240c!important}.obk-marker.obk-color-violet,.obk-front-marker.obk-color-violet{background:#7651a8!important;color:#fff!important}.obk-marker.obk-color-green:hover,.obk-front-marker.obk-color-green:hover{background:#62a33d!important}.obk-marker.obk-color-red:hover,.obk-front-marker.obk-color-red:hover{background:#d5524b!important}.obk-marker.obk-color-yellow:hover,.obk-front-marker.obk-color-yellow:hover{background:#ffdc55!important}.obk-marker.obk-color-violet:hover,.obk-front-marker.obk-color-violet:hover{background:#9470c2!important}