html {
	height: 100%;
	font-size: 1rem;
	color: #fff;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: fixed;
	cursor: default;
	width: 100%;
	height: 100%;
}

a:link { color: white; text-decoration: none }
a:visited { color: white; text-decoration: none }
a:active { color: white; text-decoration: none } 
a:hover { color: yellow; text-decoration: none }

a.coord-link:link { color: blue; text-decoration: none }
a.coord-link:visited { color: blue; text-decoration: none }
a.coord-link:active { color: blue; text-decoration: none } 
a.coord-link:hover { color: DodgerBlue; text-decoration: none }

@font-face {
	font-family: "Font";
	src: url("../fonts/anaheim.eot"); /* IE9 Compat Modes */
	src: url("../fonts/anaheim.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/anaheim.svg") format("svg"), /* Legacy iOS */
		url("../fonts/anaheim.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/anaheim.woff") format("woff"), /* Modern Browsers */
		url("../fonts/anaheim.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

#global {
	position: absolute;
	width: 100%;
	height: 100%;
}

#header {
	width: 100%;
	height: 4%;
	text-align: right;
}

#map {
	background: #000;
	position: fixed;
	width: 120px;
	height: 120px;
	/*top: 3.5%;*/
	right: 0;
	z-index: 2;
}

#mapimg {
	position: relative;
	width: 100px;
	height: 100px;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
}

.panHeader {
	display: inline;
	font-family: Font, sans-serif;
	font-size: 1.4rem;
	width: 200px;
	height: 95%;
	/*border: 1px solid #999;*/
	text-shadow: 1px 1px 1px #000;
	text-align: center;
	transition: background 0.1s;
	color: white;
}

#panorama {
	font-family: Font, sans-serif;
	border: 1px #666 solid;
	box-shadow: 2px 2px 3px #999;
	height: 96%;
}

.smcaps {
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
	color: DarkRed;
}

.subcat {
	color: steelblue;
}

.img-fancybox {
	width: 100%;
	border: #666 0.06rem solid;
}

.img-fancybox:hover {
	border: red 0.06rem solid;
}

audio {
	transition: 0.5s;
}

audio:hover {
	transform: scale(1.05);
	filter: drop-shadow(1px 2px 2px #333);
}

/* ↓ PANNELLUM */

	.pnlm-title-box {
		position: relative;
		font-size: 1.5rem;
		font-weight: bold;
		display: table;
		padding-left: 5px;
		margin-bottom: 3px;
		letter-spacing: 1px;
		color: yellow;
	}
	
	.custom-hotspot {
		height: 15px;
		width: 15px;
		background: #f00;
		border-radius: 10px;
	}
	
	.custom-hotspot-blue {
		height: 15px;
		width: 15px;
		background: DodgerBlue;
		/*border-radius: 10px;*/
	}
	
	.custom-hotspot-min {
		height: 10px;
		width: 10px;
		border: 1px solid #fff;
		background: #000;
		border-radius: 10px;
		opacity: 0.5;
	}

	.mini {
		font-size: 0.75rem;
		width: 100%;
		background: #000;
		opacity: 0.7;
		color: #fff;
	}
	
	.mini:hover {
		cursor: default;
	}

	.custom-hotspot-tour {
		height: 15px;
		width: 15px;
		background: orange;
		border: 1px solid #000;
	}
	
	div.pnlm-tooltip span {
		position: absolute;
		visibility: visible !important;
		border-radius: 3px;
		/*padding: 5px 10px;*/
		/*margin-left: -220px;*/
		min-width: 100px;
		background: transparent;
		background-color: rgba(255, 255, 255, 0.2);
		border: 1px solid white;
		font-size: 1.05rem;
		/*font-weight: bold;*/
		color: white;
		text-align: center;
		text-shadow: 1px 1px 1px #000;
		padding: 0;
		line-height: 1rem;
		transition: background-color 0.2s;
	}
	
	div.pnlm-tooltip:hover span {
		background-color: rgba(255, 255, 100, 0.3);
		/*height: 100px;*/
		border-bottom: 3px solid yellow;
		cursor: pointer;
		color: yellow;
	}
	
	div.pnlm-tooltip:hover span:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-width: 10px;
		border-style: solid;
		border-color: rgba(255, 255, 0, 1) transparent transparent transparent;
		bottom: -22px;
		left: -12px;
		margin: 0 50%;
	}

/* ↑ PANNELLUM */


/* ↓ POPUPS */

	.modal-dialog {
		width: 80%;
	}

	.modal-header {
		height: 5%;
		border: none;
	}

	.modal-body {
		font-family: Font, sans-serif;
		background: #ddd;/*url('../img/bg.jpg') no-repeat center top fixed;*/
		/*
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		*/
		width: 100%;
		/*overflow-y: auto;*/
		border: 0.06rem solid #867d75;
	}

	.tab-modal-header {
		width: 100%;
	}

	.td-modal-header {
		width: 15%;
		text-align: left;
	}

	.td-modal-header-close {
		width: 10%;
		text-align: right;
	}

	.span-close {
		font-size: 1.5rem;
		margin: 1.2rem;
	}

	.div-link {
		margin: 0.8rem 0 1rem 1rem;
		height: 5%;
	}

	.pop-title {
		float: left;
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 1px;
	}

	.pop-phone {
		float: right;
		margin-left: 20px;
		font-family: sans-serif;
		font-size: 1.3rem;
		letter-spacing: 1px;
		color: #666;
	}

	.pop-corps {
		font-size: 1.1rem;
	}

/* ↑ POPUPS */


/* ↓ SIDENAV */

	/* The side navigation menu */
	.sidenav {
		height: 100%; /* 100% Full-height */
		width: 0; /* 0 width - change this with JavaScript */
		position: fixed; /* Stay in place */
		z-index: 1; /* Stay on top */
		top: 4%;
		left: 0;
		background-color: #111; /* Black*/
		overflow-x: hidden; /* Disable horizontal scroll */
		padding-top: 60px; /* Place content 60px from the top */
		transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
	}
	
	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 1.2rem;
		color: #a1a1a1;
		display: block;
		transition: 0.1s;
	}
	
	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover, .offcanvas a:focus{
		color: #f1f1f1;
	}
	
	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}
	
	/* Add a black background color to the top navigation */
	.topnav {
		background-color: #555;
		overflow: hidden;
	}
	
	/* Style the links inside the navigation bar */
	.topnav a {
		float: left;
		display: block;
		color: #f2f2f2;
		text-align: center;
		padding: 0.2rem 0.5rem;
		text-decoration: none;
		font-size: 1.4rem;
	}
	
	/* Change the color of links on hover */
	.topnav a:hover {
		background-color: #ddd;
		color: black;
	}
	
	/* Add a color to the active/current link */
	.topnav a.active {
		background-color: #4CAF50;
		color: white;
	}
	
	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
		.sidenav { padding-top: 15px; }
		.sidenav a { font-size: 18px; }
	}
	
/* ↑ SIDENAV */