@font-face {
	font-family: 'panoicon1';
	src: url('../fonts/icon-works-webfont.eot');
	src: url('../fonts/icon-works-webfont.woff') format('woff')
}
@font-face {
	font-family: 'panoicon';
	src: url('../fonts/modernpics.otf');
}

  .custom-hotspot {
      height: 13px;
      width: 13px;
      /*background: #f00;*/
      background: white;
      border: 2px solid white;
      border-radius: 50%;
    }

  .hs-info {
    background: white;
  }

  .hs-tele {
    background: white;
  }

  .hs-info::after {
    color:black;
    font-weight: bold;
    font-size: 17px;
    content: '=';
    font-family: "panoicon";
    position: relative;
    left: 0px;
    top: -4px;
}

  .hs-tele::after {
    color:black;
    font-weight: bold;
    font-size: 17px;
    content: 'E';
    font-family: "panoicon";
    position: relative;
    left: -1px;
    top: -5px;
  }

  .hs-go-right::after {
    color:black;
    font-weight: bold;
    font-size: 19px;
    content: '>';
    font-family: "panoicon";
    position: relative;
    left: 1px;
    top: -6px;
  }

  .hs-go-left::after {
    color:black;
    font-weight: bold;
    font-size: 19px;
    content: '<';
    font-family: "panoicon";
    position: relative;
    left: 1px;
    top: -7px;
  }

  .hs-go-forward::after {
    color:black;
    font-weight: bold;
    font-size: 19px;
    content: '-';
    font-family: "panoicon";
    position: relative;
    left: 1px;
    top: -7px;
  }

.hs-link::after {
    color:black;
    font-weight: bold;
    font-size: 19px;
    content: 'w';
    font-family: "panoicon";
    position: relative;
    left: -1px;
    top: -5px;
  }


  .hint {
    font-weight: bold;
    color: gray;
  }

    div.custom-tooltip span {
      visibility: hidden;
      position: absolute;
      border-radius: 3px;
      background-color: #fff;
      color: #000;
      text-align: center;
      max-width: 200px;
      padding: 5px 10px;
      margin-left: -220px;
      cursor: default;
    }

    div.custom-tooltip:hover span{
      visibility: visible;
    }

    div.custom-tooltip:hover span:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
      bottom: -18px;
      left: -13px;
      margin: 0 50%;
  }

.navhelp div {
    float: left;
    min-width: 150px;
    margin: 0;
}

.navhelp div div {
    float: none;
}

.navhelp div div:first-child {
    font-weight: bold;
}

@media (max-width: 930px) {
	.navhelp {
		padding-bottom: 30px;
	}
}