/*
lightbox MAP
*/

/*
#shadowbodyMap, #shadowmenuMap {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 3499;
}

#lightboxMap {
	display: none;
	position: fixed;
	top: 25px;
	bottom: 6px;
	left: 15%;
	right: 15%;
	padding-top: 35px;
	background-color: #fff;
	box-shadow: 1px 1px 15px #555;
	z-index: 3500;
	overflow-y: auto;
}

#lightboxMap .container .label  {
    margin: 20px;
    color: #000;
    text-align: center;
}

#lightboxMap .container .label h4 {
    color: #000;
}

#lightboxMap.strong {
	padding-top: 0px;
	top: 10px;
	left: 1%;
	right: 1%;
	width: 98%;
	margin: 0 auto;
	max-width: 1150px;
}

#lightbox-close-map {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 25px;
	height: 25px;
	z-index: 10500;
}

#lightboxMap .close.icon {
    color: #000;
}

#lightboxMap .close.icon:hover::before {
    box-shadow: 0 0 15px #aaa;
}

#lightbox .close.icon:hover::after {
    box-shadow: 0 0 15px #aaa;
}

#lightboxMap .close.icon:active::before {
    box-shadow: 0 0 6px #aaa;
}

#lightboxMap .close.icon:active::after {
    box-shadow: 0 0 6px #aaa;
}

#lightboxMap h1 {
	width: 90%;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
}

#lightboxMap hr {
    border-color: #000;
}

#lightboxMap div.place-filter a {
	display: inline-block;
	margin-top: 10px;
	font-size: 90%;
	color: #fff;
	text-decoration: underline;
}

#maposm.strongbox {
	position: absolute;
	top: 160px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	width: inherit;
	height: inherit;
	border-radius: 0 0 5px 5px;
}

#maposm.strongbox canvas {
    border-radius: 0 0 20px 20px;
}

#maposm.strongbox .ol-attribution.ol-uncollapsible {
    border-radius: 4px 0 20px 0;
}

@media screen and (max-width: 960px) {
    #lightboxMap {
      top: 10px;
      bottom: 6px;
      left: 3%;
      right: 3%;
      box-shadow: 1px 1px 1px #555;
    }
    #lightboxMap h1 {
      width: 85%;
    }
}

@media screen and (max-width: 799px) {
	
    #maposm.strongbox {
        top: 220px;
        left: 5px;
        right: 5px;
    }
    
    #lightboxMap .container .label  {
        margin-top: 60px;
    }
    
    #lightboxMap div.place-filter a {
        margin-top: 0;
        font-size: 80%;
	}
    
}


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

	#lightboxMap .container .label h4 {
        font-size: 90%;
	}

	#lightboxMap  .container .label {
	   font-size: 90%;
	}

}
*/    