body {
  margin: 0;
  padding: 0;
  font-family: "tbudrgothic-std";
}
#container {
}
footer {
margin-bottom: 100px;
}
#panorama {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
.pnlm-container {
  font-family: "tbudrgothic-std" !important;
}
.pnlm-controls-container {
  posision: fixed !important;
  top: 58px !important;
  left: unset !important;
  right: 4px !important;
}
.stickyText span {
  font-size: 1.4em;
  text-shadow: 1px 1px #000;
  visibility: visible !important;
  background: none !important;
  margin-top: -0.9em !important;
  text-align: revert !important;
  position: unset !important;
}
.stickyText span:after {
  display: none !important;
}
.move {
  width: 36px;
  height: 36px;
  background-image: url('/img/move-arrow.svg');
}
#offcanvas-usage {
  z-index: -1;
}
.uk-notification-message {
  background: rgba(255, 255, 255, .5);
  border-radius: 8px;
}
.uk-notification-message .pannellum-title{
  color: #fff;
  font-size: 2em;
  text-shadow:1px 1px 0 rgba(0,0,0,.3), -1px -1px 0 rgba(0,0,0,.3),
              -1px 1px 0 rgba(0,0,0,.3), 1px -1px 0 rgba(0,0,0,.3),
              0px 1px 0 rgba(0,0,0,.3),  0-1px 0 rgba(0,0,0,.3),
              -1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(0,0,0,.3);
}

#category_search, #tag_search {
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + span {
  padding: 2px 4px;
  border: 1px solid grey;
}
input[type=checkbox]:checked + span {
  background: #1e87f0;
  color: #fff;
}

#category, #scenes, #tags, #single {
}
@keyframes move-up {
  from{ transform: translateY(0); }
  to { transform: translateY(-10px); }
}
@keyframes move-down {
  from{ transform: translateY(-10px); width: 140px;}
  to { transform: translateY(0); width: 100px; }
}
.littleplanet {
  margin: 16px;
  width: 160px;
  height: 160px;
  font-size: 1.3em;
  background-color: rgba(112, 168, 213, .7);
  background-size: cover;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  //box-shadow: -20px -20px 30px 10px rgba(0,0,0,.5) inset, 20px 20px 30px 10px rgba(255,255,255,.5) inset;
  box-shadow: -10px -10px 15px 5px rgba(0,0,0,.5) inset, 10px 10px 15px 5px rgba(255,255,255,.5) inset;
}
.littleplanet:before{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(to top left, rgba(255, 255, 255, .3), rgba(0, 0, 0, .3));
}
.littleplanet:hover {
  text-decoration: none;
  transform: scale(1.05);
  animation: move-up 1s infinite alternate ease-in-out;
}
.littleplanet:hover:before {
  background: unset;
}
.littleplanet:hover:after {
  animation: move-down 1s infinite alternate ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -24px;
  margin: auto;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .7);
  filter: blur(4px);
  z-index: -1;
}
.littleplanet span {
  color: white;
  text-shadow:1px 1px 0 rgba(0,0,0,.3), -1px -1px 0 rgba(0,0,0,.3),
              -1px 1px 0 rgba(0,0,0,.3), 1px -1px 0 rgba(0,0,0,.3),
              0px 1px 0 rgba(0,0,0,.3),  0-1px 0 rgba(0,0,0,.3),
              -1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(0,0,0,.3);
}

#nav {
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
#nav > div {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 8px 16px 8px 16px;
}
#nav a {
  margin: 0 4px;
}
.uk-offcanvas-bar {
  background: rgba(34, 34, 34, .8);
}
#gmap {
  width: 100%;
  height: 300px;
}
.hotSpot-lightbox {
  height: 36px;
  width: 36px;
  opacity: .7;
  background-image: url('/img/camera.svg');
}
.like {
  height: 32px;
  width: 32px;
  background-image: url('/img/like.svg');
  opacity: .25;
}
.uk-lightbox {
  background: rgba(0, 0, 0, .9);
}
.gmapInfoBox200 {
  width: 200px;
  text-align: center;
}
.gmapInfoBox200 img {
  border: 1px solid #fff;
  max-width: 200px;
  max-height: 200px;
}