html, a, button {
  -ms-touch-action: manipulation; /* IE10  */
  touch-action: manipulation; /* IE11+ */
}

#mapplic { height: 100vh !important; }
.mapplic-container { height: 100vh !important; }
.mapplic-toggle p { line-height: 20px; }
.mapplic-legend-label span { vertical-align: top; }

.mapplic-pin.circular { background-color: #96694c; color: #ffffff; border: #fff 1px solid; }
.mapplic-pin.pin-md { line-height: 18px !important; }
.mapplic-pin.pin-yellow { background-color: #f5c892; color: #333333; }
.mapplic-sidebar { width: 280px; padding: 0px !important; background-color: #fff; }
/*.mapplic-filter { display: none !important; }*/
.mapplic-list-location.mapplic-active > a { background-color: rgba(150,105,76,0.25);  }
.mapplic-list-location h4 { font-size: 12px; margin: 1.5px 0 !important; }
/*.mapplic-list-container { box-shadow: none !important; }*/
.mapplic-container { width: calc(100% - 280px); }

.mapplic-pin.pin-label:visited { color: #333; }

.mapplic-list-category { display: none; }
.mapplic-list-container ol { margin-top: 5px; }

.mapplic-tooltip-title { font-size: 14px !important; }
.mapplic-tooltip-content { margin: 0 !important; }
.mapplic-pin.circular.mapplic-active { background-color: #96694c; color: #fff; }
.mapplic-pin.circular.mapplic-active:before { content: '';
    border: 3px solid #96694c;
    border-radius: 30px;
    height: inherit;
    width: inherit;
    top: -3px;
    left: -3px;
    position: absolute;
    animation: pulsate 0.75s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-sizing: content-box; }

.mapplic-list-category .mapplic-thumbnail { display: none !important; }

.mapplic-list-location > a { padding: 7px 20px 7px 18px; }
.mapplic-list-category > a { padding: 2px 10px; }
.mapplic-list-expandable { padding: 0 !important; }

.mapplic-minimap { /*display: none !important; opacity: 1!important; display: block !important;*/ }

.mini-map { position: absolute; top: 10px; left: 10px; z-index: 99; }
.mini-map a, .drone-icon a { color: #333; display: inline-block;margin-right: 5px; background-color: #fff; border-radius: 5px; color: #333; padding: 10px 10px 3px 10px; font-size: 10px; text-align: center; }
.mini-map a.active { color: #fff; background-color: #96694c; }
.mini-map img, .drone-icon img { max-width: 100px; height: auto; padding-bottom: 5px; }
.mini-map p, .drone-icon p { margin-bottom: 0; }

.drone-icon { position: absolute; top: 10px; right: 285px; z-index: 99; }

/*.mapplic-clear-button { bottom: 149px; }
.mapplic-zoom-buttons { bottom: 80px; }*/

.mapplic-pin.pin-image {
    background-size: cover;
}

.mapplic-lightbox { max-width: 100%; }

.mapplic-list-container:before { height: 0 !important; }

.mapplic-pin.pin-ribbon { background-color: #96694c;
    border-color: #96694c; color: #fff; }
.mapplic-pin.pin-ribbon.pin-label:visited { color: #fff; }

.mapplic-list li:nth-child(2) a, .mapplic-list li:nth-child(26) a { 
  background-color: #96694c;
}
.mapplic-list li:nth-child(2) h4, .mapplic-list li:nth-child(26) h4 { 
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.mapplic-list li:nth-child(28), .mapplic-list li:nth-child(33), .mapplic-list li:nth-child(34), .mapplic-list li:nth-child(35), .mapplic-list li:nth-child(36) {
  display: none;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .mapplic-pin {
      background-image: url(../images/drone.svg);
  }
}
/*Animation*/
/*#science-park, #retail, #business-park, #mrt {
  animation: flash 3s ease-in-out alternate infinite;
  -moz-transform-origin: 25px 25px;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}*/

#mrt {
  animation: flash 3s ease-in-out alternate infinite;
}

/*.mapplic-list li:nth-child(5), .mapplic-list li:nth-child(7), .mapplic-list li:nth-child(8), .mapplic-list li:nth-child(36) { display: none; }*/

@media (max-width: 767.98px) {
  .mapplic-lightbox { max-width: 80%; }

  .mapplic-portrait .mapplic-container, .mapplic-portrait .mapplic-sidebar { width: 100% !important; }
  .mapplic-sidebar { display: none !important; background-color: transparent !important; }
  p { line-height: normal; }

  .mapplic-minimap { top: 0px; bottom: auto; }
}

@media (max-width: 575.98px) {

  .mapplic-lightbox { max-width: 80%; }

  .mapplic-portrait .mapplic-container, .mapplic-portrait .mapplic-sidebar { width: 100% !important; }
  .mapplic-sidebar { display: none !important; background-color: transparent !important; }
  p { line-height: normal; }

  .mapplic-minimap { top: 0px; bottom: auto; }

  .mapplic-clear-button { bottom: 129px; }
  .mapplic-zoom-buttons { bottom: 60px; }

  .drone-icon { right: 10px; }
  .mini-map img, .drone-icon img { max-width: 80px; }
  
}