/* ------------------------------------------- */
/* ------- olympus100th facts graphics ------- */
/* ------------------------------------------- */
#olympus100th-facts-graphics-localNav-wrapper{
  position: absolute;
  z-index: 1;
  height: 100vh;
  width: 50px;
  margin-left: 20px;
}
.olympus100th-facts-graphics-localNav{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.olympus100th-facts-graphics-localNav:before{
  content: "";
  display:block;
  height: 100%;
  width: 2px;
  background: #f2f2f2;
  position: absolute;
  right: -20px;
  z-index: -1;
}
.olympus100th-facts-graphics-localNav-evolution{
  display: block;
  position:absolute;
  z-index: -1;
  background: #08107b;
  height: 36px;
  width: 2px;
  right: -20px;
  -webkit-transition: height 1s;
  -ms-transition: height 1s;
  transition: height 1s;
  text-indent: -999px;
}
.olympus100th-facts-graphics-localNav-evolution:after{
  content: "";
  display:block;
  height: 2px;
  width: 10px;
  background: #08107b;
  position: absolute;
  bottom: 20px;
  right: 10px;
}
.olympus100th-facts-graphics-localNav-item, .olympus100th-facts-graphics-localNav-item:active, .olympus100th-facts-graphics-localNav-item:focus, .olympus100th-facts-graphics-localNav-item:visited{
  padding: 20px 10px;
  color: #666;
  width: 100%;
  display: block;
  line-height: 30px;
  z-index: 1;
}
.olympus100th-facts-graphics-localNav-item.active{
  color: #08107b;
  font-weight: bold;
}
.olympus100th-facts-graphics-wrapper{
  height: 800vh; /* 100vh * slide_length */
  width: 100%;
  background-color: #fff;
}
.olympus100th-facts-graphics{
  height: 100vh;
  width: 100%;
  max-width: 1110px;
  /*max-height: 785px;*/
  margin: 0 auto;
}
.olympus100th-facts-graphics-inner{
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  pointer-events: none;
}
.olympus100th-facts-graphics-inner img{
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%));
  -ms-transform: translate(-50%, -50%));
  transform: translate(-50%, -50%);
}

/* ------------------------------------------- */
/* -------    javascript off .static   ------- */
/* ------------------------------------------- */

.static #olympus100th-facts-graphics-localNav-wrapper{
  display: none;
}
.static .olympus100th-facts-graphics-inner{
  position: static;
}
.static .olympus100th-facts-graphics-inner img{
  position: relative;
  max-width: 100%;
  max-height: 100%;
}


/* ------------------------------------------- */
/* ---------- responsive adjustment ---------- */
/* ------------------------------------------- */

@media only screen and (max-width: 768px) {
  #olympus100th-facts-graphics-localNav-wrapper{
    width: 25px;
    margin-left: 5px;
  }
  .olympus100th-facts-graphics-localNav:before,
  .olympus100th-facts-graphics-localNav-evolution{
    right: -8px;
  }
  .olympus100th-facts-graphics-localNav-evolution:after{
    display: none;
  }
  .olympus100th-facts-graphics-localNav-item, .olympus100th-facts-graphics-localNav-item:active, .olympus100th-facts-graphics-localNav-item:focus, .olympus100th-facts-graphics-localNav-item:visited{
    padding: 0 5px;
  }
}

/* ------------------------------------------- */
/* ------------- ie9 adjustment -------------- */
/* ------------------------------------------- */
.no-flexbox .olympus100th-facts-graphics-inner img{
  left: 5%;
  top: 10%;
}