#map,
#map02 {
    display: none;
}
  
#map .stateon,
#map .stateoff,
#map02 .state-on,
#map02 .state-off {
    cursor: pointer;
}

#map .stateoff,
#map02 .state-off {
    pointer-events: none;
}
  
#map .stateon .shape,
#map .stateoff,
#map02 .state-on .shape,
#map02 .state-off {
    cursor: pointer;
    -width: 0;
}
  
#map .stateon .label_icon_state,
#map .stateoff .label_icon_state,
#map02 .state-on .label_icon_state,
#map02 .state-off .label_icon_state {
    fill: #fff;
    font-family: Arial;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
}
  
#map .stateon .label_state,
#map .stateoff .label_state,
#map02 .state-on .label_state,
#map02 .state-off .label_state {
    display: none;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}
  
#map .stateon:hover .label_state,
#map .stateon.hover .label_state,
#map .stateoff:hover .label_state,
#map .stateoff.hover .label_state,
#map02 .state-on:hover .label_state,
#map02 .state-on.hover .label_state,
#map02 .state-off:hover .label_state,
#map02 .state-off.hover .label_state {
    display: block;
}

#map .model-green .stateon .shape,
#map02 .model-green02 .state-on .shape {
    fill: #2B86CC;
}
      
#map .model-green .stateoff .shape,
#map02 .model-green02 .stateo-ff .shape {
    fill: #999999;
    pointer-events: none;
}
  
#map .model-green .stateoff .icon_state,
#map02 .model-green02 .state-off .icon_state {
    fill: #666666;
}

#map .model-green .stateon .icon_state,
#map02 .model-green02 .state-on .icon_state {   
    fill: #1c9eda;
}

#map .model-green .stateon .label_icon_state,
#map .model-green .stateoff .label_icon_state,
#map02 .model-green02 .state-on .label_icon_state,
#map02 .model-green02 .stateo-ff .label_icon_state {
    fill: #fff;
}
  
#map .model-green .stateon .label_state,
#map .model-green .stateoff .label_state,
#map02 .model-green02 .state-on .label_state,
#map02 .model-green02 .state-off .label_state {
    fill: #666;
}
  
#map .model-green .stateon:hover .shape,
#map .model-green .stateon.hover .shape,
#map02 .model-green02 .state-on:hover .shape,
#map02 .model-green02 .state-on.hover .shape {
    fill: #2F74A9;
}
  
#map .model-green .stateon:hover .icon_state,
#map .model-green .stateon.hover .icon_state,
#map02 .model-green02 .state-on:hover .icon_state,
#map02 .model-green02 .state-on.hover .icon_state {
    fill: #5A95CE
}
  
#map .model-orange .stateon .shape,
#map .model-orange .stateoff .shape {
    fill: #fd7132;
}
  
#map .model-orange .stateon .icon_state,
#map .model-orange .stateoff .icon_state {
    fill: #6cb361;
}
  
#map .model-orange .stateon .label_icon_state,
#map .model-orange .stateoff .label_icon_state {
    fill: #fff;
}
  
#map .model-orange .stateon .label_state,
#map .model-orange .stateoff .label_state {
    fill: #666;
}
  
#map .model-orange .stateon:hover .shape,
#map .model-orange .stateon.hover .shape {
    fill: #c93f04;
}
  
#map .model-orange .stateon:hover .icon_state,
#map .model-orange .stateon.hover .icon_state {
    fill: #10592f;
}
  
#map .model-darkgreen .stateon .shape {
    fill: #366823;
}
  
#map .model-darkgreen .stateon .icon_state {
    fill: #2779c6;
}
  
#map .model-darkgreen .stateon .label_icon_state {
    fill: #fff;
}
  
#map .model-darkgreen .stateon .label_state {
    fill: #333333;
}
  
#map .model-darkgreen .stateon:hover .shape,
#map .model-darkgreen .stateon.hover .shape {
    fill: #4a8c31;
}
  
#map .model-darkgreen .stateon:hover .icon_state,
#map .model-darkgreen .stateon.hover .icon_state {
    fill: #5a95ce;
}

#map a,
#map02 a {
    text-decoration: none;
}

.map-desc {
    color: #444;
    font-weight: 450;
}

.map-info {
    margin-top: -180px;
}