/*
 * Icons: SVGs in ../icons are used as mask, so they take the current text color.
 * Classes are set in assets/dflip/js/dflip.js (DFLIP.defaults.icons).
 * Order matters: toggled icons (pause, book) must come after their counterpart (play, file).
 */
[class^=flipbert-icon-]:before,
[class*=" flipbert-icon-"]:before,
.df-outline-toggle:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: top;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.flipbert-icon-arrows-corner:before {
  -webkit-mask-image: url("../icons/arrows-corner.svg");
  mask-image: url("../icons/arrows-corner.svg");
}

.flipbert-icon-chevron-double-left:before {
  -webkit-mask-image: url("../icons/chevron-double-left.svg");
  mask-image: url("../icons/chevron-double-left.svg");
}

.flipbert-icon-chevron-double-right:before {
  -webkit-mask-image: url("../icons/chevron-double-right.svg");
  mask-image: url("../icons/chevron-double-right.svg");
}

.flipbert-icon-chevron-left:before {
  -webkit-mask-image: url("../icons/chevron-left.svg");
  mask-image: url("../icons/chevron-left.svg");
}

.flipbert-icon-chevron-right:before {
  -webkit-mask-image: url("../icons/chevron-right.svg");
  mask-image: url("../icons/chevron-right.svg");
}

.flipbert-icon-close:before {
  -webkit-mask-image: url("../icons/close.svg");
  mask-image: url("../icons/close.svg");
}

.flipbert-icon-envelope:before {
  -webkit-mask-image: url("../icons/envelope.svg");
  mask-image: url("../icons/envelope.svg");
}

.flipbert-icon-expand-arrows-alt:before {
  -webkit-mask-image: url("../icons/expand-arrows-alt.svg");
  mask-image: url("../icons/expand-arrows-alt.svg");
}

.flipbert-icon-facebook:before {
  -webkit-mask-image: url("../icons/facebook.svg");
  mask-image: url("../icons/facebook.svg");
}

.flipbert-icon-file-download:before {
  -webkit-mask-image: url("../icons/file-download.svg");
  mask-image: url("../icons/file-download.svg");
}

.flipbert-icon-file:before {
  -webkit-mask-image: url("../icons/file.svg");
  mask-image: url("../icons/file.svg");
}

.flipbert-icon-book:before {
  -webkit-mask-image: url("../icons/book.svg");
  mask-image: url("../icons/book.svg");
}

.flipbert-icon-google:before {
  -webkit-mask-image: url("../icons/google.svg");
  mask-image: url("../icons/google.svg");
}

.flipbert-icon-help:before {
  -webkit-mask-image: url("../icons/help.svg");
  mask-image: url("../icons/help.svg");
}

.flipbert-icon-list:before {
  -webkit-mask-image: url("../icons/list.svg");
  mask-image: url("../icons/list.svg");
}

.flipbert-icon-more:before {
  -webkit-mask-image: url("../icons/more.svg");
  mask-image: url("../icons/more.svg");
}

.flipbert-icon-play:before {
  -webkit-mask-image: url("../icons/play.svg");
  mask-image: url("../icons/play.svg");
}

.flipbert-icon-pause:before {
  -webkit-mask-image: url("../icons/pause.svg");
  mask-image: url("../icons/pause.svg");
}

.flipbert-icon-search-minus:before {
  -webkit-mask-image: url("../icons/search-minus.svg");
  mask-image: url("../icons/search-minus.svg");
}

.flipbert-icon-search-plus:before {
  -webkit-mask-image: url("../icons/search-plus.svg");
  mask-image: url("../icons/search-plus.svg");
}

.flipbert-icon-share:before {
  -webkit-mask-image: url("../icons/share.svg");
  mask-image: url("../icons/share.svg");
}

.flipbert-icon-th-large:before {
  -webkit-mask-image: url("../icons/th-large.svg");
  mask-image: url("../icons/th-large.svg");
}

.flipbert-icon-volume:before {
  -webkit-mask-image: url("../icons/volume.svg");
  mask-image: url("../icons/volume.svg");
}

.flipbert-icon-x-twitter:before {
  -webkit-mask-image: url("../icons/x-twitter.svg");
  mask-image: url("../icons/x-twitter.svg");
}

.df-outline-toggle:before {
  -webkit-mask-image: url("../icons/chevron-right.svg");
  mask-image: url("../icons/chevron-right.svg");
  font-family: inherit;
  font-size: 10px;
  transform: rotate(90deg);
}

.df-outline-toggle.df-outlines-hidden:before {
  transform: none;
}

body.flipbook-lightbox-open {
  overflow-y: hidden;
}

.flipbook.df-floating .df-ui-controls:before, .flipbook .df-floating .df-ui-controls:before, .df-lightbox-wrapper.df-floating .df-ui-controls:before, .df-lightbox-wrapper .df-floating .df-ui-controls:before {
  content: "";
  position: absolute;
  left: calc(100% + 3px);
  top: 0;
  bottom: 0;
  height: 42px;
  width: 42px;
  background-image: url("/bundles/flipbert/img/flipbert_logo.svg");
  background-repeat: no-repeat;
}
.flipbook.df-floating .df-ui-controls:after, .flipbook .df-floating .df-ui-controls:after, .df-lightbox-wrapper.df-floating .df-ui-controls:after, .df-lightbox-wrapper .df-floating .df-ui-controls:after {
  content: "made with flipbert.at";
  position: absolute;
  left: calc(100% + 50px);
  top: 50%;
  color: #FF652A;
  font-size: 10px;
  white-space: nowrap;
  transform: translate3d(0, -50%, 0);
}
.flipbook.df-floating .df-ui-wrapper, .flipbook .df-floating .df-ui-wrapper, .df-lightbox-wrapper.df-floating .df-ui-wrapper, .df-lightbox-wrapper .df-floating .df-ui-wrapper {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.flipbook.df-floating .df-ui-wrapper .df-ui-btn, .flipbook .df-floating .df-ui-wrapper .df-ui-btn, .df-lightbox-wrapper.df-floating .df-ui-wrapper .df-ui-btn, .df-lightbox-wrapper .df-floating .df-ui-wrapper .df-ui-btn {
  background: none;
  color: white;
}
.flipbook.df-floating .df-ui-wrapper .df-ui-btn:hover, .flipbook .df-floating .df-ui-wrapper .df-ui-btn:hover, .df-lightbox-wrapper.df-floating .df-ui-wrapper .df-ui-btn:hover, .df-lightbox-wrapper .df-floating .df-ui-wrapper .df-ui-btn:hover {
  color: black;
}
.flipbook.df-floating .df-ui-wrapper .df-ui-more .more-container, .flipbook .df-floating .df-ui-wrapper .df-ui-more .more-container, .df-lightbox-wrapper.df-floating .df-ui-wrapper .df-ui-more .more-container, .df-lightbox-wrapper .df-floating .df-ui-wrapper .df-ui-more .more-container {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.flipbook.df-floating .df-ui-wrapper .df-ui-more .more-container:before, .flipbook .df-floating .df-ui-wrapper .df-ui-more .more-container:before, .df-lightbox-wrapper.df-floating .df-ui-wrapper .df-ui-more .more-container:before, .df-lightbox-wrapper .df-floating .df-ui-wrapper .df-ui-more .more-container:before {
  border-top-color: rgba(0, 0, 0, 0.3);
}
.flipbook.df-floating .df-ui-wrapper .df-ui-page input, .flipbook .df-floating .df-ui-wrapper .df-ui-page input, .df-lightbox-wrapper.df-floating .df-ui-wrapper .df-ui-page input, .df-lightbox-wrapper .df-floating .df-ui-wrapper .df-ui-page input {
  border-color: white;
}
.flipbook.df-floating .df-ui-wrapper .df-ui-page input:focus, .flipbook .df-floating .df-ui-wrapper .df-ui-page input:focus, .df-lightbox-wrapper.df-floating .df-ui-wrapper .df-ui-page input:focus, .df-lightbox-wrapper .df-floating .df-ui-wrapper .df-ui-page input:focus {
  outline: 0;
}
.flipbook.df-floating .df-ui-wrapper .df-ui-page label, .flipbook .df-floating .df-ui-wrapper .df-ui-page label, .df-lightbox-wrapper.df-floating .df-ui-wrapper .df-ui-page label, .df-lightbox-wrapper .df-floating .df-ui-wrapper .df-ui-page label {
  color: white;
}
.flipbook.df-floating .df-ui-sidemenu-close, .flipbook .df-floating .df-ui-sidemenu-close, .df-lightbox-wrapper.df-floating .df-ui-sidemenu-close, .df-lightbox-wrapper .df-floating .df-ui-sidemenu-close {
  border-radius: 0;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-size: 17px;
}
.flipbook.df-floating .df-ui-sidemenu-close:before, .flipbook .df-floating .df-ui-sidemenu-close:before, .df-lightbox-wrapper.df-floating .df-ui-sidemenu-close:before, .df-lightbox-wrapper .df-floating .df-ui-sidemenu-close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.flipbook.df-floating .df-ui-sidemenu-close:hover, .flipbook .df-floating .df-ui-sidemenu-close:hover, .df-lightbox-wrapper.df-floating .df-ui-sidemenu-close:hover, .df-lightbox-wrapper .df-floating .df-ui-sidemenu-close:hover {
  color: black;
}
.flipbook.df-floating .df-share-box, .flipbook .df-floating .df-share-box, .df-lightbox-wrapper.df-floating .df-share-box, .df-lightbox-wrapper .df-floating .df-share-box {
  border-radius: 0;
}
.flipbook.df-floating .df-share-box textarea, .flipbook .df-floating .df-share-box textarea, .df-lightbox-wrapper.df-floating .df-share-box textarea, .df-lightbox-wrapper .df-floating .df-share-box textarea {
  resize: none;
  border-radius: 0;
}
.flipbook.df-floating.df-controls-right .df-ui-controls, .flipbook.df-floating.df-controls-left .df-ui-controls, .flipbook .df-floating.df-controls-right .df-ui-controls, .flipbook .df-floating.df-controls-left .df-ui-controls, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  flex-flow: column;
  height: auto;
  width: 40px;
  margin: 0;
}
.flipbook.df-floating.df-controls-right .df-ui-controls:after, .flipbook.df-floating.df-controls-left .df-ui-controls:after, .flipbook .df-floating.df-controls-right .df-ui-controls:after, .flipbook .df-floating.df-controls-left .df-ui-controls:after, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls:after, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls:after, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls:after, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls:after {
  display: none;
}
.flipbook.df-floating.df-controls-right .df-ui-controls:before, .flipbook.df-floating.df-controls-left .df-ui-controls:before, .flipbook .df-floating.df-controls-right .df-ui-controls:before, .flipbook .df-floating.df-controls-left .df-ui-controls:before, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls:before, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls:before, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls:before, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls:before {
  top: calc(100% + 3px);
  left: 0;
  width: 40px;
  height: 40px;
}
.flipbook.df-floating.df-controls-right .df-ui-controls .df-ui-btn, .flipbook.df-floating.df-controls-left .df-ui-controls .df-ui-btn, .flipbook .df-floating.df-controls-right .df-ui-controls .df-ui-btn, .flipbook .df-floating.df-controls-left .df-ui-controls .df-ui-btn, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls .df-ui-btn, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls .df-ui-btn, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls .df-ui-btn, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls .df-ui-btn {
  width: 100%;
}
.flipbook.df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-next, .flipbook.df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-next, .flipbook .df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-next, .flipbook .df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-next, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-next, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-next, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-next, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-next {
  border: none;
}
.flipbook.df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container, .flipbook.df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container, .flipbook .df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container, .flipbook .df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container {
  display: flex;
  flex-flow: column;
}
.flipbook.df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span, .flipbook.df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span, .flipbook .df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span, .flipbook .df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls .df-ui-btn.df-ui-more.df-active .more-container .df-ui-btn span {
  white-space: nowrap;
}
.flipbook.df-floating.df-controls-right .df-ui-controls, .flipbook .df-floating.df-controls-right .df-ui-controls, .df-lightbox-wrapper.df-floating.df-controls-right .df-ui-controls, .df-lightbox-wrapper .df-floating.df-controls-right .df-ui-controls {
  left: auto;
  right: 50px;
}
.flipbook.df-floating.df-controls-left .df-ui-controls, .flipbook .df-floating.df-controls-left .df-ui-controls, .df-lightbox-wrapper.df-floating.df-controls-left .df-ui-controls, .df-lightbox-wrapper .df-floating.df-controls-left .df-ui-controls {
  left: 50px;
  right: auto;
}
.flipbook.df-floating.df-controls-top .df-ui-controls, .flipbook .df-floating.df-controls-top .df-ui-controls, .df-lightbox-wrapper.df-floating.df-controls-top .df-ui-controls, .df-lightbox-wrapper .df-floating.df-controls-top .df-ui-controls {
  bottom: auto;
  top: 10px;
}
@media (max-width: 767px) {
  .flipbook.df-floating.df-controls-top .df-ui-controls, .flipbook .df-floating.df-controls-top .df-ui-controls, .df-lightbox-wrapper.df-floating.df-controls-top .df-ui-controls, .df-lightbox-wrapper .df-floating.df-controls-top .df-ui-controls {
    top: 50px;
  }
}
.flipbook-row {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .flipbook-row {
    flex-flow: column;
    align-items: center;
  }
}
.flipbook-row ._df_book-cover {
  background-size: cover;
  background-position: center;
}

.df-lightbox-wrapper .df-floating .df-3dcanvas:after {
  bottom: 5px;
}
@media (max-width: 767px) {
  .df-lightbox-wrapper .df-lightbox-controls {
    float: none;
  }
  .df-lightbox-wrapper .df-lightbox-controls .df-lightbox-close {
    float: none;
    margin: 0 auto;
    display: block;
  }
}