.info-hotspot .info-hotspot-header {
    background-color: #323a87;
}
.info-hotspot .info-hotspot-close-wrapper {
    background-color: #323a87;
}
.info-hotspot .info-hotspot-text {
    background-color: #323a87;
}

#titleBar .sceneName {
    background-color: rgba(100,180,191,0.8);
}

#sceneListToggle {
    background-color: rgba(100,180,191,0.8);
}

#sceneList .scene.current {
    background-color: rgba(100,180,191,1);
}

#sceneList .scenes {
    background-color: rgba(100,180,191,0.8);
}

#autorotateToggle {
    background-color: rgba(100,180,191,0.8);
}

#fullscreenToggle {
    background-color: rgba(100,180,191,0.8);
}

.viewControlButton {
    background-color: rgba(100,180,191,0.8);
}

.info-hotspot-text video {
	width:100%;
	height:auto;
	margin-bottom:0.5em;
}

.info-hotspot-text p {
	margin-bottom:1em;
	font-size:0.8em;
}

.info-hotspot-modal .info-hotspot-header, .info-hotspot-modal .info-hotspot-text, .info-hotspot-modal .info-hotspot-close-wrapper {
	background-color: #323a87;
}

.info-hotspot .info-hotspot-title {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 1em;
}

.info-hotspot .info-hotspot-text {
    max-height: 323px;
}


.branding {
	content: " ";
	top: 50px;
	right: 10px;
	position: absolute;
	z-index: 9;
	background: url('/wp-content/uploads/2018/10/LogoSmall2.1.png') top center no-repeat;
	padding-top: 122px;
	width: 150px;
}

.branding div {
	background-color:#64b5bf;
	font-size:0.7em;
	padding:10px;
	border-radius:5px;
	text-align:center;
	text-transform: uppercase;
}

.branding:hover div {
	background-color:#323a87;
}


@media screen and (max-width: 992px) {
  .branding {
	background:none;
	padding:0;
	top:auto;
	bottom:10px;
	}
}