#map {
  display: none;
}

#map .state {
  cursor: pointer;
}

#map .state .shape {
  cursor: pointer;
  -width: 0;
}

#map .state .label_icon_state {
  fill: #fff;
  font-family: Arial;
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
}

#map .state:hover .icon_state,
#map .state.active .icon_state,
#map .state:hover .label_icon_state,
#map .state.active .label_icon_state {
  display: block;
}

#map .state .label_state {
  display: none;
  font-family: Arial;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}

#map .state:hover .label_state,
#map .state.hover .label_state,
#map .state.active .label_state {
  display: none;
}

#map .model-blue .state .shape {
  fill: #d4d4d4;
}

#map .model-blue .state .icon_state {
  fill: #5e7e9e;
}

#map .model-blue .state .label_icon_state {
  fill: #fff;
}

#map .model-blue .state .label_state {
  fill: #666;
}

#map .model-blue .state:hover .shape,
#map .model-blue .state.hover .shape,
#map .model-blue .state.active .shape {
  fill: #2d68b2;
}

#map .model-blue .state:hover .icon_state,
#map .model-blue .state.hover .icon_state,
#map .model-blue .state.active .icon_state {
  fill: #5a95ce;
}

@media (max-width: 767px) {
  #map {
    -webkit-transform: scale(0.7) translateX(-20%);
            transform: scale(0.7) translateX(-20%);
  }
}