.simple-map {
	position: relative;
	width:    100%;
	height:   400px;
}

.simple-map-responsive {
	height:         0;
	padding-bottom: 40%;
}

.simple-map-canvas {
	width:    100%;
	height:   100%;
	position: absolute;
	top:      0;
	left:     0;
}

.simple-map-markers {
	display: none;
}

.simple-map-style {
	display: none;
}

.simple-map-overlay {
	position: absolute;
	top:      0;
	left:     0;
	width:    100%;
	height:   0;
	z-index:  1000;
}

.simple-map-overlay button {
	display:    block;
	border:     none;
	margin:     0;
	padding:    0;
	background: #fff;
}

.simple-map-overlay button:hover,
.simple-map-overlay button:focus,
.simple-map-overlay button:active,
.simple-map-overlay button.active {
	background: #ccc;
}

.simple-map-zoom {
	position: absolute;
	top:      1em;
	left:     1em;
}

.simple-map-zoom button {
	width:       40px;
	height:      40px;
	line-height: 40px;
	text-align:  center;
}

.simple-map-type {
	position: absolute;
	top:      1em;
	right:    1em;
}

.simple-map-type button {
	padding:     0 20px;
	height:      40px;
	line-height: 40px;
	float:       left;
}

.simple-map-scroll-fix {
	width:      100%;
	height:     100%;
	border:     none;
	margin:     0;
	padding:    0;
	position:   absolute;
	top:        0;
	left:       0;
	background: transparent;
	z-index:    1100;
}

.simple-map-scroll-fix span {
	font-size:   2em;
	color:       #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}