/********************* Region Map *********************/
.regionMap .row {max-width: 67.5rem;}
.regionMap { position: relative; margin-bottom: 85px !important; }
.regionMap .mapHead {}
.regionMap .mapHead .logo {
	background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 10;
}
.regionMap .mapCont{
	background: #f8f5f1 url(/includes/public/assets/images/regionmap/map-bg-pattern.png) repeat 0 0;
	height: 373px;
	position: relative;
	border: 1px solid #e1d9ce;
}
.regionMap .landCont {
	background-image: url(/includes/public/assets/images/regionmap/mapoverlay-mobile.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 640px 373px;
	height: 373px;
	width: auto;
	position: relative;
}
.regionMap .landCont .row {position: relative; height: 373px;}
.regionMap .btnHolder {
	position: relative;
	width: 320px;
	height: 373px;
	margin: auto;
}
.regionMap .regionArea.active { cursor: default;}
.regionMap .regionButton {
	background-color: #e4b53a;
	height: 25px;
	line-height: 1.563rem;
	width: auto;
	padding: 0 0.625rem;
	display: inline-block;
	min-width: 80px;
	font-family: 'open-sans', sans-serif;
	text-align: center;
	font-size: 0.750rem;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	cursor: pointer;
}
.regionMap .regionButton .btnTail {
	display: block;
	position: absolute;
	background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
	background-repeat: no-repeat;
	top: 24px;
}
.regionMap .regionCircle {
	position: absolute;
	background-color: #e4b53a;
	height: 20px;
	width: 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

.regionMap .regionArea.active .regionButton,  .regionMap .regionArea.active .regionCircle { cursor: default;}
/* POPUP/INFO WINDOW */
.regionMap .popupHolder {
	width: 100%;
	height: auto;
	z-index: 11;

}
.regionMap .popupHolder .row > .imageArea.columns {}
.sv-foundation .regionMap .popupHolder .row{}
.regionMap .regionPopup {   
	height: auto;   
	text-align: left;
	position: relative;
	display: none;

}
.regionMap .regionPopup.active { display: inline-block; }
.regionMap .regionPopup .regionCont {
	background-color: #fff;
	border: 1px solid #e1d9cf;
}
.regionMap .regionPopup img { border: 1px solid #baaea0;}
.regionMap .regionPopup .contentArea h3 {
	color: #ff0000;
	font-size: 24px;
	font-family: 'montserrat', sans-serif;
	font-weight: 600;
	line-height: 27px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.regionMap .regionPopup .contentArea p, .regionMap .regionPopup .contentArea a { font-size: 0.875rem; line-height: 1.125rem; color: #7f8085;}
.regionMap .regionPopup .contentArea a { color: #de1d29;}
.regionMap .regionPopup .closeButton {
	background-color: #de1d29;  
	width: 31px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.regionMap .regionPopup .closeButton:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%; 
	margin-left: -7px;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
	background-repeat: no-repeat;
	background-position: -191px -93px;
}
.regionMap .regionPopup .btmDeco { height: 10px; width: auto;}



/*Position One is About Ft Worth and Not shown*/
.regionMap .regionArea.pos1  { display: none;}
.regionMap .regionPopup .btmDeco { background-color: #e4b53a;}

/* TMS / Alliance -- Position 2 */
.regionMap .regionArea.pos2 .regionButton { top: 34px; right: 72px;}
.regionMap .regionArea.pos2 .btnTail { display: none;}
.regionMap .regionArea.pos2 .regionCircle {
	width: 24px;
	height: 24px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	top: 4px;
	right: 109px;
}
.regionMap .regionArea.pos2 .regionCircle:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%; 
	margin-left: -7px;
	margin-top: -6.5px;
	width: 14px;
	height: 13px;
	background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
	background-repeat: no-repeat;
	background-position: -526px -93px;
}
.regionMap .regionArea.pos2:hover > div,
.regionMap .regionArea.pos2.active > div,
.regionMap .regionPopup.pos2 .btmDeco  {background-color: #45555e;}

/* DFW Intl. Airport -- Position 3 */
.regionMap .regionArea.pos3 .regionButton { top: 72px; right: 10px;}
.regionMap .regionArea.pos3 .btnTail { display: none;}
.regionMap .regionArea.pos3 .regionCircle {
	width: 24px;
	height: 24px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	top: 43px;
	right: 37px;
}
.regionMap .regionArea.pos3 .regionCircle:after {
	content: "";
	position: absolute;
	top: 48%;
	left: 50%; 
	margin-left: -6px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
	background-repeat: no-repeat;
	background-position: -418px -93px;
}
.regionMap .regionArea.pos3:hover > div,
.regionMap .regionArea.pos3.active > div,
.regionMap .regionPopup.pos3 .btmDeco {background-color: #737373;}

/* Downtown  -- Position 4 */
.regionMap .regionArea.pos4 .regionButton { top: 210px; right: -31px; height: 29px; max-width: 127px; line-height: 0.775rem; padding-top: 3px;}
.regionMap .regionArea.pos4 .regionButton .btnTail {
	background-position: -96px -93px;
	width: 19px;
	height: 15px;
	left: -14px;
	top: -5px;
	transform: rotateX(180deg) rotateZ(-20deg);
}
.regionMap .regionArea.pos4 .regionCircle {
	width: 33px;
	height: 33px;
	-webkit-border-radius: 16.5px;
	border-radius: 16.5px;
	top: 169px;
	right: 107px;
}
.regionMap .regionArea.pos4 .regionCircle:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%; 
	margin-left: -12px;
	margin-top: -11px;
	width: 23px;
	height: 21px;
	background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
	background-repeat: no-repeat;
	background-position: -132px -93px;
}
.regionMap .regionArea.pos4:hover > div,
.regionMap .regionArea.pos4.active > div,
.regionMap .regionPopup.pos4 .btmDeco {background-color: #c99e37;}
.regionMap .regionArea.pos4:hover .regionButton .btnTail, .regionMap .regionArea.pos4.active .regionButton .btnTail { 
	background-position: -418px -110px;
	background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
}

/* Near Southside -- Position 5 */
.regionMap .regionArea.pos5 .regionButton { top: 260px; right: 0px;}
.regionMap .regionArea.pos5 .regionButton .btnTail {
	background-position: 0px -60px;
	width: 15px;
	height: 10px;
	left: -12px;
	top: -2px;
	transform: rotateZ(90deg);
}
.regionMap .regionArea.pos5 .regionCircle {  bottom: 116px; right: 120px;}
.regionMap .regionArea.pos5:hover > div,
.regionMap .regionArea.pos5.active > div,
.regionMap .regionPopup.pos5 .btmDeco { background-color: #8bbf67;}
.regionMap .regionArea.pos5:hover .regionButton .btnTail, .regionMap .regionArea.pos5.active .regionButton .btnTail { background-position: -435px -93px;}

/* TCU / Zoo -- Position 6 */
.regionMap .regionArea.pos6 .regionButton { bottom: 21px; left: 80px;}
.regionMap .regionArea.pos6 .regionButton .btnTail {
	background-position: -210px -93px;
	width: 10px;
	height: 14px;
	right: 20px;
	top: -14px;
}
.regionMap .regionArea.pos6 .regionCircle { bottom: 61px; left: 132px;}
.regionMap .regionArea.pos6:hover > div,
.regionMap .regionArea.pos6.active > div,
.regionMap .regionPopup.pos6 .btmDeco { background-color: #524f85;}
.regionMap .regionArea.pos6:hover .regionButton .btnTail, .regionMap .regionArea.pos6.active .regionButton .btnTail { background-position: -358px -117px;}

/* Camp Bowie -- Position 7 */
.regionMap .regionArea.pos7 .regionButton { bottom: 89px; left: 46px;}
.regionMap .regionArea.pos7 .regionButton .btnTail {
	background-position: -479px -119px;
	width: 14px;
	height: 11px;
	top: -10px;
	left: 18px;
}
.regionMap .regionArea.pos7 .regionCircle { bottom: 126px; left: 74px;}
.regionMap .regionArea.pos7:hover > div,
.regionMap .regionArea.pos7.active > div,
.regionMap .regionPopup.pos7 .btmDeco { background-color: #922d22;}
.regionMap .regionArea.pos7:hover .regionButton .btnTail, .regionMap .regionArea.pos7.active .regionButton .btnTail { background-position: -498px -119px;}

/* Cultural District -- Position 8 */
.regionMap .regionArea.pos8 .regionButton { top: 165px; left: 15px;}
.regionMap .regionArea.pos8 .regionButton .btnTail {
	background-position: -308px -93px;
	width: 14px;
	height: 14px;
	right: 12px;
}
.regionMap .regionArea.pos8 .regionCircle { bottom: 150px; left: 124px;}
.regionMap .regionArea.pos8:hover > div,
.regionMap .regionArea.pos8.active > div,
.regionMap .regionPopup.pos8 .btmDeco { background-color: #68c3c0;}
.regionMap .regionArea.pos8:hover .regionButton .btnTail, .regionMap .regionArea.pos8.active .regionButton .btnTail { background-position: -399px -93px;}

/* West 7th -- Position 9 */
.regionMap .regionArea.pos9 .regionButton { top: 127px; left: 85px;}
.regionMap .regionArea.pos9 .regionButton .btnTail {
	background-position: 0 -29px;
	width: 11px;
	height: 26px;
	right: 10px;
}
.regionMap .regionArea.pos9 .regionCircle { bottom: 172px; left: 145px;}
.regionMap .regionArea.pos9:hover > div,
.regionMap .regionArea.pos9.active > div,
.regionMap .regionPopup.pos9 .btmDeco { background-color: #98cbf5;}
.regionMap .regionArea.pos9:hover .regionButton .btnTail, .regionMap .regionArea.pos9.active .regionButton .btnTail { background-position: -463px -93px; }

/* Stockyards -- Position 10 */
.regionMap .regionArea.pos10 .regionButton { top: 80px; left: 60px;}
.regionMap .regionArea.pos10 .regionButton .btnTail {
	background-position: -373px -117px;
	width: 14px;
	height: 9px;
	right: -13px;
	top: 8px;
}
.regionMap .regionArea.pos10 .regionCircle { top: 88px; left: 163px;}
.regionMap .regionArea.pos10:hover > div,
.regionMap .regionArea.pos10.active > div,
.regionMap .regionPopup.pos10 .btmDeco { background-color: #de1d29;}
.regionMap .regionArea.pos10:hover .regionButton .btnTail, .regionMap .regionArea.pos10.active .regionButton .btnTail { background-position: 0 -121px;}

/* Panther Island -- Position 11 */
.regionMap .regionArea.pos11 .regionButton { top: 116px; right: 10px;}
.regionMap .regionArea.pos11 .regionButton .btnTail {
	background-position: -526px -111px;
	width: 12px;
	height: 17px;
	left: -12px;
	top: 11px;
}
.regionMap .regionArea.pos11 .regionCircle { top: 139px; right: 130px;}
.regionMap .regionArea.pos11:hover > div,
.regionMap .regionArea.pos11.active > div,
.regionMap .regionPopup.pos11 .btmDeco { background-color: #f15a29;}
.regionMap .regionArea.pos11:hover .regionButton .btnTail, .regionMap .regionArea.pos11.active .regionButton .btnTail { background-position: -96px -113px;}

/* Clearkfork -- Position 12 */
.regionMap .regionArea.pos12 .regionButton { bottom: 30px; left: -10px; }
.regionMap .regionArea.pos12 .regionButton .btnTail {
	background-position: -479px -119px;
	width: 14px;
	height: 11px;
	top: -10px;
	left: 60px;
	transform: rotateY(0deg);
}
.regionMap .regionArea.pos12 .regionCircle { bottom: 65px; left: 59px; }
.regionMap .regionArea.pos12:hover > div,
.regionMap .regionArea.pos12.active > div,
.regionMap .regionPopup.pos12 .btmDeco { background-color: #922d22;}
.regionMap .regionArea.pos12:hover .regionButton .btnTail, .regionMap .regionArea.pos12.active .regionButton .btnTail { background-position: -498px -119px; }

/* River East District -- Position 13 */
.regionMap .regionArea.pos13 .regionButton { top: 170px; right: 8px;}
.regionMap .regionArea.pos13 .regionButton .btnTail {
	background-position: -479px -119px;
	width: 14px;
	height: 11px;
	top: 9px;
	left: -12px;
	transform: rotateZ(258deg);
}
.regionMap .regionArea.pos13 .regionButton .btnTail {
	background-position: -479px -119px;
	width: 14px;
	height: 11px;
	top: -10px;
	left: 40px;
	transform: rotateY(180deg);
}
.regionMap .regionArea.pos13 .regionCircle { top: 143px; right: 50px;}
.regionMap .regionArea.pos13:hover > div,
.regionMap .regionArea.pos13.active > div,
.regionMap .regionPopup.pos13 .btmDeco { background-color: #922d22;}
.regionMap .regionArea.pos13:hover .regionButton .btnTail, .regionMap .regionArea.pos13.active .regionButton .btnTail { background-position: -498px -119px; }

/*** Mobile ***/
@media only screen and (max-width: 40em) {
	.regionMap .regionButton {
		font-size: 11px;
	}
	.regionMap .mapHead .logo {
		background-position: -602px -7px;
		width: 280px;
		height: 140px;
		margin: auto;
		top: 19px;
	}
	/* POPUP/INFO WINDOW */
	.regionMap .popupHolder {
		position: absolute;
		top: 140px;
		text-align: center;
	}
	.regionMap .regionPopup {
		background-color: #5f5e5d;
		width: 280px;
		-webkit-box-shadow: 0 0 600px 600px rgba(0,0,0,.6);
		box-shadow: 0 0 600px 600px rgba(0,0,0,.6);
	}
	.regionMap .regionPopup .row .columns.contentArea { padding: 1.25rem 0.625rem 1.625rem;}
	.regionMap .regionPopup .btmDeco { margin-top: 1px;}
	.regionMap .regionPopup.pos1.active {display: none;}
} 

/*** Tablet & Desktop ***/
@media only screen and (min-width: 40.063em) {
	.regionMap .mapHead .logo {
		background-position: -21px 0;
		width: 518px;
		height: 88px;
		top: 25px;
	}
	.regionMap .mapCont { height: 487px;}
	.regionMap .landCont {
		background-image: url(/includes/public/assets/images/regionmap/mapoverlay-desk.png);
		background-size: 1327px 487px;
		height: 487px;
		width: auto;
	}
	.regionMap .landCont .row { height: 487px;}
	.regionMap .btnHolder {
		height: 487px;
		width: 768px;
	}
	.regionMap .regionButton {
		height: 30px;
		line-height: 1.875rem;
		padding: 0 0.813rem;
		font-size: 0.875rem;
	}
	.regionMap .regionButton .btnTail { top: 29px;}
	.regionMap .regionCircle {
		height: 24px;
		width: 24px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}

	/* TMS / Alliance -- Position 2 */
	.regionMap .regionArea.pos2 .regionButton {top: 48px; right: 268px;}
	.regionMap .regionArea.pos2 .regionCircle {
		width: 30px;
		height: 30px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		top:10px;
		right: 317px;
	}
	.regionMap .regionArea.pos2 .regionCircle:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%; 
		margin-left: -8px;
		margin-top: -8px;
		width: 16px;
		height: 16px;
		background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
		background-repeat: no-repeat;
		background-position: -442px -108px;
	}

	/* DFW Intl. Airport -- Position 3 */
	.regionMap .regionArea.pos3 .regionButton {top:100px; right: 193px;}
	.regionMap .regionArea.pos3 .regionCircle {
		width: 30px;
		height: 30px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		top: 64px;
		right: 218px;
	}
	.regionMap .regionArea.pos3 .regionCircle:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%; 
		margin-left: -7px;
		margin-top: -7px;
		width: 14px;
		height: 14px;
		background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
		background-repeat: no-repeat;
		background-position: -113px -113px;
	}

	/* Downtown  -- Position 4 */
	.regionMap .regionArea.pos4 .regionButton { top: 275px; right: 215px; height:40px; line-height: 1.125rem; padding-top: 3px; max-width: 160px;}
	.regionMap .regionArea.pos4 .regionButton .btnTail {
		display: block;
		background-position: -419px -111px;
		width: 18px;
		height: 14px;
		left: -5px;
		top: -16px;
		transform: rotateX(180deg) rotateY(180deg) rotateZ(-90deg);
	}
	.regionMap .regionArea.pos4 .regionCircle {
		width: 40px;
		height: 40px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		top: 220px;
		right: 372px; 
	}
	.regionMap .regionArea.pos4 .regionCircle:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%; 
		margin-left: -14px;
		margin-top: -14px;
		width: 29px;
		height: 27px;
		background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
		background-repeat: no-repeat;
		background-position: -253px -93px;
	}
	.regionMap .regionArea.pos4:hover .regionButton .btnTail, .regionMap .regionArea.pos4.active .regionButton .btnTail { 
		background-image: url(/includes/public/assets/images/regionmap/sprite-map.png);
		width: 18px;
		height: 14px;
		background-position: -419px -111px;
	}

	/* Near Southside -- Position 5 */
	.regionMap .regionArea.pos5 .regionButton { top: 345px; right: 258px; }
	.regionMap .regionArea.pos5 .regionButton .btnTail {
		display: block;
		background-position: 0px -60px;
		width: 15px;
		height: 10px;
		left: 0px;
		top: -9px;
		transform: rotateZ(-115deg);
	}
	.regionMap .regionArea.pos5 .regionCircle { bottom: 155px; right: 395px;}
	.regionMap .regionArea.pos5:hover .regionButton .btnTail, .regionMap .regionArea.pos5.active .regionButton .btnTail { background-position: -435px -93px; }

	/* TCU / Zoo -- Position 6 */
	.regionMap .regionArea.pos6 .regionButton { bottom: 38px; left: 235px;}
	.regionMap .regionArea.pos6 .regionButton .btnTail {
		background-position: -160px -112px;
		width: 14px;
		height: 19px;
		top: -18px;
	}
	.regionMap .regionArea.pos6 .regionCircle { bottom: 88px; left: 293px;}
	.regionMap .regionArea.pos6:hover .regionButton .btnTail, .regionMap .regionArea.pos6.active .regionButton .btnTail { background-position: -308px -112px;}

	/* Camp Bowie -- Position 7 */
	.regionMap .regionArea.pos7 .regionButton { bottom: 115px; left: 146px;}
	.regionMap .regionArea.pos7 .regionButton .btnTail {
		background-position: 0 0;
		width: 16px;
		height: 24px;
		top: -23px;
		left: 73px;
	}
	.regionMap .regionArea.pos7 .regionCircle { bottom: 170px; left: 226px; }
	.regionMap .regionArea.pos7:hover .regionButton .btnTail, .regionMap .regionArea.pos7.active .regionButton .btnTail { background-position: -21px -93px;}

	/* Cultural District -- Position 8 */
	.regionMap .regionArea.pos8 .regionButton { top: 240px; left: 100px; }
	.regionMap .regionArea.pos8 .regionButton .btnTail {
		background-position: -327px -93px;
		width: 31px;
		height: 19px;
		right: -30px;
		top: 7px;
	}
	.regionMap .regionArea.pos8 .regionCircle { top: 262px; left: 285px;}
	.regionMap .regionArea.pos8:hover .regionButton .btnTail, .regionMap .regionArea.pos8.active .regionButton .btnTail { background-position: -363px -93px;}

	/* West 7th -- Position 9 */
	.regionMap .regionArea.pos9 .regionButton { top: 169px; left: 219px;}
	.regionMap .regionArea.pos9 .regionButton .btnTail {
		background-position: -68px -93px;
		width: 23px;
		height: 37px;
		right: 4px;
	}
	.regionMap .regionArea.pos9 .regionCircle { top: 233px; left: 300px;}
	.regionMap .regionArea.pos9:hover .regionButton .btnTail, .regionMap .regionArea.pos9.active .regionButton .btnTail { background-position: -225px -93px;}

	/* Stockyards -- Position 10 */
	.regionMap .regionArea.pos10 .regionButton { top: 78px; left: 242px;}
	.regionMap .regionArea.pos10 .regionButton .btnTail {
		background-position: -42px -93px;
		width: 21px;
		height: 21px;
		top: 29px;
		right: 14px;
	}
	.regionMap .regionArea.pos10 .regionCircle { top: 128px; left: 336px;}
	.regionMap .regionArea.pos10:hover .regionButton .btnTail, .regionMap .regionArea.pos10.active .regionButton .btnTail { background-position: -479px -93px;}

	/* Panther Island -- Position 11 */
	.regionMap .regionArea.pos11 .regionButton { top: 152px; right: 255px;}
	.regionMap .regionArea.pos11 .regionButton .btnTail {
		background-position: -287px -93px;
		width: 16px;
		height: 20px;
		top: 9px;
		left: -16px;
	}
	.regionMap .regionArea.pos11 .regionCircle { top: 183px; right: 405px;}
	.regionMap .regionArea.pos11:hover .regionButton .btnTail, .regionMap .regionArea.pos11.active .regionButton .btnTail { background-position: 0 -96px;}

	/* Clearfork -- Position 12 */
	.regionMap .regionArea.pos12 .regionButton { bottom: 55px; left: 100px; }
	.regionMap .regionArea.pos12 .regionButton .btnTail {
		background-position: -479px -119px;
		width: 14px;
		height: 11px;
		top: -10px;
		left: 85px;
		transform: rotateY(0);
	}
	.regionMap .regionArea.pos12 .regionCircle { bottom: 88px; left: 200px; }
	.regionMap .regionArea.pos12:hover .regionButton .btnTail, .regionMap .regionArea.pos12.active .regionButton .btnTail { background-position: -498px -119px; }
	
	/* River East District -- Position 13 */
	.regionMap .regionArea.pos13 .regionButton { top: 215px; right: 250px;}
	.regionMap .regionArea.pos13 .regionButton .btnTail {
		background-position: -479px -119px;
		width: 14px;
		height: 11px;
		top: -10px;
		left: 45px;
		-webkit-transform: rotateY(180deg);
				transform: rotateY(180deg);
	}
	.regionMap .regionArea.pos13 .regionCircle { top: 184px; right: 305px;}
	.regionMap .regionArea.pos13:hover .regionButton .btnTail, .regionMap .regionArea.pos13.active .regionButton .btnTail { background-position: -498px -119px; }
	
	/* POPUP/INFO WINDOW */
	.regionMap .regionPopup .closeButton { display: none;}

}

/*** Tablet ***/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.regionMap .popupHolder {}
	.regionMap .regionPopup .regionCont { padding: 1.250rem;}
	.regionMap .regionPopup .row .columns.contentArea { padding-left: 1.250rem;}
	.regionMap .regionPopup .btmDeco {margin: -0.750rem 1.250rem 0 1.250rem;}   
}

/*** Desktop  ***/
@media only screen and (min-width: 64.063em) {
	.regionMap .mapHead .logo {}
	.regionMap .landCont {}
	.regionMap .btnHolder {}
	.regionMap .popupHolder {
		max-width: 67.5rem;
		position: absolute;
		top: 88px;
	}
	.regionMap .regionPopup {
		width: 340px;
		height: auto;
		position: absolute;
		right: 0;
		top: 20px;
	}
	.regionMap .regionPopup .regionCont {
		width: 340px;
		height: 436px;
		padding: 1.188rem;
	}
	.regionMap .popupHolder .row .imageArea.columns { margin-bottom: 10px;}
	.regionMap .regionPopup .row .columns.contentArea {}
	.regionMap .regionPopup .btmDeco {}
}

.homepage .regionMap .regionCircle,
.homepage .regionMap .regionButton{
	background-color: #7f8182;
}


.homepage .regionMap .mapHead .logo,
.homepage .regionMap .regionButton .btnTail {
	background-image: url(/includes/public/assets/images/regionmap/sprite-map-homepage.png);
}
@media only screen and (min-width: 40.063em){
	.homepage .regionMap .mapHead .logo {
		background-position: -22px 0;
		width: 573px;
		height: 77px;
		top: 14px;
	}
}