body {
  font-family: 'Open Sans', sans-serif;
}

.container {
  margin: auto;
  max-width: 1300px;
}

#ottview2_viewport {
  display: block;
  position: relative;
  width: 100%;
}

#ottview2_viewport:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

#ottview2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.uk-slideshow ul,
.uk-slideshow ul>li{
	height: 140px;
}

.gotoHotspot, .poiHotspot, .mouseHotspot {
  width: 35px;
  height: 35px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #00843C;
  background-color: rgba(0, 132, 60, 0.77);
  color: #FFFFFF;
  text-align: center;
  line-height: 35px;
  font-size: 25px;
  cursor: pointer;
}

.gotoHotspot {
  color: #00843C;
  background-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.85);
}

.mouseHotspot {
  color: #FFFFFF;
  background-color: transparent;
}

.gotoHotspot {
  z-index: 1;
}

.poiHotspot {
  z-index: 2;
}

.poiHotspot.open {
  background-color: transparent;
  font-size: 14px;
}

.gotoHotspot:before {
  content: "";
  display: inline-block;
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-icon='arrow-up' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='goto'%3E%3Cpath fill='%2300843C' d='M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.mouseHotspot:before {
  content: "";
  display: inline-block;
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-icon='arrows-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='mousefocus'%3E%3Cpath fill='%2300843C' d='M352.201 425.775l-79.196 79.196c-9.373 9.373-24.568 9.373-33.941 0l-79.196-79.196c-15.119-15.119-4.411-40.971 16.971-40.97h51.162L228 284H127.196v51.162c0 21.382-25.851 32.09-40.971 16.971L7.029 272.937c-9.373-9.373-9.373-24.569 0-33.941L86.225 159.8c15.119-15.119 40.971-4.411 40.971 16.971V228H228V127.196h-51.23c-21.382 0-32.09-25.851-16.971-40.971l79.196-79.196c9.373-9.373 24.568-9.373 33.941 0l79.196 79.196c15.119 15.119 4.411 40.971-16.971 40.971h-51.162V228h100.804v-51.162c0-21.382 25.851-32.09 40.97-16.971l79.196 79.196c9.373 9.373 9.373 24.569 0 33.941L425.773 352.2c-15.119 15.119-40.971 4.411-40.97-16.971V284H284v100.804h51.23c21.382 0 32.09 25.851 16.971 40.971z' class=''%3E%3C/path%3E%3C/svg%3E");
}

.poiHotspot:before {
  content: "";
  display: inline-block;
  background-size: 8px;
  width: 8px;
  height: 21px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-icon='info' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512' class='info'%3E%3Cpath fill='%23fff' d='M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z' class=''%3E%3C/path%3E%3C/svg%3E");
  position: relative;
  z-index: 9;
}

.poiHotspot.open:before {
	content: "";
  display: inline-block;
  background-size: 20px;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-icon='times-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='poiopen'%3E%3Cpath fill='%23fff' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z' class=''%3E%3C/path%3E%3C/svg%3E");
  position: relative;
  z-index: 9;
}

.poiHotspot>div {
  display: none;
  position: absolute;
  top: 0;
  background-color: #00843C;
  background-color: rgba(0, 132, 60, 0.9);
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  width: 250px;
  min-height: 150px;
  font-size: 14px;
  line-height: 20px;
  padding: 8px;
  text-align: left;
}

.poiHotspot>div>h3 {
  margin-top: 28px;
  font-weight: 300;
  font-size: 20px;
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 8px;
  line-height: 25px;
  color: #FFFFFF;
}

.poiHotspot>div>h3:before {
  display: none;
}

.btn-container {
  margin-top: 10px;
}

.btn-container>a {
  background-color: #FFFFFF;
  color: #00843C;
  float: right;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

.close-txt {
  float: right;
  font-size: 12px;
  text-decoration: underline;
}

.poiHotspot .uk-slideshow {
  height: 140px !important;
  position: relative;
}

.poiHotspot .uk-slideshow>li {
  height: auto !important;
}

.uk-slideshow-wrapper {
  position: relative;
}

.uk-slideshow-wrapper ul li.uk-active {
  opacity: 1 !important;
}

.

#ottview2_intro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #FFFFFF;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
}

#ottview2_intro h2 {
  color: #00843C;
}

#ottview2_intro h3::before {
  content: '';
  display: none;
}

#ottview2_intro h3 {
  margin-top: 15%;
  font-size: 35px;
  color: #fff;
}

#ottview2_intro h4,
#ottview2_intro h3 {
  margin-top: 0;
  font-size: 20px;
  color: #fff;
  margin-bottom: 10px;
  margin-top: 0px;
}

#ottview2_intro {
  display: none;
}

#ottview2_intro .ottview2_explanation.uk-grid {
  margin-top: 6%;
  margin-left: 0;
}

#ottview2_intro .ottview2_explanation.uk-grid>div {
  padding: 10px;
}

h4 .gotoHotspot, h4 .poiHotspot, h4 .mouseHotspot,
h3 .gotoHotspot, h3 .poiHotspot, h3 .mouseHotspot {
  display: inline-block;
  margin-right: 5px;
}

.start_ottview2 {
  display: inline-block;
  background-color: #fff;
  padding: 30px;
  border-radius: 49px;
  font-size: 30px;
  line-height: 30px;
  margin-top: 5%;
}

#ottview2_links {
  font-size: 13px;
  margin-bottom: 10px;
  text-align: right;
}

.ottview2_explanation .mouseHotspot, .ottview2_explanation .gotoHotspot, .ottview2_explanation .poiHotspot {
  cursor: default;
}

.start_ottview2 {
  transition: all 1s ease-in-out;
  color: #00843C;
}

.start_ottview2:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #00843C;
}

@media(max-width:1005px) {
  #ottview2_intro h3 {
    margin-top: 10px;
    font-size: 25px;
  }

  #ottview2_intro .ottview2_explanation.uk-grid {
    margin-top: 15px;
  }

  .start_ottview2 {
    margin-top: 5px;
  }
}

@media(max-width:876px) {
  .start_ottview2 {
    margin-top: 5px;
    padding: 10px;
    font-size: 20px;
  }
}

@media(max-width:805px) {

  #ottview2_intro h4,
  #ottview2_intro h3 {
    font-size: 15px;
    margin-bottom: 0;
  }

  #ottview2_intro h4 span,
  #ottview2_intro h3 span {
    display: none;
  }

  #ottview2_intro .ottview2_explanation.uk-grid {
    font-size: 13px;
  }
}

@media(max-width:599px) {
  #ottview2_intro, .start_intro, .pnlm-hotspot-base.poiHotspot {
    display: none !important;
  }
}

p.error {
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.pnlm-world {
  height: 100%;
  width: 100%;
}


#ottview2_intro{
  position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      color: #FFFFFF;
      background-color: #000000;
      background-color: rgba(0,0,0,0.7);
}