/* investment map */

.sgmarker {  width: 24px; height: 36px; cursor: pointer; }
.sgmarker-bg { position:absolute; width:24px; height:36px; }
.sgmarker-bg { fill:#666666; }
.sgmarker-complete { fill:#498598; }
.sgmarker-planned { fill:#ea9972; }
.sgmarker-under-construction { fill:#d12d49; }
.sgmarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#fff; font-weight:700; font-family: 'Quicksand', sans-serif; }


.btn-vest { background-color:#fff; display:inline-block; font-weight:700; font-size:16px; line-height:19px; color:#515153; margin:4px 2px; padding: 8px 18px; border-radius:60px; transition: all 0.15s linear 0s; white-space: nowrap; text-decoration:none; }
.btn-vest-selected { background-color:#515153; color:#fff; text-decoration:none; }
.btn-vest:hover { background-color:#333333; color:#fff; text-decoration:none; }

.vst-pill-action { background-color:#F4F5F6; display:inline-block; font-weight:700; font-size:14px; line-height:19px; color:#167c8c; margin:4px 2px; padding: 4px 14px; 
	border:1px solid #eee; border-radius:60px; transition: all 0.15s linear 0s; text-decoration:none; white-space: nowrap; }
.vst-pill-action:focus { outline:0; }
.vst-pill-action:hover { background-color:#E4E5E6; color:#0b6270; text-decoration:none; }


span.mapkey { background-color:#444; font-weight:700; font-size:11px; line-height:24px; font-weight:700; color:#fff; margin:0px 2px; padding: 2px 8px; border-radius:16px; white-space: nowrap; }

span.mapkey-complete { background-color:#498598;  }
span.mapkey-planned { background-color:#ea9972; }
span.mapkey-under-construction { background-color:#d12d49; }

.vest-hold { width:100%; height:auto; background-color:#ffffff; }
.vest-map { width:100%; height:auto; background-color:#E0E1E2;}
.vest-content { width:100%; }
.vest-content-inner { padding:24px; width:100%; }
#vest-map-hold #vest-map-container { width:100%; padding-bottom:100%; }

@media all and (min-width: 992px) {
	.vest-hold { height:80vh; min-height:600px; max-height:1600px; }
	.vest-map { width:50%; height:80vh; min-height:600px; max-height:1600px; float:right; }
	.vest-content { width:50%; padding:46px; height:80vh; min-height:600px; max-height:1600px; overflow-y: auto; }
	#vest-map-hold #vest-map-container { width:100%; height:80vh; min-height:600px; max-height:1600px; padding-bottom:0px; }
}

h2.vst-title { font-size:38px; }
p.vst-key { margin-bottom:30px; }

.vst-top { border-top:3px solid #EFEFED; padding-top:24px; padding-bottom:24px; }

.vst-table { display:table; width:100%; }
.vst-number { display:table-cell; width:48px; vertical-align:top; }
.vst-content { display:table-cell; width:auto; vertical-align:top; }

.vst-image { border:1px solid #eee; margin:24px 0px 24px 48px; }
@media all and (min-width: 992px) {
	.vst-image { border:1px solid #eee; margin:10px 0px 10px 0px; }
}

.vst-num { width:30px; height:30px; text-align:center; font-size:16px; line-height:30px; background-color:#444; font-weight:700; color:#fff; border-radius:15px; }
.vst-num-complete { background-color:#498598;  }
.vst-num-planned { background-color:#ea9972; }
.vst-num-under-construction { background-color:#d12d49; }

.vst-h3 { color:#222; font-size:20px; line-height:1.3; font-weight:500; margin-bottom:12px; margin-top:2px; }
.vst-h4 { color:#777; font-size:16px; line-height:1.3; font-weight:500; margin-bottom:18px; }