.style-1 {
	fill: #afa293;
	fill-rule: evenodd;
	stroke: none;
}

.style-2 {
	fill: #77b72a;
	fill-rule: evenodd;
	stroke: none;
}

.style-3 {
	fill: #8968aa;
	fill-rule: evenodd;
	stroke: none;
}

.style-4 {
	fill: #f7a626;
	fill-rule: evenodd;
	stroke: none;
}

.style-5 {
	fill: #1d70b8;
	fill-rule: evenodd;
	stroke: none;
}

.style-6 {
	fill: #00a866;
	fill-rule: evenodd;
	stroke: none;
}

.style-7 {
	fill: #009ba4;
	fill-rule: evenodd;
	stroke: none;
}

.style-8 {
	fill: #afa293;
	fill-rule: nonzero;
	stroke: none;
}

.style-9 {
	fill: #c26717;
	fill-rule: evenodd;
	stroke: none;
}

.style-10 {
	font-variant: normal;
	font-weight: 600;
	font-stretch: normal;
	font-size: 10px;
	font-family: MyriadPro-Semibold;
	writing-mode: lr-tb;
	fill: #000000;
	fill-rule: nonzero;
	stroke: none;
}

.style-11 {
	fill: #ffee34;
	fill-rule: nonzero;
	stroke: none;
}

.style-12 {
	fill: #e30c13;
	fill-rule: nonzero;
	stroke: none;
}

.style-13 {
	fill: none;
	stroke: #afa293;
	stroke-width: 5;
	stroke-linecap: butt;
	stroke-linejoin: miter;
	stroke-miterlimit: 10;
	stroke-dasharray: none;
	stroke-opacity: 1;
}

.style-14 {
	fill: #00686c;
	fill-rule: nonzero;
	stroke: none;
}

.style-15 {
	font-variant: normal;
	font-weight: 600;
	font-stretch: normal;
	font-size: 12px;
	font-family: MyriadPro-Semibold;
	writing-mode: lr-tb;
	fill: #000000;
	fill-rule: nonzero;
	stroke: none;
}

.style-16 {
	font-variant: normal;
	font-weight: 600;
	font-stretch: normal;
	font-size: 33.2843px;
	font-family: MyriadPro-Semibold;
	writing-mode: lr-tb;
	fill: #afa293;
	fill-rule: nonzero;
	stroke: none;
}

.style-17 {
	font-variant: normal;
	font-weight: 600;
	font-stretch: condensed;
	font-size: 36px;
	font-family: MyriadPro-SemiboldCond;
	writing-mode: lr-tb;
	fill: #afa293;
	fill-rule: nonzero;
	stroke: none;
}

.map {
	user-select: none;
}

#layer-MC1, #layer-MC2 {
	pointer-events: none;
}

#path333 {
	pointer-events: all;
}

[data-location] {
	cursor: pointer;
	fill-opacity: 1.0;
	transition: fill 0.2s;
}

[data-location]:hover {
	fill-opacity: 0.7;
}

.style-1:hover {
	fill-opacity: 1;
	cursor: default;
}

.container {
	display: flex;
}

.map {
	order: 0;
	flex: 1 1 auto;
}

.legend {
	order: 0;
	flex: 0 1 auto;
	width: 300px;
	padding: 15px;
}

.legend .region {
	font-weight: 600;
	font-size: 18px;
	border-bottom: 1px solid black;
    padding: 5px 0;
}

.legend .company {
	font-weight: 600;
	font-size: 16px;
    padding: 5px 0;
}

.title {
	font-weight: 600;
	font-size: 14px;
}

.legend .phone {
    padding: 5px 0;
}

.legend .email {
    padding: 5px 0;
}

.legend .phone a,
.legend .email a {
	color: black;
	text-decoration: none;
}

.legend .phone a:hover,
.legend .email a:hover {
	text-decoration: underline;
}