.has-js {
  /* desktop */
  /*  mobile */
  /*  mobile */
  /* new css */
  /* p0 __________________*/
  /* p1 __________________*/
  /* p9 __________________*/
  /* p4 __________________*/
  /* p6 __________________*/
  /* __________________*/
  /* p7 __________________*/
  /* __________________*/
  /* ends */
  /* 


.ID-map-overlay-shrink .ID-carpark-on {
    opacity: 1;
    transition: 0.5s;
    display: initial;
}


.ID-map-overlay-shrink .ID-carpark-off {
    transition: 0.5s;
    display: none;
}
 */
}
.has-js .getMapBKG {
  /*  display: none !important; */
}
.has-js .getMapBKG text {
  cursor: pointer;
  user-select: none;
}
.has-js .getMapBKG #icon,
.has-js .getMapBKG [data-name="Icon"],
.has-js .getMapBKG [data-name="icon"] {
  cursor: pointer !important;
  user-select: none !important;
}
@media (min-width: 768px) {
  .has-js .getMapBKG-desk {
    display: block !important;
    /*  display: none !important; */
  }
  .has-js .getMapBKG-mobile {
    /*    display: block !important; */
    display: none !important;
  }
  .has-js .ID-map-overlay-shrink .getMapBKG-desk {
    /* display: block !important; */
    display: none !important;
  }
  .has-js .ID-map-overlay-shrink .getMapBKG-mobile {
    display: block !important;
    /* display: none !important; */
  }
}
@media (max-width: 769px) {
  .has-js #ID-map-overlay svg {
    top: 0px;
  }
  .has-js #ID-flash-background #flash {
    margin-bottom: 0px;
  }
}
@media (min-width: 959px) {
  .has-js .ID-map-result-grow .ID-result-wrapper.ID-result-selected-arrow::before {
    content: " ";
    /* width: 30px; */
    /* height: 30px; */
    border-style: solid;
    border-width: 20px 10px 20px 0;
    border-color: transparent #666666 transparent transparent;
    position: fixed;
    margin-left: -10px;
    margin-top: 74px;
    z-index: 9999998;
  }
}
@media (max-width: 958px) {
  .has-js .ID-map-overlay-shrink .getMapBKG-desk {
    /* display: block !important; */
    display: none !important;
  }
  .has-js .ID-map-overlay-shrink .getMapBKG-mobile {
    display: block !important;
    /* display: none !important; */
  }
}
@media (min-width: 768px) and (max-width: 958px) {
  .has-js #ID-map-product-info,
  .has-js #ID-map-product-info.ID-map-product-info-show {
    transition: 0s ease-in-out;
  }
}
@media (max-width: 958px) {
  .has-js .getMapBKG-desk {
    /* display: block !important;  */
    display: none !important;
  }
  .has-js .getMapBKG-mobile {
    display: block !important;
    /*   display: none !important; */
  }
  .has-js .ID-map-result-grow .ID-result-wrapper.ID-result-selected-arrow::before {
    display: none;
  }
}
.has-js .map-hide-this-part-temp {
  display: none;
}
.has-js .ID-carpark-on {
  opacity: 0;
  transition: 0.2s;
  pointer-events: none;
  /*   display: none; */
}
.has-js #P0-price .cls-36 {
  stroke: #555 !important;
  transition: 0.2s;
}
.has-js #P0-price .cls-33 {
  fill: #555 !important;
  transition: 0.2s;
}
.has-js .ID-result-selected-map #P0-price .cls-36 {
  stroke: #27313b !important;
}
.has-js .ID-result-selected-map #P0-price .cls-33 {
  fill: #27313b !important;
}
.has-js .getMapBKG:hover #P0-price .cls-36 {
  stroke: #27313b !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover #P0-price .cls-33 {
  fill: #27313b !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover .ID-carpark-off #carpark-bkg .cls-32 {
  fill: #27313b !important;
  transition: 0.2s;
  cursor: pointer;
}
.has-js #P1-price .cls-44 {
  stroke: #555 !important;
  transition: 0.2s;
}
.has-js #P1-price .cls-42 {
  fill: #555 !important;
  transition: 0.2s;
}
.has-js .ID-result-selected-map #P1-price .cls-44 {
  stroke: #f76114 !important;
}
.has-js .ID-result-selected-map #P1-price .cls-42 {
  fill: #f76114 !important;
}
.has-js .getMapBKG:hover #P1-price .cls-44 {
  stroke: #f76114 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover #P1-price .cls-42 {
  fill: #f76114 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover .ID-carpark-off #carpark-bkg-3 {
  fill: #f76114 !important;
  transition: 0.2s;
  cursor: pointer;
}
.has-js #P9-price .cls-47 {
  stroke: #555 !important;
  transition: 0.2s;
}
.has-js #P9-price .cls-45 {
  fill: #555 !important;
  transition: 0.2s;
}
.has-js .ID-result-selected-map #P9-price .cls-47 {
  stroke: #ed2f39 !important;
}
.has-js .ID-result-selected-map #P9-price .cls-45 {
  fill: #ed2f39 !important;
}
.has-js .getMapBKG:hover #P9-price .cls-47 {
  stroke: #ed2f39 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover #P9-price .cls-45 {
  fill: #ed2f39 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover .ID-carpark-off #carpark-bkg-5 {
  fill: #ed2f39 !important;
  transition: 0.2s;
  cursor: pointer;
}
.has-js #P4-price .cls-52 {
  stroke: #555 !important;
  transition: 0.2s;
}
.has-js #P4-price .cls-50 {
  fill: #555 !important;
  transition: 0.2s;
}
.has-js .ID-result-selected-map #P4-price .cls-52 {
  stroke: #0161c2 !important;
}
.has-js .ID-result-selected-map #P4-price .cls-50 {
  fill: #0161c2 !important;
}
.has-js .getMapBKG:hover #P4-price .cls-52 {
  stroke: #0161c2 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover #P4-price .cls-50 {
  fill: #0161c2 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover .ID-carpark-off #carpark-bkg-7 .cls-32 {
  fill: #0161c2 !important;
  transition: 0.2s;
  cursor: pointer;
}
.has-js #P6-price .cls-47 {
  stroke: #555 !important;
  transition: 0.2s;
}
.has-js #P6-price .cls-45 {
  fill: #555 !important;
  transition: 0.2s;
}
.has-js .ID-result-selected-map #P6-price .cls-47 {
  stroke: #ed2f39 !important;
}
.has-js .ID-result-selected-map #P6-price .cls-45 {
  fill: #ed2f39 !important;
}
.has-js .getMapBKG:hover #P6-price .cls-47 {
  stroke: #ed2f39 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover #P6-price .cls-45 {
  fill: #ed2f39 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover .ID-carpark-off #carpark-bkg-9 {
  fill: #ed2f39 !important;
  transition: 0.2s;
  cursor: pointer;
}
.has-js #P7-price .cls-47 {
  stroke: #555 !important;
  transition: 0.2s;
}
.has-js #P7-price .cls-45 {
  fill: #555 !important;
  transition: 0.2s;
}
.has-js .ID-result-selected-map #P7-price .cls-47 {
  stroke: #ed2f39 !important;
}
.has-js .ID-result-selected-map #P7-price .cls-45 {
  fill: #ed2f39 !important;
}
.has-js .getMapBKG:hover #P7-price .cls-47 {
  stroke: #ed2f39 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover #P7-price .cls-45 {
  fill: #ed2f39 !important;
  cursor: pointer;
}
.has-js .getMapBKG:hover .ID-carpark-off #carpark-bkg-11 {
  fill: #ed2f39 !important;
  transition: 0.2s;
  cursor: pointer;
}
.has-js .ID-map-background-hover {
  cursor: pointer;
  transition: 0.2s;
}
.has-js .cls-25,
.has-js .cls-23 {
  pointer-events: none;
}
.has-js .ID-result-selected-map .ID-carpark-on {
  opacity: 1;
  transition: 0.5s;
  /*   display: initial; */
}
.has-js .hide-svg-el {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .has-js #ID-select-a-carpark-back {
    opacity: 0;
    transition: 0.5s;
  }
}
/*# sourceMappingURL=./ID-map.css.map */