.map {
	position: relative;
	z-index: 10;
	padding: 70px 0;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background-image: url("../png/diagonal-lines.png");
}
@media (max-width: 1150px) {
	.map { text-align: center; }
}

.map .svg-wrapper {
	position: relative;
	top: 0;
	left: 0;
	padding-bottom: 73.49643%;
	width: 100%;
	height: 0;
}
.map .map-pane .svg-wrapper { width: 1000px; }

.map svg {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.map .map-shade {
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media (max-width: 640px) {
	.map.map-scroll-open .map-shade { pointer-events: all; }
}


.map .map-svg {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 90%;
	pointer-events: none;
}
@media (max-width: 1150px) {
	.map .map-svg {
		margin-bottom: 30px;
		max-width: 100%;
	}
}
@media (max-width: 640px) {
	.map .map-svg {
		cursor: pointer;
		pointer-events: all;
	}
}

.map .map-svg svg { pointer-events: all; }
@media (max-width: 640px) {
	.map .map-svg svg { pointer-events: none; }
}

.map .map-content {
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 28%;
}
@media (max-width: 1150px) {
	.map .map-content {
		position: relative;
		margin: 0 auto 30px;
		max-width: 80%;
	}
}
@media (max-width: 640px) {
	.map .map-content { max-width: 100%; }
}

.map .map-list {
	position: absolute;
	bottom: 0;
	right: 25px;
}
@media (max-width: 1150px) {
	.map .map-list {
		position: relative;
		right: auto;
		max-width: 100%;
	}
}

.map .map-list ul {
	text-align: left;
	-webkit-column-count: 2;
	   -moz-column-count: 2;
			column-count: 2;
	-webkit-column-gap: 15px;
	   -moz-column-gap: 15px;
			column-gap: 15px;
}
@media (min-width: 641px) and (max-width: 1150px) {
	.map .map-list ul {
		-webkit-column-count: 4;
		   -moz-column-count: 4;
				column-count: 4;
		-webkit-column-gap: 15px;
		   -moz-column-gap: 15px;
				column-gap: 15px;
	}
}

.map .map-content .map-title {
	margin-bottom: 15px;
	font-family: "Viva Beautiful W01_B5374917",sans-serif;
	font-size: 6rem;
	font-weight: 400;
	line-height: 1;
	color: #000;
}
@media (max-width: 1024px) {
	.map .map-content .map-title { font-size: 4.6875rem; }
}
@media (max-width: 640px) {
	.map .map-content .map-title { font-size: 3.6875rem; }
}

.map .map-list .map-subtitle {
	margin-bottom: 5px;
	font-family: "Avenir LT W01_95 Black_1475556",sans-serif;
	font-size: 1.5625rem;
	font-weight: 400;
	line-height: 1.13;
	color: #333;
}

.map .map-list li { padding: 3px 0; }
.map .map-list li > a {
	font-family:'Avenir LT W01_95 Black_1475556';
	font-style: normal;
	line-height: inherit;
	color: inherit;
}
.map .map-list li .fa {
	margin-left: 10px;
	font-size: 18px;
	vertical-align: middle;
}

.map .map-slides {
	height: 0;
	overflow: hidden;
}

.map .map-slide {
	position: absolute;
	padding: 15px;
	width: 100%;
	max-width: 220px;
	text-align: left;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	transform: translate(-110%, -50%);
	opacity: 0;
	pointer-events: none;
}
.map .map-slide[data-slide="leisure-a"],
.map .map-slide[data-slide="leisure-c"],
.map .map-slide[data-slide="leisure-fv"],
.map .map-slide[data-slide="leisure-hs"],
.map .map-slide[data-slide="leisure-m"] { transform: translate(10%, -50%); }
.map .map-slide[data-slide="leisure-a"] { transform: translate(90%, -50%); }

@media (min-width: 641px) and (max-width: 1024px) {
	.map .map-slide[data-slide="leisure-a"] { transform: translate(-20%, -50%); }
}

@media (max-width: 1024px) {
	.map .map-slide { transform: translate(10%, -50%); }
	.map .map-slide[data-slide="leisure-z"],
	.map .map-slide[data-slide="leisure-w"],
	.map .map-slide[data-slide="leisure-k"],
	.map .map-slide[data-slide="leisure-r"],
	.map .map-slide[data-slide="leisure-er"],
	.map .map-slide[data-slide="leisure-wf"] { transform: translate(-110%, -50%); }
	.map .map-slide[data-slide="leisure-r"],
	.map .map-slide[data-slide="leisure-z"] { transform: translate(-150%, -50%); }
}

.map .map-slide.active {
	opacity: 1;
	pointer-events: all;
}
.map .map-slide .arrow {
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #fff;
	transform: translate(100%, -50%);
}
.map .map-slide[data-slide="leisure-a"] .arrow,
.map .map-slide[data-slide="leisure-c"] .arrow,
.map .map-slide[data-slide="leisure-fv"] .arrow,
.map .map-slide[data-slide="leisure-hs"] .arrow,
.map .map-slide[data-slide="leisure-m"] .arrow {
	right: auto;
	left: 0;
	border-left: none;
	border-right: 15px solid #fff;
	transform: translate(-100%, -50%);
}
@media (max-width: 1024px) {
	.map .map-slide .arrow {
		right: auto;
		left: 0;
		border-left: none;
		border-right: 15px solid #fff;
		transform: translate(-100%, -50%);
	}
	.map .map-slide[data-slide="leisure-z"] .arrow,
	.map .map-slide[data-slide="leisure-w"] .arrow,
	.map .map-slide[data-slide="leisure-k"] .arrow,
	.map .map-slide[data-slide="leisure-r"] .arrow,
	.map .map-slide[data-slide="leisure-er"] .arrow,
	.map .map-slide[data-slide="leisure-wf"] .arrow {
		right: 0;
		left: auto;
		border-left: 15px solid #fff;
		border-right: none;
		transform: translate(100%, -50%);
	}
}

.map .map-slide img {
	display: block;
	margin-bottom: 15px;
	width: 100%;
}
.map .map-slide h4 {
	margin-bottom: 15px;
	font-family: "Avenir LT W01_95 Black_1475556",sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	color: #161616;
}
.map .map-slide p {
	margin-bottom: 15px;
}
.map .map-slide .map-slide-close {
	position: absolute;
	top: 0;
	right: 0;
	margin-bottom: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	font-size: 12px;
	color: #fff;
	border-radius: 50%;
	border: 3px solid #fff;
	background: #000;
	transform: translate(40%, -40%);
}
.map .map-slide .map-slide-close .fa { vertical-align: top; }

.map .map-pane {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: right;
	box-shadow: 0 4px 40px 8px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
}
.map .map-pane.active {
	opacity: 1;
	pointer-events: all;
}
.map .map-pane .close-map-pane {
	margin: 0;
	padding: 15px;
	color: #212121;
	background: transparent;
}
.map .map-pane-inner {
	position: absolute;
	top: 48px;
	width: 100%;
	height: calc(100% - 48px);
	background-color: #fff;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.map .map-pane-inner svg {
	width: 1000px;
	height: auto;
	pointer-events: none;
}

.map .map-notice {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	padding: 15px;
	width: 100%;
	max-width: 80%;
	color: #fff;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.4);
	transform: translate(-50%, -50%);
}

/* LEISURE MAP */
.map .rmap-leisure-st0 {
  fill:#95D600;
  stroke:#A7A9AC;
  stroke-linejoin:bevel;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st1 {
  fill:#C4D600;
  stroke:#A7A9AC;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st2 {
  fill:#3FAE2A;
  stroke:#A7A9AC;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st3 {
  fill:#77BC1F;
  stroke:#A7A9AC;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st4 {
  fill:#3FAE2A;
  stroke:#A7A9AC;
  stroke-linecap:square;
  stroke-linejoin:bevel;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st5 {
  fill:#9794D2;
  stroke:#A7A9AC;
  stroke-linecap:square;
  stroke-linejoin:bevel;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st6 {
  fill:#0071CE;
  stroke:#A7A9AC;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st7 {
  fill:#77BC1F;
  stroke:#A7A9AC;
  stroke-linejoin:bevel;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st8 {
  fill:#D9272D;
  stroke:#A7A9AC;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st9 {
  fill:#94C0E9;
  stroke:#A7A9AC;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st10 {
  fill:#FFFFFF;
}
.map .rmap-leisure-st11 {
  opacity:0.46;
  fill:none;
  stroke:#A7A9AC;
  stroke-width:2.4162;
  stroke-miterlimit:10;
}
.map .rmap-leisure-st12 {
  fill:#808285;
}
.map .rmap-leisure-st13 {
  fill:#A7A9AC;
}
.map .rmap-leisure-st14 {
  fill:none;
}
.map .rmap-leisure-st15 {
  fill-rule:evenodd;
  clip-rule:evenodd;
  fill:none;
}
.map .rmap-leisure-st16 {
  fill:#0971ce;
}
.map .rmap-leisure-st17 {
  fill:#EC3825;
  stroke:#FFFFFF;
  stroke-width:2;
}
.map #Town_Names,
.map #Roads,
.map #Off_Map_Towns,
.map #Icons,
.map #Layer_25 {
  pointer-events:none;
}
/* Hovers for Leisure Map */
.map #Areas g polygon,
.map #Areas g path {
  transition:all ease .5s;
}
/* Rolescille */
/* Wendell */
.map #Areas g .rmap-leisure-st0:hover {
  fill:#588919;
}
/* Wendell */
.map #Areas g .rmap-leisure-st1:hover {
  fill:#8d9b05;
}
/* Zebulon */
/* Knightdale */
/* Farquay */
.map #Areas g .rmap-leisure-st2:hover {
  fill:#6c9b0c;
}
/* Garner */
.map #Areas g .rmap-leisure-st3:hover {
  fill:#588919;
}
/* Holly Springs */
.map #Areas g .rmap-leisure-st4:hover {
  fill:#2e7f22;
}
/* Apex */
.map #Areas g .rmap-leisure-st5:hover {
  fill:#6f6d98;
}
/* Cary */
.map #Areas g .rmap-leisure-st6:hover {
  fill:#0b5495;
}
/* Wake Froest */
.map #Areas g .rmap-leisure-st7:hover {
  fill:#588919;
}
/* West Raleigh */
/* South Raleigh */
/* East Raleigh */
/* Downtown */
/* Midtown */
/* North Raleigh */
/* Barier Creek */
.map #Areas g .rmap-leisure-st8:hover {
  fill:#9d2025;
}
/* Morrisville */
.map #Areas g .rmap-leisure-st9:hover {
  fill:#6a8ba9;
}