.interactiveMapWrapper {
	width:100%;
}
.interactive-map-wrapper {
    display: flex;
    align-items: flex-start;
}
.interactive-map.categories {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	display:block;
	justify-content:center;
    flex-wrap: wrap;
	width:25%;
	width:280px;
}
.interactive-map.categories .wrapper {
	margin:6px;
	padding:14px;
	background-color:#fff;
}
.interactive-map-wrapper .parent {
	width:calc(100% - 280px);
}
.interactive-map.categories h4 {
	color:inherit;
	font-size:18px;
	font-weight:bold;
	margin-bottom:0;
	text-align:left;
}
.interactive-map.categories .item{
	cursor:pointer;
	opacity:.4;
/*	width:120px;*/
    display: flex;
    align-items: center;
	gap:10px;
	margin-bottom:10px;
}
.interactive-map.categories .item img{
	width:30px;
}
.interactive-map.categories .item.active{
	opacity:1;
}
.mousewheel-instruct {
	display:none;
	position:absolute;
	top:0;bottom:0;left:0;right:0;
	z-index:10;
	background:rgba(0,0,0,.5);
	color:#fff;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size:3vw;
}
.mousewheel-instruct.active {
	display:flex;
}
#svgContainer canvas {
    display: block;
    width: 100%;
    visibility: hidden;
}
#svgContainer svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
svg {
	background-size:cover;
}
#landmarks > g.interactive,#landmarks > g.draggable {
	cursor:pointer;
}
#landmarks > g image {
	overflow:visible;		
}
#landmarks > g image.active {
	display:none;
}
#landmarks > g:not(.disabled):hover image.active {
	display:block;
}
#landmarks polygon, #landmarks circle, #landmarks path {
	fill:transparent !important;
/*	fill-opacity: 0;
	*/
}
#landmarks .modelhome:not(.disabled):hover > polygon {
	stroke:#d7272a;
	fill:#d7272a !important;
}
#landmarks .disabled:not(.interactive) {
	cursor:move;
}
#landmarks .landmark {
	opacity:.8;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
}
#landmarks .landmark:hover {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.parent {
	overflow:hidden;
	position:relative;
}
.parent .messages {
	position:absolute;
	width:100%;
	color:#990000;
	font-weight:bold;
	z-index:10;
}
.rangeWrapper {
	width:44px;
	height:120px;
	text-align:center;
	overflow:hidden;
}
.rangeRotate {
	transform:rotate(90deg);	
	-webkit-transform:rotate(90deg);	
    transform-origin: bottom left;
	margin-left:50%;
	line-height:1;
}
input[type=range] {
	width:100px;
	position:relative;
	left:-7px;
	margin:0px auto;
	background:transparent;
}
.mapButtons input[type=range]:focus {
	outline:none important;
	outline-style: none;
	border:none;
}
.mapButtons input::-moz-focus-inner {
	border: 0;
	outline:none !important;
	background:none;
}
.mapButtons {
	position:absolute;
	top:5px;
	right:5px;
	background:rgba(255,255,255,.4);
	z-index:100;
	text-align:center;
	padding:5px;
}
.mapButtons .button {
	line-height:1;
}
.mapButtons .button a {
	padding:2px 3px;
	font-size:12px;
}
.moduleContainer {
	position:relative;
}
.moduleContainer .editingbox {
	z-index:1000;
/*	position:absolute;
	top:-20px;
	left:-100px;
	background:#fff;
	padding:20px;
	border:2px solid #ccc;
	*/
}
.popSlideshow ul, .popSlideshow li {
	margin:0;
	padding:0;
}
.popSlideshow {
}
.popSlideshow ul {
	width:100%;
}
.popSlideshow li {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.popSlideshow li:after {
	content:"";
	display:block;
	width:100%;
	padding-top:47.5%;
}
.popSlideshow button {
	z-index:20;
}
.popSlideshow .slick-prev {
	left:0;
}
.popSlideshow .slick-next {
	right:0;
}
.editButtons {
	position:absolute;
	z-index:2000;
	right:10px;
	top:5px;
}
.landmarkAdminList text {
	fill:#ffffff;
	font-size:24px;
	font-weight:bold;
}
.draggable {
	cursor:move;
}
.collapselist {
	cursor:pointer;
}
.detailPop {
	width:530px;
	max-width:100%;
}
.detailPop hr {
	background:none;
	border-bottom:1px solid #753058;
	margin:10px 0px;
}
/*base code*/
.animated image {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*the animation definition*/
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.animated.tada image {
  -webkit-animation-name: tada;
  animation-name: tada
}

@media (max-width: 768px) {
	.interactive-map.categories {
		flex-wrap:wrap;
	}
	.interactive-map.categories .item{
/*		width:20%;*/
	}
	.interactive-map.categories .item  h4 {
		font-size:13px;
		font-size:10px;
	}
	.interactive-map.categories .item img {
		width:16px;
	}
	.interactive-map.categories .wrapper {
		margin:3px;
		padding:5px;
		column-count: 2;
	}
	.interactive-map-wrapper {
		flex-wrap:wrap;
	}
	.interactive-map.categories {
		width:40%;
		width:100%;
		order:3;
	}
	.interactive-map-wrapper .parent {
		width:60%;
		width:100%;
	}
	.mapButtons .button {
		padding:2px;
	}
}