@charset "utf-8";
/* CSS Document */
@media (max-width: 575.98px) {
  .owl-carousel {
    padding-left: 50px;
    padding-right: 50px;
  }
  .owl-carousel .book {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 576px) {
  .owl-carousel {
    padding-left: 60px;
    padding-right: 60px;
  }
  .owl-carousel .book {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.owl-carousel .book {
  padding-top: 10px;
}
.owl-carousel .card {
  background-color: rgba(255, 255, 255, 1);
  width: 268px;
  padding: 10px 10px 15px 10px;
  margin-left: auto;
  margin-right: auto;
}
.owl-carousel .card img {
  margin: 10px auto 0px auto;
  border-radius: 4px;
}
.owl-carousel .owl-nav button.owl-prev {
  left: 0px;
}
.owl-carousel .owl-nav button.owl-next {
  right: 0px;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #aaa;
  border-radius: 50%;
  bottom: 50%;
}
.owl-nav button span {
  font-size: 25px;
  height: 100%;
  display: block;
  width: 100%;
}
button {
  background-color: #ddd;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: rgba(134, 141, 155, .4);
  border: 1px solid rgba(255, 255, 255, .2);
}