.custom-districts-map {
	margin: 0 -30px;
	overflow: hidden;
}
/**** INTERACTIVE MAP STUFFSSSSS ****/
.custom-districts-map .map-purpey {
	padding:25px;
	background-color:#4b466b;
	max-width:1110px;
	margin:0px auto;
	border-radius:6px 6px 0px 0px;
}
.custom-districts-map .purpey-title1 {
	color:#fff;
	text-align:center;
	font-size:35px;
	font-weight:700;
	line-height:1.2em;
	font-family: 'Montserrat', sans-serif;
	width:50%;
	margin:0px auto 10px auto;
}
.custom-districts-map .purpey-title1 a {
	color: #fff;
	text-decoration:underline;
	white-space: nowrap;
}
.custom-districts-map .purpey-title1 a:hover {
	color: #f2bf5e;
}
.custom-districts-map .purpey-title2 {
	color:#f2bf5e;
	text-align:center;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
}
.custom-districts-map .map-cont {
	position:relative;
	margin:0px auto;
	z-index:99;
	max-width:1110px;
	border-radius: 0px 0px 6px 6px;
	overflow:hidden;
	background-color:#fff;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.custom-districts-map .districts-map {
	float:left;
	width:60%;
	position:relative;
	margin-bottom:-6px;
	background-color:#afbd22;
}
.custom-districts-map .districts-map .svg-wrapper {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 89.82035928143713%;
  width: 100%;
  height: 0;
}
.custom-districts-map .map-cont svg {
  position: absolute;
	display: block;
	width: 100%;
	fill:#afbd22;
}
.custom-districts-map .map-orange-head {
	color:#000;
	font-size:16px;
	line-height:1em;
	font-family: 'Montserrat', sans-serif;
	position:absolute;
}
.custom-districts-map a.map-orange-head:hover {
	color: #6f66cc;
}
.custom-districts-map .icon-rocket {
	position:absolute;
	left: 30.15%;
  top: 37%;
	width:10px;
	height:35px;
	background-image:url(/includes/public/assets/districts_map/rocket.png);
	background-repeat:no-repeat;
}
.custom-districts-map .icon-plane {
	position:absolute;
	top:65%;
	left:1%;
	width:28px;
	height:29px;
	background-image:url(/includes/public/assets/districts_map/plane.png);
	background-repeat:no-repeat;
}
.custom-districts-map .orangey-1 {
	bottom:9%;
	left:41%;
	font-size:12px;
	z-index: 1;
}
.custom-districts-map .orangey-2 {
	top:30%;
	left:2%;
	color:#a32c24;
	text-decoration:underline;
	z-index: 1;
}
.custom-districts-map .orangey-3 {
	bottom:15%;
	left:31%;
	color:#a32c24;
	text-decoration:underline;
	z-index: 1;
}
.custom-districts-map .regional-text {
	color:#333333;
	font-size:12px;
	font-weight:700;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	position:absolute;
	bottom:23%;
	left:18%;
}
.custom-districts-map .map-guide-text {
	color:#333;
	font-size:13px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	padding:20px 35px;
	background-color:#fff;
	border-radius:5px;
	box-shadow:0px 0px 10px rgba(0,0,0,.5);
	position:absolute;
	z-index:999;
	top:30%;
	left:50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	opacity:1;
	transition:all ease .5s .5s;
}
.custom-districts-map .hide-teaser .map-guide-text {
	opacity:0;
	top:-50%;
}
.custom-districts-map .districts-info {
	position:absolute;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
	background-color:#fff;
	border-left:1px rgba(204,204,204,.4) solid;
}
.custom-districts-map .info-head {
	color:#4b466b;
	font-size:35px;
	font-weight:700;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
}
.custom-districts-map ul.districts-list {
	margin: 25px 10px 0 10px;
	list-style:none;
}
.custom-districts-map ul.districts-list li {
	/*display:inline-block;
	width:46%;*/
  padding: 7px .625rem;
}
.custom-districts-map ul.districts-list li div {
	color:#8177b7;
	padding:7px 9px;
	line-height:1em;
	border-radius:4px;
	background-color:transparent;
	display:inline-block;
	/*margin-bottom:16px;*/
	cursor:pointer;
	transition:all ease .5s;
}
.custom-districts-map ul.districts-list li a {
	padding:7px 9px;
	line-height:1em;
	border-radius:4px;
	background-color:transparent;
	display:inline-block;
	margin-bottom:16px;
	cursor:pointer;
	transition:all ease .5s;
}
.custom-districts-map ul.districts-list li div.more-districts {
	color:#00afdb;
	text-decoration:underline;
}
.custom-districts-map ul.districts-list li div:hover,
.custom-districts-map ul.districts-list li div.active {
	color:#fff;
	background-color:#8177b7;
}
.custom-districts-map ul.districts-list li a:hover,
.custom-districts-map ul.districts-list li a.active {
	color:#fff;
	background-color:#8177b7;
}
.custom-districts-map .purple-lady {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	min-height:240px;
	padding:30px 18px;
	background-color:#333;
	display:none;
}
.custom-districts-map .purple-lady.active {
	display:block;
}
.custom-districts-map .purple-head {
	color:#fff;
	font-size:24px;
	line-height:1em;
	padding-left:180px;
	margin-bottom:25px;
	text-transform:uppercase;
	font-family: 'Fjalla One', sans-serif;
}
.custom-districts-map .purple-text {
	color:#fff;
	font-size:14px;
	padding-left:180px;
	font-family: 'Montserrat', sans-serif;
}
.custom-districts-map .purple-text a {
	color:#00afdb;
	text-decoration:underline;
}
.custom-districts-map .purple-link {
	display: none;
}
.custom-districts-map .purple-link a {
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin-top: 10px;
	text-align: center;
	color:#00afdb;
	text-decoration:underline;
}
.custom-districts-map .map-img {
	position:absolute;
	top:0px;
	left:0px;
	width:190px;
	height:100%;
	background-position:bottom left;
	background-repeat:no-repeat;
	background-size:cover;
}
.custom-districts-map .district-item {
	fill:#E6E6E6;
	stroke: #4D4D4D;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	transition:all ease .5s;
}
.custom-districts-map .district-arrows {
	display: none;
	margin: -20px 25px 40px 25px;
	position: relative;
	z-index: 100;
}
.custom-districts-map .district-arrows .prev,
.custom-districts-map .district-arrows .next {
	cursor: pointer;
  width: 40px;
  height: 40px;
}
.custom-districts-map .district-arrows .prev {
	float: left;
  background-image: url("/includes/public/assets/shared/slick.png");
  background-position-x: left;
}
.custom-districts-map .district-arrows .next {
	float: right;
  background-image: url("/includes/public/assets/shared/slick.png");
  background-position-x: right;
}

/** SVG STYLES **/
.custom-districts-map #st0.district-item:hover,
.custom-districts-map #st1.district-item:hover,
.custom-districts-map #st2.district-item:hover,
.custom-districts-map #st0.district-item.active,
.custom-districts-map #st1.district-item.active,
.custom-districts-map #st2.district-item.active {
	fill:#6f66cc;
	stroke: #4D4D4D;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
.custom-districts-map #st0.district-item{fill:#b3b3b3;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.custom-districts-map #st1.district-item{fill:#808080;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.custom-districts-map #st2.district-item{fill:#e6e6e6;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.custom-districts-map .st3{fill:#FFFFFF;}
.custom-districts-map .st4{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.custom-districts-map .st5{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4.3551,6.5327;}
.custom-districts-map .st6{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8,12;}
.custom-districts-map .st7{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.7971,11.6956;}
.custom-districts-map .st8{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.7504,11.6256;}
.custom-districts-map .st9{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8.0588,12.0882;}
.custom-districts-map .st10{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.9488,11.9232;}
.custom-districts-map .st11{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9.3345,14.0017;}
.custom-districts-map .st12{fill:none;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8,11;}
.custom-districts-map .st13{clip-path:url(#XMLID_2_);fill:none;stroke:#93278F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.custom-districts-map .st14{clip-path:url(#XMLID_2_);fill:none;stroke:#8CC63F;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.custom-districts-map .st15{clip-path:url(#XMLID_2_);fill:#E6E6E6;stroke:#4D4D4D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.custom-districts-map .st16{clip-path:url(#XMLID_2_);}
.custom-districts-map .st17{fill:none;stroke:#333333;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.custom-districts-map .st18{fill:#B3B3B3;stroke:#333333;stroke-width:2;stroke-miterlimit:10;}
.custom-districts-map .st19{fill:#FFFFFF;stroke:#333333;stroke-width:2;stroke-miterlimit:10;}
.custom-districts-map .st20{fill:none;}
.custom-districts-map .st21{fill:#333333;}
.custom-districts-map .st22{font-family:'Montserrat', sans-serif;}
.custom-districts-map .st23{font-size:16px;}
.custom-districts-map .st24{fill:#333333;stroke:#333333;stroke-miterlimit:10;}
.custom-districts-map .st25{fill:#000;}
.custom-districts-map .st26{font-size:15.0609px;}
.custom-districts-map .riverboy {
	fill:#00afdb;
	stroke:#00afdb;
	stroke-width:5;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
}
.custom-districts-map .line-st3 {
	fill: none;
	stroke: #4D4D4D;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.custom-districts-map .line-st4 {
    fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 4.3551,6.5327;
}
.custom-districts-map .line-st5 {
    fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 8,12;
}
.custom-districts-map .line-st6 {
	fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 7.7971,11.6956;
}
.custom-districts-map .line-st7 {
    fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 7.7504,11.6256;
}
.custom-districts-map .line-st8 {
    fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 8.0588,12.0882;
}
.custom-districts-map .line-st9 {
    fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 7.9488,11.9232;
}
.custom-districts-map .line-st10 {
	fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 9.3345,14.0017;
}
.custom-districts-map .line-st11 {
    fill: none;
    stroke: #4D4D4D;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 8,11;
}
/** END SVG STYLES **/
/**** END INTERACTIVE MAP STUFFSSSSS ****/

@media (max-width: 1110px) {
	.custom-districts-map {
		margin: 0 -10px;
	}
	.custom-districts-map ul.districts-list {
		margin-top: 12px;
		margin-left: 12px;
	}
	.custom-districts-map ul.districts-list li div {
		margin-bottom: 6px;
	}
}
@media (max-width: 64em) {
  .custom-districts-map .map-purpey {
		border-radius: 0;
	}
	.custom-districts-map .purpey-title1 {
    width: 90%;
  }
	.custom-districts-map .map-cont {
		border-radius: 0;
	}
	.custom-districts-map .icon-rocket {
		top: 37.75%;
    left: 30.5%;
	}
  .custom-districts-map .districts-map {
    float: none;
    width: auto;
    margin-bottom: 0;
  }
  .custom-districts-map .districts-info {
    position: static;
    width: auto;
		border-left: none;
  }
  .custom-districts-map ul.districts-list {
    margin: 40px 0;
    text-align: center;
  }
  .custom-districts-map ul.districts-list li {
    /*width: 31%;*/
    padding: 0 .625rem;
  }
	.custom-districts-map .purple-lady {
    position: relative;
  }
	.custom-districts-map .purple-head {
    padding-left: 275px;
		padding-right: 40px;
  }
	.custom-districts-map .purple-text {
    padding-left: 275px;
		padding-right: 40px;
		font-size: 16px;
		line-height: 30px;
  }
}

@media (max-width: 40em) {
	.custom-districts-map .map-purpey {
		padding: 15px;
	}
	.custom-districts-map .purpey-title1 {
    width: auto;
		font-size: 24px;
		line-height: 28px;
  }
	.custom-districts-map .purpey-title2 {
		font-size: 13px;
		line-height: 15px;
	}
	.custom-districts-map .map-orange-head {
		display: none;
	}
	.custom-districts-map .icon-rocket {
		top: 38%;
		left: 28%;
	}
	.custom-districts-map .regional-text {
		left: 8.5%;
    bottom: 13%;
    font-size: 10px;
    line-height: 14px;
	}
  .custom-districts-map ul.districts-list {
    display: none;
  }
  .custom-districts-map .purple-lady {
    min-height: initial;
    min-height: auto;
		padding: 20px 0;
  }
  .custom-districts-map .purple-head {
    margin-bottom: 0;
    padding: 0;
		text-align: center;
  }
  .custom-districts-map .purple-text {
    display: none;
  }
	.custom-districts-map .purple-link {
		display: block;
	}
	.custom-districts-map .map-img {
    display: none;
  }
  .custom-districts-map .district-arrows {
    display: block;
  }
}