.idelco-map {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	background-color: var(--wp--preset--color--primary);
	padding-bottom: 50px;
}

/*.idelco-map::after {
	content: '';
	background-color: var(--wp--preset--color--tertiary);
	opacity: .16;
	display: block;
	height: 227px;
	width: 335px;
	position: absolute;
	bottom: -38px;
	right: 12%;
	background-size: cover;
	-webkit-clip-path: url(#idlc-map-clip-path);
	clip-path: url(#idlc-map-clip-path);
}*/

.map-wrapper {
    width: 100%;
}

.map-wrapper .svg {
	position: absolute;
	width: 0;
	height: 0;
}

.map_svg {
	display: block;
	margin: 0 auto;
	max-height: 505px;
}

.map_svg polyline,
.map_svg polygon,
.map_svg path {
	fill: #fff;
	opacity: .25;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-o-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.map-wrapper a, .map_svg a:hover, .map_svg a:focus {
	cursor: pointer;
}

.map_svg a:hover polyline,
.map_svg a:hover polygon,
.map_svg a:hover path,
.map_svg a:hover polyline,
.map_svg a:focus polygon,
.map_svg a:focus path,
.map_svg a.active polyline,
.map_svg a.active polygon,
.map_svg a.active path {
	opacity: 1;
}

.hotspots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 2rem;
	margin-bottom: 100px;
	width: 100%;
}

.hotspot-info {
	width: 100%;
}

.hotspot-content {
	padding: var(--wp--custom--spacing--small) var(--wp--custom--spacing--large);
}

.hotspot-content > div {
	position: relative;
	z-index: 10;
}

.hotspot-content a {
	display: block;
	text-decoration: none;
}

.hotspot-content a > i {
	font-size: var(--wp--preset--font-size--large);
	vertical-align: text-bottom;
	padding: 0 .35em;
}

@media (min-width:950px) {
	.idelco-map {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.map-wrapper {
		width: 50%;
		height: auto;
	}
	.hotspots {
		width: 50%;
	}
}

@media (min-width:576px) {
	.hotspot-content {
		position: relative;
		display: inline-block;
		-webkit-transform: skew(-20deg);
		    -ms-transform: skew(-20deg);
		        transform: skew(-20deg);
	}
	
	.hotspot-info {
		width: unset;
	}

	.hotspot-content::after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 20px ;
		left: 20px;
		border: 1px solid var(--wp--preset--color--tertiary);
	}

	.hotspot-content > div {
		-webkit-transform: skew(20deg);
		    -ms-transform: skew(20deg);
		        transform: skew(20deg);
	}
}