.audiobook-container {
  /*background: red;*/
  width: 0;
  height: 100%;
  left: 0;
  z-index: 99999999;
  top: 0;
  position: fixed;
  visibility: visible;
  transition: all 0.5s ease 0s;
  padding: 0;
  margin: 0;
  display: block;
}

.container.audiobook-container {
}

#chapters {
  display: block;
  width: 100%;
  height: 50%;
  overflow: auto;
}

.timecode {
  right: 20px;
  position: absolute;
}

.timetable {
  /*padding: 15px;*/
  /*margin-bottom: 6px;*/
  padding-top: 15px;
}

.timetable li {
  padding-bottom: 10px;
}

.swiper-container.swiper-container-a {
  /*height: 500px;*/
  max-height: 100%;
  /*display: block!important;*/
  width: 100%;
  height: 100%;
  display: block;
  /*background: blue;*/
  float: left;
}

#chapters li {
  cursor: pointer;
}

.audioholder {
  width: 100%;
  /*height: 15%;*/
  /*position: absolute;*/
  /*margin-bottom: 20px;*/
  /*left: 0;*/
  /*bottom: 0;*/
  padding-top: 30px;
  align-self: center;
  margin: auto;
  display: block;
  /*background: red;*/
}

.audio {
  width: 100%;
  /*border-radius: 0!important;*/
}

.nav-link {
  /*padding: 0;*/
}

.navp {
  font-size: 12px;
}

.sider {
  position: fixed;
  right: 0;
  top: 0;
}

.iconz {
  margin-right: 20px;
}

.bookmarks {
  width: 17px;
  height: 20px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='20' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.2 1.84938e-07H8.15667H8.15664C6.93328 -8.04062e-06 5.9542 -1.4618e-05 5.16298 0.0646311C4.35075 0.130992 3.64882 0.270429 3.00305 0.599465C1.96816 1.12677 1.12677 1.96816 0.599465 3.00305C0.270429 3.64882 0.130992 4.35075 0.0646311 5.16298C-1.46255e-05 5.9542 -8.04062e-06 6.93328 1.84938e-07 8.15664V8.15667V8.2V13V19.9787C1.84938e-07 22.3155 2.55355 23.7551 4.55291 22.5455L9.48236 19.5632C9.8006 19.3706 10.1994 19.3706 10.5176 19.5632L15.4471 22.5455C17.4465 23.7551 20 22.3155 20 19.9787V13V8.2V8.15664C20 6.93328 20 5.9542 19.9354 5.16298C19.869 4.35075 19.7296 3.64882 19.4005 3.00305C18.8732 1.96816 18.0318 1.12677 16.9969 0.599465C16.3512 0.270429 15.6492 0.130992 14.837 0.0646311C14.0458 -1.46255e-05 13.0667 -8.04062e-06 11.8434 1.84938e-07H11.8433H11.8H8.2ZM2 13V19.9787C2 20.7576 2.85118 21.2375 3.51764 20.8343L8.44709 17.852C9.4018 17.2744 10.5982 17.2744 11.5529 17.852L16.4824 20.8343C17.1488 21.2375 18 20.7576 18 19.9787V13V8.2C18 6.92338 17.9992 6.02606 17.942 5.32584C17.8858 4.6373 17.78 4.22787 17.6185 3.91103C17.283 3.25247 16.7475 2.71704 16.089 2.38148C15.7721 2.22004 15.3627 2.11425 14.6742 2.05799C13.9739 2.00078 13.0766 2 11.8 2H8.2C6.92338 2 6.02606 2.00078 5.32584 2.05799C4.6373 2.11425 4.22787 2.22004 3.91103 2.38148C3.25247 2.71704 2.71704 3.25247 2.38148 3.91103C2.22004 4.22787 2.11425 4.6373 2.05799 5.32584C2.00078 6.02606 2 6.92338 2 8.2V13Z' fill='%2399A2AD'/%3E%3C/svg%3E%0A");
  /*url("data: image/svg+xml,%0A%3Csvg width='17' height='20' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.2 1.84938e-07H8.15667H8.15664C6.93328 -8.04062e-06 5.9542 -1.4618e-05 5.16298 0.0646311C4.35075 0.130992 3.64882 0.270429 3.00305 0.599465C1.96816 1.12677 1.12677 1.96816 0.599465 3.00305C0.270429 3.64882 0.130992 4.35075 0.0646311 5.16298C-1.46255e-05 5.9542 -8.04062e-06 6.93328 1.84938e-07 8.15664V8.15667V8.2V13V19.9787C1.84938e-07 22.3155 2.55355 23.7551 4.55291 22.5455L9.48236 19.5632C9.8006 19.3706 10.1994 19.3706 10.5176 19.5632L15.4471 22.5455C17.4465 23.7551 20 22.3155 20 19.9787V13V8.2V8.15664C20 6.93328 20 5.9542 19.9354 5.16298C19.869 4.35075 19.7296 3.64882 19.4005 3.00305C18.8732 1.96816 18.0318 1.12677 16.9969 0.599465C16.3512 0.270429 15.6492 0.130992 14.837 0.0646311C14.0458 -1.46255e-05 13.0667 -8.04062e-06 11.8434 1.84938e-07H11.8433H11.8H8.2ZM2 13V19.9787C2 20.7576 2.85118 21.2375 3.51764 20.8343L8.44709 17.852C9.4018 17.2744 10.5982 17.2744 11.5529 17.852L16.4824 20.8343C17.1488 21.2375 18 20.7576 18 19.9787V13V8.2C18 6.92338 17.9992 6.02606 17.942 5.32584C17.8858 4.6373 17.78 4.22787 17.6185 3.91103C17.283 3.25247 16.7475 2.71704 16.089 2.38148C15.7721 2.22004 15.3627 2.11425 14.6742 2.05799C13.9739 2.00078 13.0766 2 11.8 2H8.2C6.92338 2 6.02606 2.00078 5.32584 2.05799C4.6373 2.11425 4.22787 2.22004 3.91103 2.38148C3.25247 2.71704 2.71704 3.25247 2.38148 3.91103C2.22004 4.22787 2.11425 4.6373 2.05799 5.32584C2.00078 6.02606 2 6.92338 2 8.2V13Z' fill='%2399A2AD'/%3E%3C/svg%3E%0A");*/
}

.quotes {
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6512 7.05229L21.1475 7.59181C23.06 7.77955 23.6465 9.69095 22.1697 10.9467L17.8667 14.6057L19.4641 20.5666C19.9887 22.5242 18.3612 23.7092 16.731 22.5311L11.5025 18.7525L6.27405 22.5311C4.65047 23.7045 3.01624 22.5245 3.54092 20.5666L5.13835 14.6057L0.83532 10.9467C-0.647675 9.68567 -0.0634499 7.78039 1.85723 7.59182L7.35257 7.05229L9.77368 1.34104C10.5319 -0.447493 12.4736 -0.446597 13.2312 1.34123L15.6512 7.05229Z' fill='%2399A2AD'/%3E%3C/svg%3E");
  height: 20px;
}

.colors {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0.333252C18.4284 0.333252 23.6667 5.04659 23.6667 10.8333C23.6667 14.6949 20.5284 17.8333 16.6667 17.8333H14.6017C14.275 17.8333 14.0184 18.0899 14.0184 18.4166C14.0184 18.5566 14.0767 18.6849 14.17 18.8016C14.6484 19.3499 14.9167 20.0383 14.9167 20.7499C14.9167 22.3599 13.61 23.6666 12 23.6666C5.57171 23.6666 0.333374 18.4283 0.333374 11.9999C0.333374 5.57159 5.57171 0.333252 12 0.333252ZM11.995 2.32992C6.66721 2.32992 2.33004 6.66709 2.33004 11.9949C2.33004 17.3228 6.66721 21.6599 11.995 21.6599C12.3333 21.6599 12.5991 21.3941 12.5991 21.0559C12.5991 20.8626 12.5025 20.7176 12.43 20.633C11.9346 20.0773 11.6688 19.3645 11.6688 18.6396C11.6688 16.9724 13.0219 15.6193 14.6892 15.6193H16.8275C19.4975 15.6193 21.66 13.4567 21.66 10.7868C21.66 6.12343 17.3229 2.32992 11.995 2.32992ZM5.58337 9.66659C6.54987 9.66659 7.33337 10.4501 7.33337 11.4166C7.33337 12.3831 6.54987 13.1666 5.58337 13.1666C4.61688 13.1666 3.83337 12.3831 3.83337 11.4166C3.83337 10.4501 4.61688 9.66659 5.58337 9.66659ZM18.4167 9.66659C19.3832 9.66659 20.1667 10.4501 20.1667 11.4166C20.1667 12.3831 19.3832 13.1666 18.4167 13.1666C17.4502 13.1666 16.6667 12.3831 16.6667 11.4166C16.6667 10.4501 17.4502 9.66659 18.4167 9.66659ZM9.08337 4.99992C10.0499 4.99992 10.8334 5.78342 10.8334 6.74992C10.8334 7.71642 10.0499 8.49992 9.08337 8.49992C8.11688 8.49992 7.33337 7.71642 7.33337 6.74992C7.33337 5.78342 8.11688 4.99992 9.08337 4.99992ZM14.9167 4.99992C15.8832 4.99992 16.6667 5.78342 16.6667 6.74992C16.6667 7.71642 15.8832 8.49992 14.9167 8.49992C13.9502 8.49992 13.1667 7.71642 13.1667 6.74992C13.1667 5.78342 13.9502 4.99992 14.9167 4.99992Z' fill='%2399A2AD'/%3E%3C/svg%3E");
  url("data: image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0.333252C18.4284 0.333252 23.6667 5.04659 23.6667 10.8333C23.6667 14.6949 20.5284 17.8333 16.6667 17.8333H14.6017C14.275 17.8333 14.0184 18.0899 14.0184 18.4166C14.0184 18.5566 14.0767 18.6849 14.17 18.8016C14.6484 19.3499 14.9167 20.0383 14.9167 20.7499C14.9167 22.3599 13.61 23.6666 12 23.6666C5.57171 23.6666 0.333374 18.4283 0.333374 11.9999C0.333374 5.57159 5.57171 0.333252 12 0.333252ZM11.995 2.32992C6.66721 2.32992 2.33004 6.66709 2.33004 11.9949C2.33004 17.3228 6.66721 21.6599 11.995 21.6599C12.3333 21.6599 12.5991 21.3941 12.5991 21.0559C12.5991 20.8626 12.5025 20.7176 12.43 20.633C11.9346 20.0773 11.6688 19.3645 11.6688 18.6396C11.6688 16.9724 13.0219 15.6193 14.6892 15.6193H16.8275C19.4975 15.6193 21.66 13.4567 21.66 10.7868C21.66 6.12343 17.3229 2.32992 11.995 2.32992ZM5.58337 9.66659C6.54987 9.66659 7.33337 10.4501 7.33337 11.4166C7.33337 12.3831 6.54987 13.1666 5.58337 13.1666C4.61688 13.1666 3.83337 12.3831 3.83337 11.4166C3.83337 10.4501 4.61688 9.66659 5.58337 9.66659ZM18.4167 9.66659C19.3832 9.66659 20.1667 10.4501 20.1667 11.4166C20.1667 12.3831 19.3832 13.1666 18.4167 13.1666C17.4502 13.1666 16.6667 12.3831 16.6667 11.4166C16.6667 10.4501 17.4502 9.66659 18.4167 9.66659ZM9.08337 4.99992C10.0499 4.99992 10.8334 5.78342 10.8334 6.74992C10.8334 7.71642 10.0499 8.49992 9.08337 8.49992C8.11688 8.49992 7.33337 7.71642 7.33337 6.74992C7.33337 5.78342 8.11688 4.99992 9.08337 4.99992ZM14.9167 4.99992C15.8832 4.99992 16.6667 5.78342 16.6667 6.74992C16.6667 7.71642 15.8832 8.49992 14.9167 8.49992C13.9502 8.49992 13.1667 7.71642 13.1667 6.74992C13.1667 5.78342 13.9502 4.99992 14.9167 4.99992Z' fill='%2399A2AD'/%3E%3C/svg%3E");
}

.hider {
  line-height: 40px;
}

.hider:after {
  content: "";
  display: inline-block;
  width: 25px;
  top: 180px;
  right: 0;
  background: #6562fc;
  content: "";
  display: inline-block;
  width: 25px;
  position: absolute;
  top: 49px;
  box-shadow: 7px -9px #6562fc;
  border-radius: 0 50% 0 0;
  right: 0;
  background: transparent;
  height: 25px;
  height: 25px;
}

.hider {
}

.hider:before {
  content: "";
  display: inline-block;
  width: 25px;
  background: #6562fc;
  height: 25px;
  content: "";
  display: inline-block;
  width: 25px;
  position: absolute;
  top: -19px;
  box-shadow: 7px -9px #6562fc;
  border-radius: 0 50% 0 0;
  content: "";
  display: inline-block;
  width: 25px;
  background: #6562fc;
  height: 25px;
  content: "";
  display: inline-block;
  width: 25px;
  position: absolute;
  top: -26px;
  box-shadow: 5px 11px #6562fc;
  border-radius: 0 0 50% 0;
  right: 0;
  background: transparent;
  height: 25px;
  right: 0;
  background: transparent;
  height: 25px;
}

#chapters p {
}

#accordion h2 {
  font-size: 10px;
}

.chapters {
  font-size: 12px;
}

.advert {
  width: 100%;
  height: 50px;
}

.controlz {
  position: absolute;
  bottom: 25%;
  width: 60px;
  /*padding: 8px;*/
  padding-left: 22px;
  z-index: 9;
  background: transparent;
  right: 25px;
}

.controlz .btn {
  background: transparent;
  border: solid 1px rgb(71,71,71);
}

button {
  /*margin-right: 20px;*/
}

button {
  /*margin-right: 30px;*/
}

.controlz .btn {
  margin-right: 20px;
  margin-left: 20px;
}

.toast {
  /*bottom: 40px;*/
  /*right: 20px;*/
  /*bottom: 15%;*/
  /*z-index: 9;*/
  /*position: absolute;*/
}

div {
}

div {
}

.toast-c {
  position: fixed;
  z-index: 9;
  bottom: 10%;
  right: 1%;
}

.swiper-container-a .swiper-slide {
  padding: 36px;
}

.swiper-container-a .img-fluid {
  border-radius: 12px;
  max-height: 70vh;
}

#accordion-99 {
  margin-top: 30px;
}

.clickthumb > .card {
  background: transparent;
  margin-right: 10px;
  /*height: 150px!important;*/
  /*margin-bottom: 50px;*/
  /*width: 100px!important;*/
}

.clickthumb {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.card-img-top {
  height: 100px!important;
  border-radius: 5px!important;
}

.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.faver {
  position: absolute;
  border-radius: 0 0 8px 8px!important;
  right: 5%;
}

.faver:hover {
  background: rgb(30,30,30)!important;
  color: var(--bs-red)!important;
}

.faver:focus {
  color: var(--bs-red)!important;
  background-color: transparent!important;
  box-shadow: none!important;
  border: none!important;
}

#book {
  width: 100%;
  height: 100%;
  width: 100%!important;
  display: flex;
  height: 100%!important;
  max-width: 100%;
  flex-direction: column;
  /*flex-wrap: wrap;*/
  /*align-content: flex-end;*/
  /*justify-content: flex-start;*/
  align-items: flex-start;
}

.accordion {
  width: 100%;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: #6562fc!important;
  color: #fff;
  background-color: #6562fc;
}

#slidescloser {
  display: none;
}

.slideshow {
  transition: all 1s ease-out;
}

.thumber {
}

.thumber {
  background: var(--bs-indigo);
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 5px;
}

.card {
  /*flex: 0!important;*/
  /*width: 100px!important;*/
  flex-basis: 130px;
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  /*flex-wrap: wrap!important;*/
}

.linker {
  width: 80px;
  z-index: 1;
  background: red;
  box-shadow: 0px 5px 10px #21212194;
  /*position: absolute;*/
  display: block;
  background-position: center!important;
  height: 80px;
  opacity: 0.8;
  /*padding: 8px!important;*/
  margin: 5px;
  border-radius: 3px;
}

.card2 img {
  height: 100px!important;
}

.card-group > .card2 {
  height: 50px!Important;
  margin-right: 10px!important;
  /*width: 100px!important;*/
}

.activet {
  opacity: 1;
}

div {
}

.link_c .linker {
}

table .img-fluid {
  height: 150px;
}

.containter:hover {
  opacity: 1;
}

.mix {
  opacity: 0.9;
}

.usr {
  user-select: none;
}

.zzzz {
  border-radius: 0 0 4px 4px!important;
}

.table {
  border: none;
}

.mbtn .mixitup-control-active {
  background: transparent!important;
}

.navbar .mixitup-control-active {
  /*background: transparent;*/
}

#imgbutton .mixitup-control-active {
  background: red;
}

.mbtn4 .mixitup {
  background-color: #0a58ca;
}

.mbtn3 .mixitup-control-active {
  background: rgb(25, 135, 84);
}

.mbtn2 .mixitup-control-active {
  background: navajowhite;
}

.mbtn4 .mixitup-control-active {
}

.mbtn1 .mixitup-control-active {
}

.mbtn4 .mixitup-control-active {
  background: #7289da;
  color: white;
}

.mbtn2 .mixitup-control-active {
  background: red;
}

.mbtn1 .mixitup-control-active {
  color: white;
  background: var(--bs-primary);
}

.mbtn2 .mixitup-control-active {
  background: var(--bs-red);
  color: white;
}

.mbtn3 .mixitup-control-active {
  color: white;
}

.list-group-item:first-child {
  user-select: none!important;
}