#vk-map-root {
    height: 100vh;
	margin-bottom:50px;
}

#vk-map-overlay.active {
  width: 50% !important;
	max-width:800px;
}

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

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

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

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

#vk-map-root a {
    /* color: #333 !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;
}
}