#vk-map-root {
    height: 100vh;
}

#vk-map-overlay.active {
  width: 35% !important;
}

#vk-map-overlay {
    background: rgba(0, 50, 67, 0.8) !important;
}

#vk-map-overlay .image-wrapper {
    height: 400px !important;
}

#vk-map-overlay .text-wrapper {
    padding: 20px;
}

#vk-map-overlay div.button.btn-close {
  background: url(img/icon-close.png) center no-repeat;
  background-size: 40px 40px;
}

#vk-map-root a {
    color: #f2c526 !important;
    text-decoration: none;
}

#vk-map-root a:hover {
    border-bottom: 2px solid #f2c526;
}

#vk-map-root span.orgelname {
    color: #f2c526;
}
#vk-map-controls {
	text-align:center;
	margin-bottom: 30px;
}
#vk-map-controls input {
	padding: 16px;
	border-width: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #999;
	background-color: #eee;
	font-size: 14px;
	-webkit-appearance: none;
	margin-right: 30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {

  #vk-map-overlay.active {
    width: 100% !important;
}
}