.custom_map {padding-bottom: 50px; text-align: center;}
.custom_map .map-header h3 {color: #489384; font-size: 40px; line-height: 40px; margin-top: 20px; margin-bottom: 20px; text-shadow: 0px 1px 0px white; text-transform: uppercase;}
.custom_map .map-cont {position: relative; display: inline-block; margin: 0px auto; max-width: 284px;}

.custom_map .infoarrow {position: absolute; top: 80px; left: 15px; width: 119px; height: 93px;}

.custom_map .data-box {
	background: #fff;
	padding: 10px;
	position: absolute;
	bottom: -100%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all ease .5s;
	text-align: left;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.25);
}
.custom_map .data-box img {float: left; width: 90px;}
.custom_map .data-box .entry {padding-left: 110px;}
.custom_map .data-box .entry h4 {color: #258a9a; font-size: 20px; font-weight: bold; margin-top: 0; margin-bottom: 10px; text-transform: uppercase;}
.custom_map .data-box .entry p {line-height: 20px; margin-bottom: 0;}
.custom_map .data-box.active {opacity: 1; visibility: visible; position: static;}

.custom_map .island-overlay {position: absolute; opacity: 0; transition: all ease .5s; cursor: pointer;}
.custom_map .island-overlay:hover, .custom_map .island-overlay.active, .custom_map .island-overlay.hovered {opacity: 1;}

.custom_map .island-overlay.box-hawaii {
	width: 64px; height: 75px; top: 100px; left: 193px;
	background-image: url(/includes/public/assets/map/hover-hawaii.png);
	background-repeat: no-repeat;
	background-size: 64px 75px;
}
.custom_map .island-overlay.box-kauai {
	width: 32px; height: 23px; top: 26px; left: 29px;
	background-image: url(/includes/public/assets/map/hover-kauai.png);
	background-repeat: no-repeat;
	background-size: 32px 23px;
}
.custom_map .island-overlay.box-lanai {
	width: 21px; height: 19px; top: 75px; left: 144px;
	background-image: url(/includes/public/assets/map/hover-lanai.png);
	background-repeat: no-repeat;
	background-size: 21px 19px;
}
.custom_map .island-overlay.box-maui {
	width: 44px; height: 30px; top: 69px; left: 166px;
	background-image: url(/includes/public/assets/map/hover-maui.png);
	background-repeat: no-repeat;
	background-size: 44px 30px;
}
.custom_map .island-overlay.box-molokai {
	width: 40px; height: 13px; top: 57px; left: 132px;
	background-image: url(/includes/public/assets/map/hover-molokai.png);
	background-repeat: no-repeat;
	background-size: 40px 13px;
}
.custom_map .island-overlay.box-oahu {
	width: 35px; height: 26px; top: 35px; left: 86px;
	background-image: url(/includes/public/assets/map/hover-oahu.png);
	background-repeat: no-repeat;
	background-size: 35px 26px;
}

.custom_map .island-overlay.box-hawaii.active {
	width: 64px; height: 75px; top: 100px; left: 193px;
	background-image: url(/includes/public/assets/map/active-hawaii.png);
	background-repeat: no-repeat;
	background-size: 64px 75px;
}
.custom_map .island-overlay.box-kauai.active {
	width: 32px; height: 23px; top: 26px; left: 29px;
	background-image: url(/includes/public/assets/map/active-kauai.png);
	background-repeat: no-repeat;
	background-size: 32px 23px;
}
.custom_map .island-overlay.box-lanai.active {
	width: 21px; height: 19px; top: 75px; left: 144px;
	background-image: url(/includes/public/assets/map/active-lanai.png);
	background-repeat: no-repeat;
	background-size: 21px 19px;
}
.custom_map .island-overlay.box-maui.active {
	width: 44px; height: 30px; top: 69px; left: 166px;
	background-image: url(/includes/public/assets/map/active-maui.png);
	background-repeat: no-repeat;
	background-size: 44px 30px;
}
.custom_map .island-overlay.box-molokai.active {
	width: 40px; height: 13px; top: 57px; left: 132px;
	background-image: url(/includes/public/assets/map/active-molokai.png);
	background-repeat: no-repeat;
	background-size: 40px 13px;
}
.custom_map .island-overlay.box-oahu.active {
	width: 35px; height: 26px; top: 35px; left: 86px;
	background-image: url(/includes/public/assets/map/active-oahu.png);
	background-repeat: no-repeat;
	background-size: 35px 26px;
}

.custom_map .title-hit {position: absolute; height: 13px; cursor: pointer;}
.custom_map .title-hit.title-hawaii {width: 65px; top: 98px; left: 219px;}
.custom_map .title-hit.title-kauai {width: 65px; top: 11px; left: 6px;}
.custom_map .title-hit.title-lanai {width: 63px; top: 97px; left: 116px;}
.custom_map .title-hit.title-maui {width: 44px; top: 66px; left: 200px;}
.custom_map .title-hit.title-molokai {width: 75px; top: 43px; left: 139px;}
.custom_map .title-hit.title-oahu { width: 53px; top: 18px; left: 78px;}



@media only screen and (min-width: 40.0625em) {
	.custom_map .map-cont {max-width: none;}

	.custom_map .infoarrow {position: absolute; top: 141px; left: 96px; width: auto; height: auto;}

	.custom_map .data-box {top: 324px; bottom: auto; left: -24px; width: 508px;}
	.custom_map .data-box img {width: 216px;}
	.custom_map .data-box .entry {padding-left: 235px;}
	.custom_map .data-box.active {position: absolute;}

	.custom_map .island-overlay.box-hawaii,
	.custom_map .island-overlay.box-hawaii.active {width: 162px; height: 186px; top: 257px; left: 491px; background-size: 162px 186px;}
	.custom_map .island-overlay.box-kauai,
	.custom_map .island-overlay.box-kauai.active {width: 78px; height: 60px; top: 66px; left: 74px; background-size: 78px 60px;}
	.custom_map .island-overlay.box-lanai,
	.custom_map .island-overlay.box-lanai.active {width: 57px; height: 46px; top: 192px; left: 364px; background-size: 57px 46px;}
	.custom_map .island-overlay.box-maui,
	.custom_map .island-overlay.box-maui.active {width: 110px; height: 75px; top: 176px; left: 421px; background-size: 110px 75px;}
	.custom_map .island-overlay.box-molokai,
	.custom_map .island-overlay.box-molokai.active { width: 103px; height: 33px; top: 145px; left: 333px; background-size: 103px 33px;}
	.custom_map .island-overlay.box-oahu,
	.custom_map .island-overlay.box-oahu.active {width: 89px; height: 73px; top: 84px; left: 217px; background-size: 89px 73px;}

	.custom_map .title-hit {height: 26px;}
	.custom_map .title-hit.title-hawaii {width: 125px; top: 253px; left: 577px;}
	.custom_map .title-hit.title-kauai {width: 108px; top: 33px; left: 39px;}
	.custom_map .title-hit.title-lanai {width: 105px; top: 250px; left: 320px;}
	.custom_map .title-hit.title-maui {width: 77px; top: 172px; left: 520px;}
	.custom_map .title-hit.title-molokai {width: 146px; top: 111px; left: 370px;}
	.custom_map .title-hit.title-oahu {width: 96px; top: 51px; left: 215px;}
}

@media only screen and (min-width: 641px) and (max-width: 790px) {
	.custom_map .map-cont {max-width: 610px;}
	.custom_map .data-box {top: auto; left: 0; bottom: -100%; width: 610px;}
	.custom_map .data-box.active {position: static;}

	.custom_map .island-overlay.box-hawaii,
	.custom_map .island-overlay.box-hawaii.active {width: 138px; height: 158px; top: 218px; left: 417px; background-size: 138px 158px;}
	.custom_map .island-overlay.box-kauai,
	.custom_map .island-overlay.box-kauai.active {width: 66px; height: 51px; top: 56px; left: 63px; background-size: 66px 51px;}
	.custom_map .island-overlay.box-lanai,
	.custom_map .island-overlay.box-lanai.active {width: 48px; height: 39px; top: 163px; left: 309px; background-size: 48px 39px;}
	.custom_map .island-overlay.box-maui,
	.custom_map .island-overlay.box-maui.active {width: 94px; height: 64px; top: 150px; left: 358px; background-size: 94px 64px;}
	.custom_map .island-overlay.box-molokai,
	.custom_map .island-overlay.box-molokai.active { width: 88px; height: 28px; top: 123px; left: 283px; background-size: 88px 28px;}
	.custom_map .island-overlay.box-oahu,
	.custom_map .island-overlay.box-oahu.active {width: 76px; height: 62px; top: 71px; left: 184px; background-size: 76px 62px;}

	.custom_map .title-hit {height: 22px;}
	.custom_map .title-hit.title-hawaii {width: 106px; top: 215px; left: 489px;}
	.custom_map .title-hit.title-kauai {width: 92px; top: 28px; left: 33px;}
	.custom_map .title-hit.title-lanai {width: 89px; top: 213px; left: 270px;}
	.custom_map .title-hit.title-maui {width: 65px; top: 146px; left: 440px;}
	.custom_map .title-hit.title-molokai {width: 124px; top: 94px; left: 313px;}
	.custom_map .title-hit.title-oahu {width: 82px; top: 43px; left: 183px;}
}

@media only screen and (min-width: 64.0625em) {
	.custom_map .data-box {top: 324px; left: -92px;}
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
	.custom_map .data-box {top: 324px; left: -25px;}
}