/* ------------------------------------------------------------ *\
	Map Interactive
\* ------------------------------------------------------------ */
.section--map .map--interactive { padding: 24px 0 16px; position: relative; text-align: center; }
.section--map .map--interactive path:not(#frames),
.section--map .map--interactive circle:not(#frames) { cursor: pointer; transition: fill .2s ease; }

/*  Tooltip  */
 .section--map .map--interactive .map--interactive__tooltip { width: 240px; padding: 15px 20px 24px; background: #fff; border: 1px solid #dce3e8; box-shadow: 0 0 8px rgba(84, 88, 90, .15); border-radius: 4px; position: absolute; z-index: 10; opacity: 1; visibility: visible; transition: opacity .2s ease, visibility .2s ease; -ms-transform: translate(-50%, -115%); transform: translate(-50%, -115%); text-align: left; }
 .section--map .map--interactive .map--interactive__tooltip.hide { opacity: 0; visibility: hidden; }
 .section--map .map--interactive .map--interactive__tooltip p { margin: 0; padding: 10px 5px; font-size: 12px; font-weight: 400; color: #4a4a4a; line-height: 1.2; }
 .section--map .map--interactive .map--interactive__tooltip:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 7px 0 7px; border-color: #dce3e8 transparent transparent transparent; position: absolute; left: 50%; margin-left: -6px; top: 100%; z-index: 97; }
 .section--map .map--interactive .map--interactive__tooltip:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #fff transparent transparent transparent; position: absolute; left: 50%; margin-left: -5px; top: 100%; z-index: 98; }
 .section--map .map--interactive .map--interactive__controls { text-align: center; padding: 20px 0 0; }


.section--map .map--interactive .map--interactive__controls .btn { background: #003a71; margin: 10px auto; box-shadow: inset 0 0 0 #ff1940; transition: box-shadow .2s ease; }
.section--map .map--interactive .map--interactive__controls .btn:hover { color: #fff; }

@media(max-width: 1439px) {
	 .section--map .map--interactive .map--interactive__map > svg { width: 100%; height: 478px; }
}
/* Small Desktop */
@media (max-width: 1169px) {
	 .section--map .map--interactive .map--interactive__legend { margin-right: 0; }
}
/* Tablet Portrait */
@media (max-width: 1023px) {
	 .section--map .map--interactive { padding: 24px 70px 16px; }
	 .section--map .map--interactive .map--interactive__map > svg { height: 390px; }
	 .section--map .map--interactive .map--interactive__legend { width: 240px; position: relative; right: auto; top: 0; margin: 0 auto; }
}
/* Mobile */
@media (max-width: 767px) {
	 .section--map .map--interactive { padding: 25px 0 15px; }

	 .section--map .map--interactive .map--interactive__map { height: 240px; overflow: hidden; margin-top: 20px; position: relative; }
	 .section--map .map--interactive .map--interactive__map > svg { width: 959px; height: 593px; position: relative; left: 0; top: 0; -ms-transform: scale(.35); transform: scale(.35); -ms-transform-origin: left top; transform-origin: left top; }

	.section--map .map--interactive__tooltip.left-offset { -ms-transform: translate(-10%, -115%); transform: translate(-10%, -115%); }
	.section--map .map--interactive__tooltip.left-offset:before { left: 15px; margin-left: 0; }
	.section--map .map--interactive__tooltip.left-offset:after { left: 16px; margin-left: 0; }

	.section--map .map--interactive__tooltip.right-offset { -ms-transform: translate(-90%, -115%); transform: translate(-90%, -115%); }
	.section--map .map--interactive__tooltip.right-offset:before { right: 15px; left: auto; margin-left: 0; }
	.section--map .map--interactive__tooltip.right-offset:after { right: 16px; left: auto; margin-left: 0; }
}
/* Mobile Portrait */
@media (max-width: 374px) {
	.section--map .map--interactive__controls { margin-left: -10px; margin-right: -10px; }
}

/* ------------------------------------------------------------ *\
	Section Map
\* ------------------------------------------------------------ */

.section--map { padding: 80px 0; background-color: #fff; color: #323232; }

/* section map dark*/

.section--map-dark { color: rgba(255,255,255, .8); background-color: rgba(50, 50, 50, 0.45); }

.section--map-dark p { color: rgba(255,255,255, .8); }
.section--map-dark ul li,
.section--map-dark ol li { color: rgba(255,255,255, .8) !important; }

/* section map image */

.section--map-image { background-size: cover !important; background-position: center center !important; }

/* Mobile */
@media (max-width: 767px) {
	.section--map { padding: 40px 0; }
	.section--map h1 { margin-bottom: 20px; text-align: center; font-size: 40px; }
}