.interactive-map-wrap {
	opacity: 0;
}

.imgcont {
	position:relative;
}
.imgcont img {
	width:100%;
}

/*** BOX 2 ***/
.box1 .imgcont:after,
.box2 .imgcont:after {
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:200px;
	background: -webkit-linear-gradient(transparent, rgba(0,0,0,.7));
    background: -o-linear-gradient(transparent, rgba(0,0,0,.7));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,.7));
    background: linear-gradient(transparent, rgba(0,0,0,.7));
}
.box1 .imgcont:before,
.box2 .imgcont:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0.25);
	transition:all ease .5s .5s;
}
.box1:hover .imgcont:before,
.box2:hover .imgcont:before,
.box2:hover .img:before,
.hood-item[data-title="hoveractive"] .box2 .imgcont:before {
	box-shadow:inset 0px 0px 0px 20px rgba(0,0,0,0.25);
	transition:all ease .5s .5s;
}
.box1:hover .imgcont:before {
	box-shadow:inset 0px 0px 0px 25px rgba(0,0,0,0.25);
}
.box2 .color-element {
	position:absolute;
	top:50%;
	left:50%;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,.25);
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transition:all ease .5s;
}
.box2:hover .color-element,
.hood-item[data-title="hoveractive"] .box2 .color-element {
	box-shadow:inset 0px 0px 0px 20px rgba(255,255,255,.25);
	transition:all ease .5s .75s;
}
.box2 .color-element:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:0%;
	height:0%;
	opacity:0;
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	transform-origin:bottom left;
	transition:all ease .5s;
}
.box2 .color-element:after {
	content:"";
	position:absolute;
	bottom:0px;
	right:0px;
	width:0%;
	height:0%;
	opacity:0;
	border-right:1px #fff solid;
	border-bottom:1px #fff solid;
	transform-origin:bottom left;
	transition:all ease .5s;
}
.box2:hover .color-element:before,
.box2:hover .color-element:after,
.hood-item[data-title="hoveractive"] .box2 .color-element:before,
.hood-item[data-title="hoveractive"] .box2 .color-element:after {
	width:100%;
	height:100%;
	opacity:1;
}

.box2 .img-box-text-cont {
	position:absolute;
	bottom:0%;
	left:0px;
	width:100%;
	text-align:center;
	transform:translateY(0%);
	-ms-transform:translateY(0%);
	-webkit-transform:translateY(0%);
	transition:all ease .5s;
}
.box2:hover .img-box-text-cont,
.hood-item[data-title="hoveractive"] .box2 .img-box-text-cont {
	bottom:50%;
	transform:translateY(50%);
	-ms-transform:translateY(50%);
	-webkit-transform:translateY(50%);
}
.box2 .regional-img-title1 {
	color:#fff;
	font-size:30px;
	font-family:'Proxima N W01 X Cd Bold';
	position:relative;
	line-height:1em;
	margin-bottom:0px;
	transition:all ease .5s;
}
.box2 .regional-img-title1:after {
	content:"";
	position:absolute;
	bottom:0px;
	left:50%;
	width:0%;
	height:1px;
	opacity:0;
	background-color:#fff;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transform-origin:center;
	-ms-transform-origin:center;
	-webkit-transform-origin:center;
	transition:all ease .5s;
}
.box2:hover .regional-img-title1:after,
.hood-item[data-title="hoveractive"] .box2 .regional-img-title1:after {
	width:70%;
	opacity:1;
	transition:all ease .5s .25s;
}
/*** END BOX 2 ***/

/*** INTERACTIVE MAP ***/

body.interactive-map-active {
	overflow:hidden;
	width:100%;
}
.interactive-map-cont {
	max-width:1280px;
	width:100%;
	margin:0px auto;
	padding:60px 0px;
	display:table;
}
.regional-title1 {
	color:#fcc400;
	font-size:50px;
	line-height:1.4em;
	font-family:'Univers LT W01_47 Light1475998';
}
.regional-title2 {
	color:#fff;
	font-size:16px;
	font-family:'Proxima N W01 Reg';
	margin-bottom:20px;
}
.svg-map,
.interactive-map-wrap .regional-list-cont {
	display:table-cell;
	width:50%;
	vertical-align:top;
	position:relative;
}

.regional-list-cont {
}
.svg-map {
	padding:5px 50px 0px 50px;
}
.svg-map-head {
	margin-bottom:35px;
}
.hood-item {
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#086b7c;
	cursor:pointer;
	transition:all ease .5s;
}
svg .hood-item:hover,
svg .hood-item[data-title="hoveractive"] {
	fill:#1a3d52;
}
.hood-item.active {
	fill:#932f1e;
}
.svg-map-labels,
.svg-cities {
	pointer-events:none;
}
.svg-map-labels {
	fill:#fff;
}
.svg-cities {
	fill:#fff;
	opacity:.4;
}
.regional-list {
	position:relative;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	list-style:none;
}
.regional-list li {
	float:left;
	width:50%;
	position:relative;
	opacity:1;
	overflow:hidden;
	transition:all ease .5s;
}
.regional-hit-state {
	display:block;
}
.map-title-nav-text {
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,.35);
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.regional-info-cont {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	opacity:0;
	visibility: hidden;
	z-index:999;
	pointer-events:none;
	background-color:rgba(0,0,0,.7);
	transition:all ease .5s;
}
.regional-info-cont.active {
	opacity:1;
	visibility: visible;
	pointer-events:auto;
}
.map-names {
	max-width:1280px;
	width:100%;
	position:absolute;
	top:30px;
	left:50%;
	text-align:left;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transition:all ease .35s;
}
.regional-info-cont.active .map-names {
	top:-10px;
}
.map-name-item {
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	color:#fff;
	font-size:50px;
	transition:all ease .35s;
}
.map-name-item.active {
	opacity:1;
}
.regional-close {
	position:absolute;
	color:#fff;
	font-size:15px;
	font-style:italic;
	font-family: 'Times New Roman', Times, serif;
	top:-50px;
	left:50%;
	z-index:1;
	max-width:1280px;
	width:100%;
	text-align:right;
	cursor:pointer;
	opacity:0;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	transition:all ease .5s;
}
.regional-info-cont.active .regional-close {
	top:20px;
	opacity:1;
}
.regional-close span {
	width:100px;
	height:50px;
	text-align:left;
	position:relative;
	display:inline-block;
	padding:14px 0px 14px 20px;
	background-color:#932f1e;
	transition:all ease .5s;
}
.regional-close span:hover {
	background-color:#710f11;
}
.regional-close span:before,
.regional-close span:after {
	content:"";
	position:absolute;
	top:50%;
	left:65px;
	width:20px;
	height:2px;
	background-color:#fff;
	transform:translateY(-50%) rotate(0deg);
	-ms-transform:translateY(-50%) rotate(0deg);
	-webkit-transform:translateY(-50%) rotate(0deg);
	transform-origin:center;
	-ms-transform-origin:center;
	-webkit-transform-origin:center;
	transition:all ease .25s 0s;
}
.regional-info-cont.active .regional-close span:before {
	transform:translateY(-50%) rotate(45deg);
	-ms-transform:translateY(-50%) rotate(45deg);
	-webkit-transform:translateY(-50%) rotate(45deg);
	transition:all ease .5s .4s;
}
.regional-info-cont.active .regional-close span:after {
	transform:translateY(-50%) rotate(-45deg);
	-ms-transform:translateY(-50%) rotate(-45deg);
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transition:all ease .5s .4s;
}
.big-closer,
.regional-info-cont.active .big-closer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	max-width:100%;
	height:100%;
	z-index:-1;
	transform:translateX(0px);
	-ms-transform:translateX(0px);
	-webkit-transform:translateX(0px);
}
.regional-map-page-cont {
	background-color:#191919;
}
.regional-popup-cont {
	position:absolute;
	top:70px;
	left:50%;
	width:100%;
	min-height:auto;
	max-height:calc(100% - 100px);
	background-color:#191919;
	box-shadow:0px 0px 90px rgba(0,0,0,.9);
	transform:translateX(-50%) scale(1.05);
	-ms-transform:translateX(-50%) scale(1.05);
	-webkit-transform:translateX(-50%) scale(1.05);
	transition:all ease .35s;
}
.regional-info-cont.active .regional-popup-cont {
	transform:translateX(-50%) scale(1);
	-ms-transform:translateX(-50%) scale(1);
	-webkit-transform:translateX(-50%) scale(1);
}
.regional-popup-cont::-webkit-scrollbar {
    display: none;
}
.regional-popup-left {
	float:left;
	position:relative;
	min-height:100%;
}
.regional-popup-left .region-popup-left-content {
	width: 300px;
}
.teensy-svg-map {
	position:relative;
	top:0px;
	right:0px;
	padding:25px;
	width:100%;
	z-index:1;
}
.regional-list.regional-footer-links li.regional-mobile-drop-head {
	display:none;
}
.regional-list.regional-footer-links {
	width:100%;
	height:auto;
	z-index:2;
	text-align:center;
	margin-bottom:25px;
}
.regional-list.regional-footer-links li {
	width:auto;
	height:auto;
	float:none;
	display:block;
	margin-bottom:2px;
	background-color:rgba(0,0,0,.4);
}
.regional-list.regional-footer-links li:last-child {
	margin-bottom:0px;
}
.regional-list.regional-footer-links li:hover,
.regional-list.regional-footer-links li[data-title="hoveractive"] {
	background-color:rgba(0,0,0,1);
}
.regional-list.regional-footer-links li.active {
	background: #988b7d;
}
.regional-list.regional-footer-links li a {
	text-decoration:none;
}
.regional-list.regional-footer-links .map-title-nav-text {
	color:#fff;
	font-family:'Proxima N W01 Reg';
	position:relative;
	top:0px;
	left:0px;
	padding:10px 30px;
	background-color:transparent;
	transform:translate(0px);
	-ms-transform:translate(0px);
	-webkit-transform:translate(0px);
	transition:all ease .5s;
}
.regional-list.regional-footer-links li.regional-hit-state {
	display:none;
}
.regional-popup-right {
	float:left;
	position:relative;
	width:calc(100% - 300px);
	height:100%;
	background-color:#fff;
	padding-bottom:50px;
}
.regional-info-cont .regional-lady {
	position:relative;
	padding:50px 35px 0px;
	width:100%;
	min-height:100%;
	opacity:0;
	display:none;
	pointer-events:none;
	transition:opacity ease .5s;
}
.regional-info-cont .regional-lady.active {
	opacity:1;
	display:block;
	pointer-events:auto;
	background: #fff;
}

.regional-info-cont .regional-lady.active .item.slick-slide{
	min-width: 320px;
}

.regional-lady-left {
	float:left;
	width:calc(100% - 300px);
}
.regional-vid,
.regional-text {
	width:100%;
	font-family:'Proxima N W01 Reg';
}
.regional-lady .panel_custom_two_col_sidebar_right p {
	color:#1e1e1e;
	font-size:18px;
	line-height:24px;
}

.mediaGallery.widget_album .slick-slider {margin-bottom: 30px;}
.regional-text .regional-text-head a,
.regional-info-cont .regional-lady h3 {
	color:#932f1e;
	font-size:50px;
	line-height:1em;
	text-decoration:none;
	font-family:'Proxima N W01 X Cd Bold';
	display:block;
	margin-bottom:8px;
}
.regional-vid-text {
	margin-bottom:15px;
	max-width: 580px;
}
.regional-vid-text span {
	color:#932f1e;
	font-size:18px;
	font-family:'Univers LT W01_47 Light1475998';
	margin-right:30px;
	position:relative;
}
.regional-vid-text span:after {
	content:url(/includes/client_public/assets/img/icon-zia-teal.svg);
	position:absolute;
	top:3px;
	right:-25px;
	width:20px;
	display:block;
}
.regional-vid-text a {
	color:#4d4d4d;
	font-size:18px;
	font-style:italic;
	text-decoration:none;
	font-family: 'Times New Roman', Times, serif;
}
.regional-vid {
	position:relative;
	z-index:1;
}
.play-btn {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	opacity:.8;
	cursor:pointer;
	background-image:url(/includes/client_public/assets/img/play-btn.svg);
	background-repeat:no-repeat;
	background-position:center;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transition:all ease .5s;
}
.play-btn:hover {
	opacity:1;
}
.regional-lady-right {
	float:right;
	/*width:260px;*/
}
.bucket-item-head {
	color:#932f1e;
	font-size:22px;
	line-height:1em;
	text-transform:uppercase;
	font-family:'Proxima N W01 X Cd Bold';
	margin:21px 0px 15px 0px;
}
.regional-bucket-item {
	position:relative;
	margin-bottom:15px;
}
.regional-bucket-item.box2 .regional-img-title1 {
	color:#fff;
	font-size:22px;
	line-height:1em;
	font-family:'Proxima N W01 X Cd Bold';
	text-align:center;
	padding:0px 20px;
	width:100%;
	z-index:1;
}
.regional-bucket-item.box2 .regional-img-title1:after {
	display:none;
}
.box2:hover .color-element {
	box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,.25);
}
.regional-bucket-item .imgcont:after {
	content:"";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:90%;
	background: -webkit-linear-gradient(transparent, rgba(0,0,0,.6));
    background: -o-linear-gradient(transparent, rgba(0,0,0,.6));
    background: -moz-linear-gradient(transparent, rgba(0,0,0,.6));
    background: linear-gradient(transparent, rgba(0,0,0,.6));
}
a.sv-button {
	color:#fff;
	font-size:14px;
	line-height:1em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-family:'Proxima N W01 Reg';
	background-color:#f7931e;
	display:inline-block;
	padding:15px;
	transition:all ease .5s;
}
.sv-button.button-orange:hover,
.sv-button.button-orange:focus {
	color:#fff;
	background-color:#086b7c;
}
.regional-lady-right .sv-button {
	width:100%;
}

/* POPUP VIDEO */
.mfp-content {
	width:100%;
	max-width:1280px;
}
.mfp-content iframe {
	width:100%;
	height:60vh;
}
.mfp-close-btn-in .mfp-content .mfp-close {
	color:#fff;
	margin-top:-40px;
}
/* END POPUP VIDEO */

/*** REGIONAL PAGE ***/
.regional-map-page-cont {}
.regional-map-page-cont .regional-popup-cont {
	position:relative;
	top:0px;
	left:0px;
	margin: 0 auto;
	box-shadow:none;
	transform:translateX(0px) scale(1);
	-ms-transform:translateX(0px) scale(1);
	-webkit-transform:translateX(0px) scale(1);
}
.regional-map-page-cont .regional-lady {
    padding: 50px 20px;
}

.retional-map-page-cont .regional-list.regional-footer-links a {
	text-decoration:none;
}
/*** END REGIONAL PAGE ***/
@media screen and (min-width: 1025px) {
	/*.regional-popup-cont { padding-left: 180px; }*/
	.regional-map-page-cont .regional-lady.interior {
   		padding: 50px 20px 0 40px;
	}
	.regional-info-cont.active .regional-popup-cont {
		overflow-y: scroll;
		max-height: calc(100vh - 100px);
	}
}

@media screen and (max-width: 1024px) {
	.svg-map {
		margin:0px auto;
	}
	.hood-item.active,
	svg .hood-item[data-title="hoveractive"] {
		fill: #932f1e;
	}
	.regional-list-cont {
		width:100%;
		display:block;
	}
	.regional-title1,
	.regional-title2 {
		padding:0px 20px 0px 0px;
	}
	.regional-title1 {
		font-size:40px;
	}
	.regional-vid iframe {
		height:300px;
	}

	.regional-lady-left,
	.regional-lady-right {
		width:100%;
		float:none;
	}
	.regional-lady-right {
		text-align:center;
	}

	.regional-bucket-item:nth-child(odd) {
		float:right;
	}
	.regional-bucket-item:nth-child(even) {
		float:left;
	}
	.regional-lady-right .sv-button {
		width:auto;
	}
	/*** REGIONAL PAGE ***/
	.regional-popup-cont { overflow-y:scroll }
	.retional-map-page-cont .regional-popup-right {
		padding-bottom:0px;
	}
	/*** END REGIONAL PAGE ***/
}

@media screen and (max-width: 768px) {
	.map-name-item {
		top:10px;
		font-size:40px;
	}
	.svg-map {
		padding:5px 40px 40px 40px;
		margin:0px auto;
	}
	.regional-list-cont {
		width:100%;
		display:block;
	}
	.regional-list li {
		width:50%;
	}
	.regional-vid iframe {
		height:150px;
	}
	.regional-info-cont.active .regional-close {
		top:0px;
	}
	.regional-popup-cont {
		transform: translate(0px) scale(1.05);
		-ms-transform: translate(0px) scale(1.05);
		-webkit-transform: translate(0px) scale(1.05);
		top: 50px;
		left: 0px;
		height: calc(100% - 50px);
		overflow:hidden;
	}
	.regional-info-cont.active .regional-popup-cont {
		top:50px;
		left:0px;
		overflow-Y:scroll;
		background-image:none;
		transform: translate(0px) scale(1);
		-ms-transform: translate(0px) scale(1);
		-webkit-transform: translate(0px) scale(1);
	}
	.regional-popup-left {
		position:relative;
		width:100%;
		height:200px;
		min-height:200px;
		z-index:2;
		float:none;
	}
	.regional-popup-right {
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		padding-bottom:140px;
		float:none;
	}
	.regional-popup-right::-webkit-scrollbar {
		display: none;
	}
	.regional-info-cont .regional-lady {
		padding:30px 30px 120px 30px;
	}
	.teensy-svg-map {
		width:200px;
	}
	.teensy-svg-map .svg-map-labels {
		display:none;
	}
	.regional-list.regional-footer-links li.regional-mobile-drop-head,
	.regional-list.regional-footer-links.active li.regional-mobile-drop-head {
		position:absolute;
		bottom:55px;
		left:0px;
		color: #9b8d7f;
		font-size: 20px;
		line-height: 1em;
		padding-right:30px;
		font-family: 'Times New Roman', Times, serif;
		background-image:none;
		background-color:transparent;
		text-align:left;
		display:block;
	}
	.regional-list.regional-footer-links li.regional-hit-state {
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:48px;
		cursor:pointer;
		background-color:transparent;
		background-image:none;
		z-index:1;
	}
	.regional-list.regional-footer-links.active li.regional-hit-state {
		display:none;
	}
	.regional-list.regional-footer-links {
		position:absolute;
		top:97px;
		left:200px;
		width:calc(100% - 230px);
		height:47px;
		z-index:2;
		margin-top:30px;
		margin-bottom:0px;
	}
	.regional-list.regional-footer-links:before {
		content:"";
		position:absolute;
		top:21px;
		right:10px;
		width:10px;
		height:5px;
		background-image:url(/includes/client_public/assets/img/arrow-submenu-white.svg);
		background-repeat:no-repeat;
		background-size:10px;
		z-index:2;
		display:block;
		pointer-events:none;
		transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform-origin:center;
		-ms-transform-origin:center;
		-webkit-transform-origin:center;
		transition:all ease .5s;
	}
	.regional-list.regional-footer-links.active:before {
		transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
	}
	.regional-list.regional-footer-links li {
		position:absolute;
		width:100%;
		display:none;
		background: #191919;
		margin-bottom:0px;
		border-bottom:2px #fff solid;
	}
	.regional-list.regional-footer-links li.active {
		display:block;
	}
	.regional-list.regional-footer-links.active li {
		position:relative;
		display:block;
	}
	.regional-list.regional-footer-links .map-title-nav-text {
		padding:10px;
	}
	.interactive-map-cont {
	padding:30px 0px;
    }
    .regional-title1 {
	font-size:40px;
	line-height:1em;
	margin-bottom: 10px;
    }
	/*** REGIONAL PAGE ***/
	.regional-map-page-cont .regional-popup-left {
		background-color:#fff;
	}
	/*** END REGIONAL PAGE ***/
}
@media screen and (max-width: 640px) {
	.svg-map,
	.interactive-map-wrap .regional-list-cont {
		display: block;
		width: 100%;
	}
	.regional-title1,
	.regional-title2 {
		padding:0px 20px;
	}
	.regional-bucket-item {
		width:48%;
	}
}
@media screen and (max-width: 450px) {
	.regional-popup-left {
		height:144px;
		min-height:144px;
	}
	.teensy-svg-map {
		width:150px;
		padding-bottom:0px;
	}
	.regional-list.regional-footer-links {
		top:48px;
		left:140px;
		width: calc(100% - 170px);
	}
	.map-title-nav-text {
		text-align:left;
	}
	.regional-bucket-item {
		width:100%;
		float:none;
	}
}

/*** END INTERACTIVE MAP ***/