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

.bb-custom-wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto 40px;
  text-align: center;
}

.bb-custom-wrapper .bb-bookblock {
  box-shadow: 0 12px 20px -10px rgba(81, 64, 49, 0.6);
}

.bb-custom-wrapper .bb-bookblock img {
  width: 100%;
  object-fit: contain;
}

.bb-custom-wrapper h3 {
  font-size: 1.4em;
  font-weight: 300;
  margin: 0.4em 0 1em;
}

.bb-custom-wrapper nav {
  width: 100%;
  height: 30px;
  margin: 1em auto 0;
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
}

.bb-custom-wrapper nav span {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 2px;
  background: #72b890;
  color: #fff;
  font-size: 0;
  margin: 2px;
}

.bb-custom-wrapper nav span:hover {
  opacity: 0.6;
}

.bb-custom-icon:before {
  font-family: "arrows";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  line-height: 30px;
  display: block;
  -webkit-font-smoothing: antialiased;
}

.bb-custom-icon-first:before,
.bb-custom-icon-last:before {
  content: "\e002";
}

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-arrow-right:before {
  content: "\e003";
}

.bb-custom-icon-arrow-left:before,
.bb-custom-icon-first:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* No JS */
.no-js .bb-custom-wrapper {
  height: auto;
}

.no-js .bb-custom-content {
  height: 470px;
}