.map-popup {
	display: none;
	width: 90%;
	max-width: 600px;
	position: absolute;
	background-color: rgba(0,153,106,0.8);
	z-index: 1;
	margin: 10px auto;
	left: 0;
	right: 0;
	color: white;
	padding: 25px;
	box-sizing: border-box;
}

	.map-popup .close {
		font-size: 36px;
		position: absolute;
		right: 5px;
		font-weight: 700;
		top: -15px;
	}

		.map-popup .close:hover {
			cursor: pointer;
			color: #F3953F;
		}

.map-holder {
	height: 100%;
	position: relative;
}

@media screen and (min-width: 768px) {
	.layout-grid .col .map-holder {
		margin: -2.1rem 0 -3rem -1.5rem;
		width: calc(var(--card-decoration-width) - 0.2rem) !important;
	}

	.layout-grid .col.col--2:last-child .map-holder {
		margin-left: -3rem;
	}
}

@media screen and (min-width: 1024px) {
	.layout-grid .col .map-holder {
		margin-bottom: -2rem;
	}

	.layout-grid .col.col--2:first-child .map-holder {
		margin-left: -2rem;
	}

	.layout-grid .col.col--2:last-child .map-holder {
		margin-left: -4rem;
		width: var(--card-decoration-width) !important;
	}
}

@media screen and (min-width: 1360px) {
	.layout-grid .col .map-holder {
		max-width: none;
	}

	.layout-grid .col.col--2:first-child .map-holder {
		width: calc(var(--card-decoration-width) - 2rem - (var(--scrollbar-width) /2)) !important;
		float: right;
		margin-right: -3rem;
		margin-bottom: 0;
	}

	.b-grid .col .map-holder {
		margin-left: -1rem;
	}

	.layout-grid .col.col--2:last-child .map-holder {
		width: calc(var(--card-decoration-width) + 1rem - (var(--scrollbar-width) /2)) !important;
	}
}

@media screen and (min-width: 1920px) {
	.layout-grid .col.col--2:last-child .map-holder {
		width: calc(var(--card-decoration-width) + 1rem) !important;
	}

	.layout-grid .col.col--2:first-child .map-holder {
		width: calc(var(--card-decoration-width) - 2rem) !important;
	}
}