/* map */
#hp-sbm {
	margin: 0 -100%; 
	margin: 0 calc(50% - 50vw);
}

#hp-sbm .site-title  {
	margin-bottom: 40px;
}

.site-title h2 {
    font-size: 70px !important;
    font-size: 4.375vw !important;;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 1 !important;;
    margin: 0 !important;
}


.hp-featured-areas {
	position: relative;
}

.hp-fa-map {
	width: 1600px;
}

.map-holder {
	position: relative;
}

.map-areas {
	position: absolute;
	z-index: 20;
}

.map-main {
	position: relative;
	z-index: 10;
}

.map-hovers {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}

.map-hover {
	position: absolute;
}

.map-hover img {
	opacity: 0;
	transition: all .5s;
}

.map-hover.active img {
	opacity: 1;
}

.map-hover div.map-hover-label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(333deg);
	color: #000;
	font-size: 16px;
	font-weight: 700;
	width: 100px;
	text-align: center;
	line-height: 120%;
	text-shadow:0 0 5px #fff, 0 0 5px #fff;
}

.map-hover#h-platt-park {
	top: 512px;
    left: 939px;
}

.map-hover#h-washington-park {
	top: 392px;
    left: 939px;
}

.map-hover#h-downtown {
	top: 98px;
    left: 808px;
}

.map-hover#h-downtown  div.map-hover-label {
	top: 65%;
	left: 55%;
}

.map-hover#h-englewood {
	top: 617px;
    left: 799px;
}

.map-hover#h-englewood div.map-hover-label {
	top: 53%;
	left: 49%;
}

.map-hover#h-bonnie-brae {
	top: 470px;
    left: 1050px;
}

.map-hover#h-virginia-village {
	top: 514px;
    left: 1128px;
}

.map-hover#h-capitol-hill {
	top: 239px;
    left: 938px;
}

.map-hover#h-park-hill {
    top: 16px;
    left: 1130px;
}

.map-hover#h-highlands {
	top: 46px;
    left: 778px;
}

.map-hover#h-highlands div.map-hover-label {
	top: 35%;
}

.map-hover#h-observatory-park {
	top: 555px;
    left: 991px;
}

.map-side {
	position: absolute;
	top: 88px;
	left: 200px;	
	z-index: 30;
}

.hp-fa-list-mobile {
	display: none;
}

.hp-fa-list ul {
    list-style: none !Important;
    padding-left: 0 !important;
	margin-left: 0 !important;
}

.hp-fa-list li {
	font-size: 20px;	
	position: relative;
	padding-left: 15px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.hp-fa-list li a {
	position: relative;
	z-index: 20;
	color: #000;
	display: block;
	padding: 7px 0;
}

.hp-fa-list li a i {
	color: var(--primary);
	font-size: 20px;
	vertical-align: middle;
	margin-right: 10px;
    font-style: normal !important;
}

.hp-fa-list li a:hover, .hp-fa-list li a:hover i,
.hp-fa-list li.active ar, .hp-fa-list li.active a i{
	color: #000;
}

.hp-fa-list li::before {
	width: 0;
	height: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	transition: all .5s;
	z-index: 10;
}

.hp-fa-list li:hover::before,
.hp-fa-list li.active::before {
	width: 100%;
	background: linear-gradient(180deg, rgba(75,116,160,1) 0%, rgba(243,243,243,1) 100%);
}

.map-sub-areas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.map-sub-area {
    position: absolute;
    opacity: 0.7;
}
.map-sub-area span {
    display: block;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.04em;
    text-align: center;
}
.map-sub-area span a {
    color: #fff;
    pointer-events: auto;
}
.map-sub-area#regis {
    left: 689px;
    top: 29px;
}
.map-sub-area#berkeley {
    left: 695px;
    top: 91px;
}
.map-sub-area#west-highland {
    left: 695px;
    top: 147px;
}
.map-sub-area#sloans-lake {
    left: 700px;
    top: 208px;
}
.map-sub-area#west-coaflax {
    left: 700px;
    top: 279px;
}
.map-sub-area#villa-park {
    left: 687px;
    top: 334px;
}
.map-sub-area#barnum-hill {
    left: 666px;
    top: 394px;
}
.map-sub-area#barnum {
    left: 725px;
    top: 404px;
}
.map-sub-area#westwood {
    left: 691px;
    top: 477px;
}
.map-sub-area#marlee {
    left: 700px;
    top: 555px;
}
.map-sub-area#harvey-park {
    left: 694px;
    top: 625px;
}
.map-sub-area#harvey-park-south {
    left: 683px;
    top: 704px;
}
.map-sub-area#bear-valley {
    left: 603px;
    top: 695px;
}
.map-sub-area#fort-logan {
    left: 651px;
    top: 805px;
}
.map-sub-area#marston {
    left: 574px;
    top: 878px;
}
.map-sub-area#chafee-park {
    left: 797px;
    top: 28px;
}
.map-sub-area#globeville {
    left: 904px;
    top: 70px;
}
.map-sub-area#jefferson-park {
    left: 782px;
    top: 210px;
}
.map-sub-area#jefferson-park span {
    font-size: 10px;
}
.map-sub-area#sun-valley {
    left: 781px;
    top: 301px;
}
.map-sub-area#sun-valley span {
    font-size: 10px;
    
}
.map-sub-area#lincoln-park {
    left: 834px;
    top: 318px;
}
.map-sub-area#golden-triangle {
    left: 894px;
    top: 299px;
}
.map-sub-area#golden-triangle span {
    font-size: 10px;
}
.map-sub-area#valverde {
    left: 792px;
    top: 409px;
}
.map-sub-area#baker {
    left: 882px;
    top: 391px;
}
.map-sub-area#athmar-park {
    left: 806px;
    top: 473px;
}
.map-sub-area#ruby-hill {
    left: 808px;
    top: 553px;
}
.map-sub-area#college-view {
    left: 793px;
    top: 605px;
}
.map-sub-area#overload {
    left: 883px;
    top: 594px;
}
.map-sub-area#elyria-swansea {
    left: 1010px;
    top: 63px;
}
.map-sub-area#cole {
    left: 1005px;
    top: 136px;
}
.map-sub-area#clayton {
    left: 1067px;
    top: 137px;
}
.map-sub-area#whittier {
    left: 997px;
    top: 196px;
}
.map-sub-area#skyland {
    left: 1068px;
    top: 195px;
}
.map-sub-area#city-park-west {
    left: 995px;
}
.map-sub-area#city-park-west {
    left: 995px;
    top: 243px;
}
.map-sub-area#city-park-west span {
    font-size: 11px;
}
.map-sub-area#city-park {
    left: 1062px;
    top: 253px;
}
.map-sub-area#cheeseman-park {
    left: 994px;
    top: 308px;
}
.map-sub-area#cheeseman-park span {
    font-size: 10px;
}
.map-sub-area#congress-park {
    left: 1062px;
    top: 320px;
}
.map-sub-area#speer {
    left: 949px;
    top: 399px;
}
.map-sub-area#country-club {
    left: 1000px;
    top: 375px;
}
.map-sub-area#cherry-creek {
    left: 1068px;
    top: 384px;
}
.map-sub-area#bel-caro span {
    font-size: 11px;
}
.map-sub-area#bel-caro {
    left: 1058px;
    top: 451px;
}
.map-sub-area#cory-Merrill {
    left: 1073px;
    top: 542px;
}
.map-sub-area#rosedale span {
    font-size: 10px;
}
.map-sub-area#rosedale {
    left: 943px;
    top: 642px;
}
.map-sub-area#wellshire {
    left: 1064px;
    top: 704px;
}
.map-sub-area#mayfair {
    left: 1146px;
    top: 320px;
}
.map-sub-area#montclair {
    left: 1219px;
    top: 324px;
}
.map-sub-area#hilltop {
    left: 1171px;
    top: 399px;
}
.map-sub-area#washington-virginia-vale {
    left: 1197px;
    top: 474px;
}
.map-sub-area#goldsmith {
    left: 1215px;
    top: 628px;
}
.map-sub-area#univeristy-hills span {
    font-size: 9px;
}
.map-sub-area#univeristy-hills {
    left: 1137px;
    top: 724px;
}
.map-sub-area#southmore-park span {
    font-size: 10px;
}
.map-sub-area#southmore-park {
    left: 1169px;
    top: 765px;
}
.map-sub-area#stapleton {
    left: 1338px;
    top: 128px;
}
.map-sub-area#east-coaflax {
    left: 1299px;
    top: 290px;
}
.map-sub-area#lowry {
    left: 1318px;
    top: 395px;
}
.map-sub-area#windsor {
    left: 1324px;
    top: 483px;
}
.map-sub-area#indian-creek span {
    font-size: 10px;
}
.map-sub-area#indian-creek {
    left: 1292px;
    top: 586px;
}
.map-sub-area#hampden {
    left: 1286px;
    top: 717px;
}
.map-sub-area#kennedy {
    left: 1445px;
    top: 731px;
}
.map-sub-area#hampden-south span {
    font-size: 14px;
}
.map-sub-area#hampden-south {
    left: 1271px;
    top: 795px;
}


@Media(max-width: 991px) {
	/* map */
	.hp-featured-areas {
		height: auto !important;;
	}
	.hp-fa-map {
		transform: none !Important;
		width: 100%;
	}
	.map-holder{
		display: none;
	}
	.map-side{
		position: relative;
		left: auto;
		top: auto;
		padding: 0 5%;
	}
	.hp-fa-list li {
		text-align: center;
	}	
}