.section-map {
	position: relative;
	background-color: #21234c; /* $secondary */
	overflow: hidden;
}

.section-map.active .map {
	transition: width 0.3s ease-in-out;
	width: 50%;
}

.section-map-line {
	width: 100%;
	border-top: solid 1px rgba(255,255,255,0.2); /* $white */
}

.section-map-container {
	max-width: 1200px; /* container mixin */
	margin: 0 auto;
	height: 100%;
	padding-right: initial;
	padding-left: initial;
}

.section-map-container-wrapper {
	position: relative;
	height: calc(100vh - 150px);
	min-height: 500px;
	max-height: 1000px;
}

.section-map-container-wrapper-countries {
	font-size: 0.75rem; /* font-xxs */
	font-weight: 300;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: white;
}

.section-map-container-wrapper-countries-country {
	padding-bottom: 10px; /* $gutter */
	transition: color 0.3s ease-in-out;
}

.section-map-container-wrapper-countries-country:hover {
	cursor: pointer;
}

.section-map-container-wrapper-countries-country.active {
	color: #007bff; /* $primary */
}

.section-map-container-wrapper-countries-country.nohover {
	color: rgba(255,255,255,0.2);
}

.section-map-container-wrapper-countries-country.nohover:hover {
	color: white;
}

.section-map-container .map {
	transition: width 0.3s ease-in-out;
	width: 100%;
	height: 100%;
}

.section-map-container-panel {
	position: absolute;
	z-index: 10;
	top: 0;
	right: -100%;
	width: 50%;
	height: 100%;
	opacity: 0;
	padding-left: 40px; /* $dbl-gutter */
	padding-right: 40px;
	padding-top: 40px;
	transition: right 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.section-map-container-panel.current {
	right: 0;
	opacity: 1;
}

.section-map-container-panel .close {
	position: absolute;
	top: 10px; /* $gutter */
	left: 10px;
	width: 15px;
}

.section-map-container-panel .close:hover {
	cursor: pointer;
}

.section-map-container-panel-bu {
	position: absolute;
	opacity: 0;
	width: calc(100% - 80px); /* $quad-gutter */
	height: calc(100% - 164px);
	margin-top: 20px; /* $gutter */
	overflow: auto;
	pointer-events: none;
	transition: opacity 0.3s ease-in-out;
}

/* Scrollbar */
.section-map-container-panel-bu::-webkit-scrollbar {
	width: 8px;
}

.section-map-container-panel-bu::-webkit-scrollbar-thumb {
	background: white;
	border-radius: 12px;
	height: 120px;
	border: 2px solid transparent;
	background-clip: content-box;
}

.section-map-container-panel-bu {
	scrollbar-width: thin;
	scrollbar-color: white transparent;
}

/* Google Maps */
.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
	display: none;
}

.gmnoprint div {
	background: none !important;
}

a[href^="http://maps.google.com/maps"],
a[href^="https://maps.google.com/maps"] {
	display: none !important;
}

/* InfoWindow */
.gm-style-iw.gm-style-iw-c {
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
	border-radius: 0 !important;
	max-width: 200px !important;
}

.gm-style-iw-tc {
	display: none !important;
}