.wowbook {
  z-index: 10;
}

.viewer{
  margin-bottom: 70px;
}

.viewer-nav {
  height: 46px;
  margin: 30px 0;
  text-align: center;
  position: relative;
  z-index: 10000;
  zoom: 1;
  width: 100%;
}

.viewer-nav ul {
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  border-radius: 6px;
  display: inline-block;
  *display: inline;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  zoom: 1;
}
.viewer-nav li {
  float: left;
  list-style: none;
}
.viewer-nav a {
  display: block;
  height: 46px;
  width: 48px;
  padding: 0;
  background: #000000 no-repeat;
  background-position: 8px 7px;
  text-indent: -999px;
  white-space: nowrap;
  overflow: hidden;
}
.viewer-nav #zoomin {
  background-image: url(icons/zoom_in.png);
}
.viewer-nav #zoomout {
  background-image: url(icons/zoom_out.png);
}
.viewer-nav #first {
  background-image: url(icons/arrow_double_left.png);
}
.viewer-nav #last {
  background-image: url(icons/arrow_double_right.png);
}
.viewer-nav #next {
  background-image: url(icons/arrow_right.png);
}
.viewer-nav #back {
  background-image: url(icons/arrow_left.png);
}
.viewer-nav #slideshow {
  background-image: url(icons/slideshow_play.png);
}
.viewer-nav #slideshow.wowbook-disabled {
  background-image: url(icons/slideshow_pause.png);
}
.viewer-nav #flipsound {
  background-image: url(icons/sound_on.png);
}
.viewer-nav #flipsound.wowbook-disabled {
  background-image: url(icons/sound_off.png);
}
.viewer-nav #thumbs {
  background-image: url(icons/thumbs.png);
}
.viewer-nav #fullscreen {
  background-image: url(icons/fullscreen_on.png);
}
.viewer-nav #fullscreen.wowbook-disabled {
  background-image: url(icons/fullscreen_off.png);
}
.viewer-nav a:hover {
  background-color: #2C2C2C;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
}
.viewer-nav a:active,
.viewer-nav a:hover,
.viewer-nav a {
  outline: none;
}

.page img {
  width: 100%;
  height: auto;
}

.wowbook-thumbnails {
  position: fixed !important;
}

.wowbook-page-content {
  background: #000;
}

@media screen and (max-width: 568px), screen and (max-height: 380px) {
  .viewer-nav {
    margin: auto;
    top: 0px;
  }
  .viewer-nav li {
    height: 32px;
  }
  .viewer-nav li a {
    background-size: 50% 50%;
    height: 32px;
    width: 32px;
  }
  html {
    -webkit-text-size-adjust: none;
  }
}