@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
html, body {
  height: 100%;
  padding: 0;
  margin: 0; }

.icatviewer {
  height: 100%;
  overflow: hidden;
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  /*!
* html-viewer
* Base Container
*/
  /* TODO temp debug */ }
  .icatviewer html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
  .icatviewer body {
    margin: 0; }
  .icatviewer article,
  .icatviewer aside,
  .icatviewer details,
  .icatviewer figcaption,
  .icatviewer figure,
  .icatviewer footer,
  .icatviewer header,
  .icatviewer hgroup,
  .icatviewer main,
  .icatviewer menu,
  .icatviewer nav,
  .icatviewer section,
  .icatviewer summary {
    display: block; }
  .icatviewer audio,
  .icatviewer canvas,
  .icatviewer progress,
  .icatviewer video {
    display: inline-block;
    vertical-align: baseline; }
  .icatviewer audio:not([controls]) {
    display: none;
    height: 0; }
  .icatviewer [hidden],
  .icatviewer template {
    display: none; }
  .icatviewer a {
    background-color: transparent; }
  .icatviewer a:active,
  .icatviewer a:hover {
    outline: 0; }
  .icatviewer abbr[title] {
    border-bottom: 1px dotted; }
  .icatviewer b,
  .icatviewer strong {
    font-weight: bold; }
  .icatviewer dfn {
    font-style: italic; }
  .icatviewer h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .icatviewer mark {
    background: #ff0;
    color: #000; }
  .icatviewer small {
    font-size: 80%; }
  .icatviewer sub,
  .icatviewer sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .icatviewer sup {
    top: -0.5em; }
  .icatviewer sub {
    bottom: -0.25em; }
  .icatviewer img {
    border: 0; }
  .icatviewer svg:not(:root) {
    overflow: hidden; }
  .icatviewer figure {
    margin: 1em 40px; }
  .icatviewer hr {
    box-sizing: content-box;
    height: 0; }
  .icatviewer pre {
    overflow: auto; }
  .icatviewer code,
  .icatviewer kbd,
  .icatviewer pre,
  .icatviewer samp {
    font-family: monospace, monospace;
    font-size: 1em; }
  .icatviewer button,
  .icatviewer input,
  .icatviewer optgroup,
  .icatviewer select,
  .icatviewer textarea {
    color: inherit;
    font: inherit;
    margin: 0; }
  .icatviewer button {
    overflow: visible; }
  .icatviewer button,
  .icatviewer select {
    text-transform: none; }
  .icatviewer button,
  .icatviewer html input[type="button"],
  .icatviewer input[type="reset"],
  .icatviewer input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer; }
  .icatviewer button[disabled],
  .icatviewer html input[disabled] {
    cursor: default; }
  .icatviewer button::-moz-focus-inner,
  .icatviewer input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .icatviewer input {
    line-height: normal; }
  .icatviewer input[type="checkbox"],
  .icatviewer input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }
  .icatviewer input[type="number"]::-webkit-inner-spin-button,
  .icatviewer input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .icatviewer input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box; }
  .icatviewer input[type="search"]::-webkit-search-cancel-button,
  .icatviewer input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .icatviewer fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  .icatviewer legend {
    border: 0;
    padding: 0; }
  .icatviewer textarea {
    overflow: auto; }
  .icatviewer optgroup {
    font-weight: bold; }
  .icatviewer table {
    border-collapse: collapse;
    border-spacing: 0; }
  .icatviewer td,
  .icatviewer th {
    padding: 0; }
  .icatviewer #app-wrapper {
    font-family: Verdana, Arial;
    font-style: normal;
    font-weight: 400;
    background: none;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    font-size: 13px; }
    .icatviewer #app-wrapper #app-container {
      /*background: #eee;*/
      background: #fff;
      padding: 0;
      margin: 0;
      position: relative;
      width: 100%;
      height: 100%; }
      .icatviewer #app-wrapper #app-container #fullscreen-container {
        padding: 0;
        margin: 0;
        position: relative;
        width: 100%;
        height: 100%; }
    .icatviewer #app-wrapper #canvas-container {
      position: absolute;
      width: 100%;
      height: 100%; }
      .icatviewer #app-wrapper #canvas-container.isZoomed {
        border: 1px solid #dfdfdf; }
    .icatviewer #app-wrapper #canvas {
      position: relative;
      /*background: #ddd;*/
      box-sizing: border-box; }
    .icatviewer #app-wrapper .navigator {
      border: none !important;
      background: none !important; }
      .icatviewer #app-wrapper .navigator .displayregion {
        border-color: #718331 !important; }
  .icatviewer #header {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    margin-bottom: 0px;
    padding-top: 0px; }
    .icatviewer #header.hide {
      visibility: hidden; }
    .icatviewer #header .header-content {
      width: 100%;
      box-sizing: border-box;
      margin: 0 auto;
      height: 45px;
      padding: 0 10px; }
    .icatviewer #header #dynamic-header {
      position: relative; }
    .icatviewer #header .left-box {
      position: absolute;
      top: 5px;
      left: 10px; }
    .icatviewer #header .center-box {
      position: absolute;
      display: inline-block;
      top: 5px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 280px; }
    .icatviewer #header .right-box {
      position: absolute;
      top: 5px;
      right: 10px; }
  .icatviewer .header-medium .wrapper-selectchapter .label {
    display: none; }
  .icatviewer .header-medium .wrapper-selectchapter {
    margin-left: 0px; }
  .icatviewer .header-small .wrapper-selectchapter .label {
    display: none; }
  .icatviewer .header-small .center-box {
    text-align: center; }
  .icatviewer .header-small .wrapper-selectchapter {
    margin-left: 0px; }
  .icatviewer #footer {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    box-sizing: border-box; }
    .icatviewer #footer .footer-content {
      width: 100%;
      box-sizing: border-box;
      margin: 0 auto;
      height: 45px;
      padding: 0 10px; }
    .icatviewer #footer #dynamic-header {
      position: relative; }
    .icatviewer #footer .left-box {
      position: absolute;
      top: 5px;
      left: 10px; }
    .icatviewer #footer .center-box {
      position: absolute;
      display: inline-block;
      top: 5px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 280px; }
    .icatviewer #footer .right-box {
      position: absolute;
      top: 5px;
      right: 10px; }
  .icatviewer .bookmarks {
    position: absolute;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 5;
    /*background: rgba(255,0,0,0.4);*/ }
    .icatviewer .bookmarks.bookmarks-zoomed {
      display: none; }
    .icatviewer .bookmarks.bookmarks-hide {
      display: none; }
    .icatviewer .bookmarks .bookmark-page {
      float: left;
      width: 50%;
      box-sizing: border-box; }
    .icatviewer .bookmarks .left-page {
      text-align: left; }
    .icatviewer .bookmarks .right-page {
      text-align: right; }
    .icatviewer .bookmarks .bookmark {
      display: inline-block;
      text-align: center;
      position: relative;
      cursor: pointer;
      box-sizing: border-box; }
    .icatviewer .bookmarks .bookmark-normal {
      height: 20px;
      width: 30px;
      background: #CCCC99;
      color: #fff;
      border: 1px solid #CCCC99; }
      .icatviewer .bookmarks .bookmark-normal:hover {
        height: 22px;
        bottom: 2px; }
    .icatviewer .bookmarks .bookmark-menu {
      background: #A2633C;
      border: 1px solid #A2633C; }
      .icatviewer .bookmarks .bookmark-menu:hover {
        background: #A2633C;
        border: 1px solid #A2633C; }
    .icatviewer .bookmarks .bookmark-current {
      background: #718331;
      border: 1px solid #718331;
      height: 30px;
      z-index: 5; }
      .icatviewer .bookmarks .bookmark-current:hover {
        height: 32px;
        bottom: 2px; }
    .icatviewer .bookmarks .bookmark-overview {
      margin-bottom: 5px; }
    .icatviewer .bookmarks .bookmark-faded {
      opacity: 0.4; }
    .icatviewer .bookmarks .bookmark-left {
      margin-left: 5px; }
    .icatviewer .bookmarks .bookmark-right {
      margin-right: 5px; }
  .icatviewer .bookmarks-overview {
    z-index: 20;
    background: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #eee;
    width: auto;
    height: auto;
    position: absolute;
    top: 20px;
    left: 0px;
    padding: 5px;
    box-sizing: border-box; }
    .icatviewer .bookmarks-overview h3 {
      font-size: 24px;
      font-weight: 300;
      margin: 0 0 25px 20px;
      color: #666; }
  .icatviewer .sidebar {
    position: absolute;
    box-sizing: border-box;
    display: inline-block;
    z-index: 5; }
    .icatviewer .sidebar.sidebar-hide {
      display: none !important; }
    .icatviewer .sidebar.sidebar-left {
      top: 0;
      left: 0;
      right: auto;
      border-top-left-radius: 10px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 0px; }
    .icatviewer .sidebar.sidebar-right {
      top: 0;
      right: 0;
      left: auto;
      border-top-left-radius: 0px;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 10px; }
    .icatviewer .sidebar a {
      text-decoration: none; }
    .icatviewer .sidebar .upperPageFlipIconWrapper, .icatviewer .sidebar .lowerPageFlipIconWrapper {
      display: table-cell;
      width: 100%;
      height: 100%;
      text-align: center;
      vertical-align: middle; }
    .icatviewer .sidebar .sidebar-inside-top {
      display: table;
      box-sizing: border-box;
      height: 80%;
      width: 100%;
      text-align: center;
      font-size: 55px;
      color: #323232;
      border-radius: 0;
      border-width: 0px;
      border-style: solid;
      border-color: #000;
      background: rgba(255, 255, 255, 0.42);
      box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }
      .icatviewer .sidebar .sidebar-inside-top:hover {
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 0 5px 2px rgba(113, 131, 49, 0.5);
        color: #323232; }
      .icatviewer .sidebar .sidebar-inside-top .upperPageFlipIconWrapper {
        vertical-align: middle; }
    .icatviewer .sidebar .sidebar-inside-bottom {
      display: table;
      box-sizing: border-box;
      height: 20%;
      width: 100%;
      vertical-align: middle;
      text-align: center;
      font-size: 55px;
      color: #323232;
      border-radius: 0;
      border-width: 0px;
      border-style: solid;
      border-color: #000;
      background: rgba(255, 255, 255, 0.42);
      box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }
      .icatviewer .sidebar .sidebar-inside-bottom:hover {
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 0 5px 2px rgba(113, 131, 49, 0.5);
        color: #323232; }
      .icatviewer .sidebar .sidebar-inside-bottom .lowerPageFlipIconWrapper {
        vertical-align: middle; }
    .icatviewer .sidebar .sidebar-inside-top .pageflip-icon, .icatviewer .sidebar .sidebar-inside-bottom .pageflip-icon {
      display: block;
      background: none; }
    .icatviewer .sidebar .sidebar-outside-top {
      display: table;
      box-sizing: border-box;
      height: 80%;
      width: 100%;
      text-align: center;
      font-size: 55px;
      color: #323232;
      border-radius: 0;
      border-width: 0px;
      border-style: solid;
      border-color: #000;
      background: #fff;
      box-shadow: none; }
      .icatviewer .sidebar .sidebar-outside-top:hover {
        background: #718331;
        color: #fff; }
      .icatviewer .sidebar .sidebar-outside-top:active {
        background: #718331;
        color: #fff; }
      .icatviewer .sidebar .sidebar-outside-top .upperPageFlipIconWrapper {
        vertical-align: middle; }
    .icatviewer .sidebar .sidebar-outside-bottom {
      display: table;
      box-sizing: border-box;
      height: 20%;
      width: 100%;
      text-align: center;
      font-size: 55px;
      color: #323232;
      border-radius: 0;
      border-width: 0px;
      border-style: solid;
      border-color: #000;
      background: #fff;
      box-shadow: none; }
      .icatviewer .sidebar .sidebar-outside-bottom:hover {
        background: #718331;
        color: #fff; }
      .icatviewer .sidebar .sidebar-outside-bottom:active {
        background: #718331;
        color: #fff; }
      .icatviewer .sidebar .sidebar-outside-bottom .lowerPageFlipIconWrapper {
        vertical-align: middle; }
    .icatviewer .sidebar .pageflip-icon-inside-top {
      text-align: center;
      vertical-align: middle;
      font-size: inherit;
      color: inherit;
      padding: 0; }
    .icatviewer .sidebar.sidebar-left .pageflip-icon-inside-top {
      padding-right: 10px; }
    .icatviewer .sidebar.sidebar-right .pageflip-icon-inside-top {
      padding-left: 10px; }
    .icatviewer .sidebar .pageflip-icon-inside-bottom {
      text-align: center;
      vertical-align: middle;
      font-size: inherit;
      color: inherit;
      padding: 0; }
    .icatviewer .sidebar .pageflip-icon-outside-top {
      text-align: center;
      vertical-align: middle;
      font-size: inherit;
      color: inherit;
      padding: 0; }
    .icatviewer .sidebar .pageflip-icon-outside-bottom {
      text-align: center;
      vertical-align: middle;
      font-size: inherit;
      color: inherit;
      padding: 0; }
  .icatviewer .loader {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75) url(img/ajax-loader.gif) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999; }
    .icatviewer .loader.loader-show {
      display: block; }
    .icatviewer .loader.loader-hide {
      display: none; }
  .icatviewer canvas {
    outline: 0 !important; }
  .icatviewer .openseadragon-canvas {
    outline: 0 !important; }
  .icatviewer .openseadragon-canvas .highlight {
    cursor: pointer;
    fill-opacity: 0;
    /*vector-effect: non-scaling-stroke;
  stroke-width: 0.5px;
  stroke: rgb(127, 127, 127);*/ }
  .icatviewer .openseadragon-canvas .highlight:hover {
    fill: #7f7f7f;
    fill-opacity: 0;
    /*0.2*/
    stroke-width: 0.01;
    stroke: #718331;
    stroke-linejoin: round; }
  .icatviewer .openseadragon-canvas .highlightinfo:hover {
    cursor: default; }
  .icatviewer .icon {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-variant: normal;
    text-transform: none;
    overflow: hidden;
    vertical-align: middle;
    line-height: inherit;
    margin: 0;
    padding: 0;
    font-family: 'icomoon';
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    background: none;
    color: #A2633C;
    top: -2px; }
  .icatviewer .icon-zoomlevelin:before {
    content: "\e910"; }
  .icatviewer .icon-zoomlevelout:before {
    content: "\e911"; }
  .icatviewer .icon-bookmark:before {
    content: "\e900"; }
  .icatviewer .icon-chapter:before {
    content: "\e901"; }
  .icatviewer .icon-close:before {
    content: "\e902"; }
  .icatviewer .icon-download:before {
    content: "\e903"; }
  .icatviewer .icon-dropdown:before {
    content: "\e904"; }
  .icatviewer .icon-fullscreen:before {
    content: "\e905"; }
  .icatviewer .icon-goto:before {
    content: "\e906"; }
  .icatviewer .icon-help:before {
    content: "\e907"; }
  .icatviewer .icon-overview:before {
    content: "\e908"; }
  .icatviewer .icon-pageflip-end:before {
    content: "\e909"; }
  .icatviewer .icon-pageflip-next:before {
    content: "\e90a"; }
  .icatviewer .icon-pageflip-previous:before {
    content: "\e90b"; }
  .icatviewer .icon-pageflip-start:before {
    content: "\e90c"; }
  .icatviewer .icon-print:before {
    content: "\e90d"; }
  .icatviewer .icon-search:before {
    content: "\e90e"; }
  .icatviewer .icon-zomout:before {
    content: "\e90f"; }
  .icatviewer .separator {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 14px;
    background: none;
    margin-right: 0px;
    margin-left: 0px; }
  .icatviewer .wrapper {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
    position: relative; }
  .icatviewer .wrapper-inputicon .icon {
    position: absolute;
    color: #000; }
    .icatviewer .wrapper-inputicon .icon.icon-before {
      top: 7px;
      left: 5px; }
    .icatviewer .wrapper-inputicon .icon.icon-after {
      top: 7px;
      right: 5px; }
  .icatviewer .modal-wrapper {
    z-index: 40; }
  .icatviewer .label {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
    background: none;
    color: #323232;
    font-size: 15px;
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0; }
  .icatviewer .label-before {
    padding-right: 5px; }
  .icatviewer .label-after {
    padding-left: 5px; }
  .icatviewer .button {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: medium none;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    color: #333;
    background-image: none;
    background-repeat: repeat-x;
    background: #fff;
    vertical-align: middle;
    width: 38px;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    font-size: 15px;
    font-style: normal;
    font-weight: bold; }
    .icatviewer .button:hover {
      color: #333;
      background-image: none;
      background-repeat: repeat-x;
      background: #fff; }
    .icatviewer .button:active {
      color: #718331;
      background-image: none;
      background-repeat: repeat-x;
      background: #fff;
      border: 1px solid rgba(241, 147, 189, 0.3);
      box-shadow: none; }
    .icatviewer .button:hover .icon {
      background: inherit;
      color: #A2633C; }
    .icatviewer .button.button-inactive {
      cursor: default;
      pointer-events: none;
      opacity: 0.4; }
    .icatviewer .button.button-pressed {
      background: #fff; }
    .icatviewer .button.button-pressed .icon {
      color: #718331; }
    .icatviewer .button.button-link {
      text-align: center; }
  .icatviewer .button-text > .icon-before {
    padding-right: 5px; }
  .icatviewer .button-text > .icon-after {
    padding-left: 5px; }
  .icatviewer .input {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    line-height: inherit;
    outline: medium none;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #C0C0C0;
    color: #323232;
    background: #fff;
    width: 135px;
    height: 35px;
    padding: 5px;
    font-size: 15px;
    font-style: normal;
    font-weight: normal; }
    .icatviewer .input:focus {
      border-color: #A2633C;
      /*box-shadow: inset 0px 0px 5px 0px rgba(241,147,189,0.3);*/ }
    .icatviewer .input.icon-before {
      padding-left: 30px; }
    .icatviewer .input.icon-after {
      padding-right: 30px; }
  .icatviewer .wrapper-tooltip {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
    .icatviewer .wrapper-tooltip .tooltip {
      display: block;
      visibility: hidden;
      position: absolute;
      z-index: 9;
      background: #fff;
      color: #666;
      padding: 10px;
      border-radius: none;
      text-align: center;
      top: 0;
      left: 0;
      width: 100px;
      -webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
      filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.2));
      /* IE >=9 */ }
      @media screen and (min-width: 0\0) {
        .icatviewer .wrapper-tooltip .tooltip {
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); } }
  .icatviewer .tooltip-bottom-center:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px; }
  .icatviewer .tooltip-right-center:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 5px;
    margin-top: -5px; }
  .icatviewer .tooltip-top-center:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px; }
  .icatviewer .tooltip-left-center:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-top: -5px; }
  .icatviewer .tooltip-bottom-left:after {
    bottom: 100%;
    left: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px; }
  .icatviewer .tooltip-bottom-right:after {
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px; }
  .icatviewer .tooltip-top-left:after {
    top: 100%;
    left: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px; }
  .icatviewer .tooltip-top-right:after {
    top: 100%;
    right: 15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px; }
  .icatviewer .searchresult {
    display: table;
    border-collapse: separate;
    border-bottom: 1px solid #eee;
    padding: 10px; }
    .icatviewer .searchresult:last-child {
      border-bottom: none; }
    .icatviewer .searchresult .imagebox {
      display: table-cell;
      width: 180px;
      vertical-align: middle; }
      .icatviewer .searchresult .imagebox img:hover {
        cursor: pointer; }
    .icatviewer .searchresult .contentbox {
      display: table-cell;
      width: auto;
      vertical-align: top; }
      .icatviewer .searchresult .contentbox .content {
        display: table;
        width: 100%;
        font-size: 12px;
        color: #666;
        box-sizing: border-box;
        padding: 0px 10px 10px 10px; }
        .icatviewer .searchresult .contentbox .content .head {
          display: table;
          width: 100%; }
          .icatviewer .searchresult .contentbox .content .head .page {
            display: table-cell;
            width: 60%;
            font-style: italic; }
          .icatviewer .searchresult .contentbox .content .head .price {
            display: table-cell;
            width: 60%;
            text-align: right;
            font-weight: bold;
            font-size: 13px;
            padding-bottom: 10px; }
        .icatviewer .searchresult .contentbox .content .title {
          font-size: 15px;
          font-weight: bold;
          margin-bottom: 5px; }
          .icatviewer .searchresult .contentbox .content .title a {
            text-decoration: none;
            color: inherit; }
            .icatviewer .searchresult .contentbox .content .title a:hover {
              cursor: pointer; }
          .icatviewer .searchresult .contentbox .content .title b {
            color: #A2633C; }
        .icatviewer .searchresult .contentbox .content .description b {
          color: #A2633C; }
  .icatviewer .select {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    line-height: 35px;
    outline: medium none;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: none;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    color: #666;
    background: #f3f3f3;
    width: auto;
    height: 35px;
    padding: 0 5px;
    font-size: 15px;
    font-style: normal;
    font-weight: normal; }
    .icatviewer .select.reset {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .icatviewer .select.reset ::-ms-expand {
        display: none; }
    .icatviewer .select .option {
      color: #666;
      background: #f3f3f3; }
      .icatviewer .select .option.option-level-1 {
        padding-left: 10px;
        background: #aaa; }
      .icatviewer .select .option.option-level-2 {
        padding-left: 20px; }
      .icatviewer .select .option.option-level-3 {
        padding-left: 30px; }
      .icatviewer .select .option.option-level-4 {
        padding-left: 40px; }
      .icatviewer .select .option.option-level-5 {
        padding-left: 50px; }
  .icatviewer .fake-select {
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    line-height: inherit;
    outline: medium none;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    box-shadow: none;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #C0C0C0;
    color: #323232;
    background: #fff;
    width: 240px;
    height: 35px;
    padding: 5px;
    font-size: 15px;
    font-style: normal;
    font-weight: normal; }
    .icatviewer .fake-select .fake-select-dropdown-icon {
      float: right;
      color: #A0A0A0;
      font-family: 'icomoon';
      position: relative;
      top: 2px; }
      .icatviewer .fake-select .fake-select-dropdown-icon:after {
        content: "\25BC"; }
    .icatviewer .fake-select:hover .fake-select-dropdown-icon {
      color: #A2633C; }
    .icatviewer .fake-select .select-title {
      white-space: nowrap;
      overflow: hidden;
      text-align: left;
      line-height: 22px; }
      .icatviewer .fake-select .select-title .ampersand {
        color: #A2633C; }
      .icatviewer .fake-select .select-title .symbol {
        font-size: 14px;
        padding-right: 5px;
        display: none;
        line-height: 12px; }
    .icatviewer .fake-select .option-list {
      display: none;
      position: absolute;
      top: 33px;
      left: -1px;
      background: #fff;
      border-right: 1px solid #C0C0C0;
      border-bottom: 1px solid #C0C0C0;
      border-left: 1px solid #C0C0C0;
      border-top: 1px solid #C0C0C0;
      z-index: 10;
      width: 400px;
      max-height: 600px;
      overflow: auto;
      box-sizing: border-box; }
      .icatviewer .fake-select .option-list.option-list-open {
        display: block; }
      .icatviewer .fake-select .option-list.option-list-close {
        display: none; }
      .icatviewer .fake-select .option-list ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .icatviewer .fake-select .option-list ul li {
          border-bottom: 1px solid #dfdfdf;
          padding: 5px;
          height: 35px;
          box-sizing: border-box;
          text-align: left; }
          .icatviewer .fake-select .option-list ul li:last-child {
            border-bottom: none; }
          .icatviewer .fake-select .option-list ul li:hover {
            background: #f3f3f3;
            cursor: pointer; }
          .icatviewer .fake-select .option-list ul li.option-current {
            background: #f3f3f3; }
          .icatviewer .fake-select .option-list ul li.option-level-0 {
            padding-left: 5px;
            font-size: 14px;
            line-height: 24px; }
          .icatviewer .fake-select .option-list ul li.option-level-1 {
            padding-left: 20px;
            font-size: 13px;
            line-height: 24px; }
          .icatviewer .fake-select .option-list ul li.option-level-2 {
            padding-left: 30px;
            font-size: 13px;
            line-height: 24px; }
          .icatviewer .fake-select .option-list ul li.option-level-3 {
            padding-left: 40px; }
          .icatviewer .fake-select .option-list ul li.option-level-4 {
            padding-left: 50px; }
          .icatviewer .fake-select .option-list ul li.option-level-5 {
            padding-left: 60px; }
          .icatviewer .fake-select .option-list ul li.has-children {
            font-weight: bold; }
          .icatviewer .fake-select .option-list ul li .symbol {
            font-size: 10px;
            padding-right: 5px; }
  .icatviewer .catalog-toolbox {
    display: none;
    width: 35px;
    height: 35px;
    background: none;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 50;
    /*border-radius: 5px;*/
    padding: 5px;
    background: rgba(255, 255, 255, 0.6); }
    .icatviewer .catalog-toolbox.toolbox-show {
      display: block; }
    .icatviewer .catalog-toolbox .button {
      background: transparent -moz-linear-gradient(center top, #fff, #ededed) repeat scroll 0 0;
      border: 1px solid #b7b7b7;
      /*border-radius: 5px;*/
      color: #606060;
      width: 35px;
      height: 35px;
      line-height: 33px; }
      .icatviewer .catalog-toolbox .button .icon {
        color: #000;
        top: -1px; }
  .icatviewer .buttonsearchwrapper {
    position: relative;
    display: inline-block;
    margin-right: 5px; }
    .icatviewer .buttonsearchwrapper .buttonsearch.button-pressed {
      background: #A2633C;
      color: #fff;
      width: 100px;
      font-weight: normal;
      font-size: 14px; }
    .icatviewer .buttonsearchwrapper .buttonsearch.button-pressed .icon:before {
      content: "\e902" !important;
      font-size: 15px;
      margin-right: 8px;
      color: #fff; }
    .icatviewer .buttonsearchwrapper .buttonsearch.button-pressed .icon-after {
      float: right; }
    .icatviewer .buttonsearchwrapper .searchpanel {
      width: 460px;
      max-height: 0;
      position: absolute;
      z-index: 99;
      top: 34px;
      right: 1px;
      border-radius: 0px;
      text-align: left;
      overflow: hidden; }
      .icatviewer .buttonsearchwrapper .searchpanel.show {
        max-height: 54px; }
      .icatviewer .buttonsearchwrapper .searchpanel .buttonsearchinner {
        background: #A2633C;
        border: 0px solid #A2633C;
        padding: 10px;
        box-sizing: border-box;
        color: #323232; }
        .icatviewer .buttonsearchwrapper .searchpanel .buttonsearchinner form {
          width: 100%;
          height: 100%; }
        .icatviewer .buttonsearchwrapper .searchpanel .buttonsearchinner input {
          background: #fff;
          border-width: 1px;
          border-style: solid;
          border-color: #CCCCCC;
          padding: 5px 40px 5px 5px;
          font-size: 15px;
          font-style: normal;
          font-weight: normal;
          height: 34px;
          box-sizing: border-box;
          margin-right: 5px;
          width: 100%;
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
        .icatviewer .buttonsearchwrapper .searchpanel .buttonsearchinner button {
          position: absolute;
          top: 0;
          right: 0;
          background: none;
          border: none;
          color: #747474;
          height: 34px;
          line-height: 25px;
          box-sizing: border-box;
          width: 50px; }
  .icatviewer .icon-search {
    top: -2px; }
    .icatviewer .icon-search:before {
      content: "\e90e";
      font-size: 20px;
      color: #A2633C; }
  .icatviewer .wrapper-buttonchapter-complete .chapterpanel {
    width: 360px;
    max-height: 0;
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0%);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    text-align: left;
    color: #323232;
    overflow: hidden; }
    .icatviewer .wrapper-buttonchapter-complete .chapterpanel.show {
      max-height: 600px;
      background: #fff;
      border: 1px solid #C0C0C0;
      xbox-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }
    .icatviewer .wrapper-buttonchapter-complete .chapterpanel .chapter-current-title {
      height: 35px;
      line-height: 35px;
      position: relative;
      overflow: hidden;
      font-size: 16px;
      padding: 0 5px 0 15px;
      box-sizing: border-box; }
      .icatviewer .wrapper-buttonchapter-complete .chapterpanel .chapter-current-title .title-symbol {
        display: none;
        font-size: 20px;
        top: -2px;
        position: relative;
        padding-right: 12px; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel .chapter-current-title .title-symbol:before {
          content: "\25A0"; }
      .icatviewer .wrapper-buttonchapter-complete .chapterpanel .chapter-current-title .close {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        cursor: pointer;
        font-size: 12px;
        vertical-align: middle;
        text-align: center;
        color: #000; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel .chapter-current-title .close:hover {
          color: #333333; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel .chapter-current-title .close:before {
          font-family: 'icomoon';
          content: "\e902"; }
    .icatviewer .wrapper-buttonchapter-complete .chapterpanel .chapter-list {
      overflow: auto;
      height: 555px; }
    .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li {
        border-bottom: 1px solid #dfdfdf;
        padding: 5px;
        height: 35px;
        line-height: 24px;
        box-sizing: border-box;
        text-align: left; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li:hover {
          background: #f3f3f3;
          cursor: pointer; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-current {
          background: #f3f3f3; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-0 {
          font-size: 15px;
          padding-left: 16px; }
          .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-0 .symbol {
            display: none; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-1 {
          padding-left: 39px;
          font-size: 13px; }
          .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-1 .symbol {
            display: none; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-2 {
          padding-left: 39px;
          font-size: 13px; }
          .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-2 .symbol {
            display: none; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-3 {
          padding-left: 39px;
          font-size: 13px; }
          .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-3 .symbol {
            display: none; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-4 {
          padding-left: 39px;
          font-size: 13px; }
          .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-4 .symbol {
            display: none; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-5 {
          padding-left: 39px;
          font-size: 13px; }
          .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.option-level-5 .symbol {
            display: none; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li.has-children {
          font-weight: bold; }
        .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li .symbol {
          font-size: 15px;
          float: left;
          top: -2px;
          position: relative;
          padding-right: 14px; }
          .icatviewer .wrapper-buttonchapter-complete .chapterpanel ul li .symbol:before {
            content: "\25A0"; }
  .icatviewer .modal {
    display: block;
    border-radius: 0px;
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
    z-index: 50;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); }
    .icatviewer .modal .modal-close {
      position: absolute;
      top: 15px;
      right: 20px;
      width: 26px;
      height: 26px;
      line-height: 26px;
      cursor: pointer;
      font-size: 12px;
      vertical-align: middle;
      text-align: center;
      border-radius: 13px;
      color: #666;
      z-index: 52; }
      .icatviewer .modal .modal-close:hover {
        color: #718331;
        border-radius: 13px; }
    .icatviewer .modal .modal-content {
      height: 100%;
      position: relative;
      width: 100%;
      z-index: 51; }
  .icatviewer .modal-hidden {
    display: none; }

@keyframes fadein {
  0% {
    opacity: 0; }
  25% {
    opacity: 0.25; }
  50% {
    opacity: 0.5; }
  75% {
    opacity: 0.75; }
  100% {
    opacity: 1; } }
  .icatviewer #modal-print {
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 15px 25px;
    font-size: 14px;
    color: #323232; }
    .icatviewer #modal-print h3 {
      font-size: 24px;
      font-weight: 300;
      margin: 0 0 25px 20px; }
    .icatviewer #modal-print #pages {
      display: table;
      width: 100%; }
      .icatviewer #modal-print #pages .pagebox {
        display: table-cell;
        text-align: center;
        padding: 20px 20px;
        vertical-align: top; }
        .icatviewer #modal-print #pages .pagebox:hover {
          background: #d7e1b5;
          cursor: pointer; }
        .icatviewer #modal-print #pages .pagebox .image {
          margin-bottom: 40px; }
          .icatviewer #modal-print #pages .pagebox .image img {
            display: inline-block; }
        .icatviewer #modal-print #pages .pagebox .label {
          font-size: 20px;
          width: 100%;
          text-align: center; }
      .icatviewer #modal-print #pages .pagebox-inactive {
        pointer-events: none; }
        .icatviewer #modal-print #pages .pagebox-inactive:hover {
          pointer-events: none;
          background: inherit; }
      .icatviewer #modal-print #pages .leftbox .image {
        background: none; }
      .icatviewer #modal-print #pages .rightbox .image {
        background: none; }
      .icatviewer #modal-print #pages .doublepage .image {
        background: none; }
  .icatviewer #modal-share {
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 15px 25px 30px 25px;
    font-size: 14px;
    color: #666; }
    .icatviewer #modal-share h3 {
      font-size: 24px;
      font-weight: 300;
      margin: 0 0 25px 0px; }
    .icatviewer #modal-share #shares {
      display: table;
      width: 100%;
      padding-bottom: 10px; }
      .icatviewer #modal-share #shares .sharebox {
        display: table-cell;
        height: 69px;
        width: 141px;
        text-align: center;
        padding-right: 10px; }
        .icatviewer #modal-share #shares .sharebox:last-child {
          padding-right: 0; }
        .icatviewer #modal-share #shares .sharebox.google {
          background-image: url("img/google.png");
          background-position: bottom left;
          background-repeat: no-repeat; }
        .icatviewer #modal-share #shares .sharebox.facebook {
          background-image: url("img/facebook.png");
          background-position: bottom left;
          background-repeat: no-repeat; }
        .icatviewer #modal-share #shares .sharebox.pinterest {
          background-image: url("img/pinterest.png");
          background-position: bottom left;
          background-repeat: no-repeat; }
        .icatviewer #modal-share #shares .sharebox:hover {
          background-position: top left; }
  .icatviewer .modal-search {
    width: 65%;
    height: 80%;
    box-sizing: border-box;
    padding: 15px 25px;
    font-size: 14px;
    overflow: hidden;
    color: #666; }
    .icatviewer .modal-search .table {
      display: table;
      width: 100%;
      height: 100%; }
    .icatviewer .modal-search .table-row {
      display: table-row;
      height: 100%; }
    .icatviewer .modal-search .table-cell {
      display: table-cell; }
    .icatviewer .modal-search .result-cell {
      height: 100%; }
    .icatviewer .modal-search #search-header {
      height: 120px; }
      .icatviewer .modal-search #search-header h3 {
        float: left;
        margin: 0;
        font-size: 24px;
        font-weight: 300; }
      .icatviewer .modal-search #search-header #header-content {
        margin-left: 200px;
        margin-bottom: 10px; }
      .icatviewer .modal-search #search-header #headertext {
        font-size: 14px;
        margin-bottom: 10px;
        color: #818181; }
    .icatviewer .modal-search #search-content {
      height: 100%;
      position: relative; }
    .icatviewer .modal-search #searchresults-wrapper {
      position: relative;
      width: 100%;
      height: 100%; }
      @media screen and (min-width: 0\0) {
        .icatviewer .modal-search #searchresults-wrapper {
          height: calc(100% - 120px);
          /* >IE9 */ } }
    @media all and (-ms-high-contrast: none) {
      .icatviewer .modal-search {
        /* IE10 */
        /* IE11 */ }
        .icatviewer .modal-search #searchresults-wrapper {
          height: calc(100% - 120px); }
        .icatviewer .modal-search *::-ms-backdrop, .icatviewer .modal-search #searchresults-wrapper {
          height: 100%; } }
    .icatviewer .modal-search #scroll-container {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      overflow: auto; }
    .icatviewer .modal-search .search-message {
      display: block;
      text-align: center;
      margin-top: 130px;
      height: auto; }
      .icatviewer .modal-search .search-message .ajax-loader {
        height: 40px;
        width: 40px; }
  .icatviewer .hover {
    width: auto;
    height: auto;
    box-sizing: border-box;
    font-size: 14px;
    padding: 30px 25px; }
    .icatviewer .hover.hover-left {
      left: 0;
      right: auto;
      transform: none; }
    .icatviewer .hover.hover-right {
      left: auto;
      right: 0;
      transform: none; }
    .icatviewer .hover h3 {
      font-size: 24px;
      font-weight: 300;
      margin: 0 0 30px 20px; }
  .icatviewer .product-template {
    width: 100%;
    height: auto;
    padding: 0;
    font-family: Arial, 'Lucida Sans Unicode', sans-serif;
    position: relative;
    box-sizing: border-box;
    font-size: 17px;
    color: #323232; }
    .icatviewer .product-template .article h2 {
      font-size: 20px;
      margin-top: 0;
      margin-bottom: 5px; }
    .icatviewer .product-template .article h3 {
      font-size: 15px;
      font-weight: normal;
      margin-top: 0px;
      margin-left: 0; }
    .icatviewer .product-template .article h4 {
      margin: 0 0 5px 0;
      font-weight: normal;
      font-size: 15px;
      color: #A2633C; }
    .icatviewer .product-template .article div.main {
      position: relative;
      overflow: hidden; }
    .icatviewer .product-template .article .reduced-text {
      height: 150px; }
    .icatviewer .product-template .article .product-image {
      float: left;
      padding-right: 10px;
      padding-bottom: 10px; }
    .icatviewer .product-template .article div.extra {
      border-top: 1px solid #ddd;
      padding-top: 10px;
      margin-top: 10px;
      position: relative;
      overflow: hidden; }
      .icatviewer .product-template .article div.extra p:last-child {
        margin-bottom: 0; }
    .icatviewer .product-template .article .reduced-extra {
      height: 80px; }
    .icatviewer .product-template .article a, .icatviewer .product-template .article a:link, .icatviewer .product-template .article a:active, .icatviewer .product-template .article a:focus, .icatviewer .product-template .article span {
      text-decoration: none !important;
      color: #323232 !important; }
    .icatviewer .product-template .article div.more-infos {
      margin-top: 10px;
      text-align: right;
      xfont-size: 14px;
      font-style: italic; }
    .icatviewer .product-template .article div.pricebox {
      border-top: 1px solid #ddd;
      margin-top: 15px;
      padding-top: 10px; }
    .icatviewer .product-template .article .table {
      display: table;
      width: 100%; }
    .icatviewer .product-template .article .row {
      display: table-row; }
    .icatviewer .product-template .article .cell {
      display: table-cell;
      width: 50%; }
    .icatviewer .product-template .article .cell-1 {
      text-align: left;
      padding-left: 10px; }
    .icatviewer .product-template .article .cell-2 {
      text-align: right;
      padding-right: 10px; }
    .icatviewer .product-template .article .price {
      font-size: 28px;
      font-weight: bold;
      color: #000;
      margin-bottom: 5px; }
    .icatviewer .product-template .article .price-old {
      text-decoration: line-through; }
    .icatviewer .product-template .article .percent {
      font-size: 28px;
      font-weight: bold;
      color: #c00;
      margin-bottom: 5px; }
    .icatviewer .product-template .article .logobox {
      border-top: 1px solid #ddd;
      margin-top: 20px;
      padding-top: 15px;
      margin-bottom: -15px; }
    .icatviewer .product-template .article .logo-image {
      margin-right: 25px; }
    .icatviewer .product-template .article .blend {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0; }
    .icatviewer .product-template .article-minified .footer {
      border-top: none; }
    .icatviewer .product-template .page {
      font-size: 14px; }
      .icatviewer .product-template .page h2 {
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 5px; }
      .icatviewer .product-template .page .description-text {
        position: relative;
        overflow: hidden; }
      .icatviewer .product-template .page .reduced-text {
        height: 150px; }
      .icatviewer .product-template .page .blend {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 70%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0; }
      .icatviewer .product-template .page .nodata {
        font-size: 13px; }
      .icatviewer .product-template .page .footer {
        padding-top: 15px;
        text-align: right;
        font-size: 13px; }
  .icatviewer .order {
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 15px 25px;
    font-size: 14px; }
    .icatviewer .order h3 {
      font-size: 24px;
      font-weight: 300;
      margin: 0 0 30px 20px; }
    .icatviewer .order #pages {
      display: table;
      width: 100%; }
      .icatviewer .order #pages .pagebox {
        display: table-cell;
        width: 182px;
        text-align: center;
        padding: 20px 20px; }
        .icatviewer .order #pages .pagebox:hover {
          background: #efefef; }
        .icatviewer .order #pages .pagebox .image {
          margin-bottom: 40px;
          height: 160px; }
        .icatviewer .order #pages .pagebox .label {
          font-size: 20px; }
      .icatviewer .order #pages .leftpage {
        width: 25%; }
        .icatviewer .order #pages .leftpage .image {
          background: none; }
      .icatviewer .order #pages .rightpage {
        width: 25%; }
        .icatviewer .order #pages .rightpage .image {
          background: none; }
      .icatviewer .order #pages .doublepage {
        width: 50%; }
        .icatviewer .order #pages .doublepage .image {
          background: none; }
  .icatviewer #modal-overview {
    box-sizing: border-box;
    color: #323232;
    font-size: 14px;
    height: 98%;
    padding: 15px 25px;
    width: 98%; }
    .icatviewer #modal-overview h3 {
      font-size: 24px;
      font-weight: 300;
      margin: 0 0 25px 20px; }
    .icatviewer #modal-overview .scrollbox {
      bottom: 0;
      left: 0;
      overflow: auto;
      position: absolute;
      right: 0;
      top: 50px; }
    .icatviewer #modal-overview .table {
      position: relative;
      display: table;
      width: 100%;
      height: 100%; }
    .icatviewer #modal-overview .table-row {
      display: table-row;
      position: relative; }
    .icatviewer #modal-overview .table-cell {
      display: table-cell; }
    .icatviewer #modal-overview .body {
      height: 100%; }
    .icatviewer #modal-overview .body-content-outer-wrapper {
      height: 100%;
      position: relative;
      overflow: auto; }
    .icatviewer #modal-overview .body-content-inner-wrapper {
      height: 100%;
      position: relative;
      overflow: auto; }
    .icatviewer #modal-overview .body-content {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .icatviewer #modal-overview .thumbnail {
      cursor: pointer; }
    .icatviewer #modal-overview .thumbnail-pair {
      display: inline-block;
      height: 128px;
      margin: 5px;
      width: 234px;
      border: 1px solid #fff;
      opacity: 1; }
      .icatviewer #modal-overview .thumbnail-pair:hover {
        /*animation: wabern;*/
        animation-iteration-count: infinite;
        animation-duration: 0.5s;
        animation-direction: alternate;
        border: 1px solid #718331;
        opacity: 1;
        box-shadow: 0 0 5px 0 rgba(113, 131, 49, 0.8); }
    .icatviewer #modal-overview .thumbnail-isCurrent {
      /*animation: wabern;*/
      animation-iteration-count: infinite;
      animation-duration: 0.5s;
      animation-direction: alternate;
      border: 1px solid #718331;
      opacity: 1; }

@keyframes wabern {
  from {
    opacity: 1; }
  to {
    opacity: 0.6; } }
  .icatviewer #modal-download {
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 15px 25px 40px 15px;
    font-size: 14px;
    color: #323232; }
    .icatviewer #modal-download h3 {
      font-size: 24px;
      font-weight: 300;
      margin: 0 0 25px 20px; }
    .icatviewer #modal-download #pages {
      display: table;
      width: 100%; }
      .icatviewer #modal-download #pages .pagebox {
        display: table-cell;
        text-align: center;
        padding: 20px 20px;
        vertical-align: top; }
        .icatviewer #modal-download #pages .pagebox:hover {
          background: #d7e1b5;
          cursor: pointer; }
        .icatviewer #modal-download #pages .pagebox .image {
          margin-bottom: 30px; }
          .icatviewer #modal-download #pages .pagebox .image img {
            display: inline-block; }
        .icatviewer #modal-download #pages .pagebox .label {
          font-size: 16px;
          font-weight: normal;
          width: 100%;
          text-align: center; }
      .icatviewer #modal-download #pages .pagebox-inactive {
        pointer-events: none; }
        .icatviewer #modal-download #pages .pagebox-inactive:hover {
          pointer-events: none;
          background: inherit; }
      .icatviewer #modal-download #pages .leftbox .image {
        background: none; }
      .icatviewer #modal-download #pages .rightbox .image {
        background: none; }
      .icatviewer #modal-download #pages .doublepage .image {
        background: none; }
  .icatviewer .zi {
    height: 100%; }
  .icatviewer .goto-page {
    width: 90px;
    text-align: center; }
  .icatviewer .input-search {
    width: 134px; }
  .icatviewer .input-search-margin {
    margin-right: 10px; }
  .icatviewer .wrapper-buttonzoomlevelout {
    margin-right: 10px; }
  .icatviewer .wrapper-inputbutton .wrapper {
    float: right; }
  .icatviewer .input-goto-button {
    background: #fff;
    color: #fff;
    font-weight: normal;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: none;
    width: 36px;
    height: 35px;
    margin-left: -1px; }
    .icatviewer .input-goto-button:hover {
      background: #fff;
      color: #fff;
      border-color: #C0C0C0; }
    .icatviewer .input-goto-button:active {
      background: #fff;
      color: #fff;
      border-top: 1px solid #C0C0C0;
      border-right: 1px solid #C0C0C0;
      border-bottom: 1px solid #C0C0C0;
      border-left: none; }
    .icatviewer .input-goto-button:hover .icon {
      background: inherit;
      color: #A2633C; }
    .icatviewer .input-goto-button .icon {
      color: #A0A0A0;
      font-size: 18px; }
  .icatviewer .goto-page:focus + div button {
    border-color: #A2633C; }
  .icatviewer .input-search-button {
    background: #fff;
    color: #fff;
    font-weight: normal;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: none;
    width: 36px;
    height: 35px;
    margin-left: -1px; }
    .icatviewer .input-search-button:hover {
      background: #fff;
      color: #fff;
      border-color: #C0C0C0; }
    .icatviewer .input-search-button:active {
      background: #fff;
      color: #fff;
      border-top: 1px solid #C0C0C0;
      border-right: 1px solid #C0C0C0;
      border-bottom: 1px solid #C0C0C0;
      border-left: none; }
    .icatviewer .input-search-button:hover .icon {
      background: inherit;
      color: #A2633C; }
      .icatviewer .input-search-button:hover .icon:before {
        color: #A2633C; }
    .icatviewer .input-search-button .icon {
      color: #A0A0A0;
      font-size: 19px;
      top: -2px; }
      .icatviewer .input-search-button .icon:before {
        color: #A0A0A0; }
  .icatviewer .input-search:focus + div button {
    border-color: #A2633C; }
  .icatviewer .input-modal-search {
    width: 300px; }
  .icatviewer .wrapper-selectchapter {
    margin-left: -55px; }
  .icatviewer .autowidth {
    width: auto; }
  .icatviewer .inputmodal-search {
    width: 300px; }
  .icatviewer .bookmark-fix {
    top: -1; }
  .icatviewer .buttonbookmarkleft {
    margin-left: -14px; }
  .icatviewer .buttonbookmarkright {
    margin-right: -14px; }
  .icatviewer .goto-page-margin {
    margin-left: 5px; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?submlx");
  src: url("fonts/icomoon.eot?submlx#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?submlx") format("truetype"), url("fonts/icomoon.woff?submlx") format("woff"), url("fonts/icomoon.svg?submlx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
