.icon {
  background-repeat: no-repeat;
  display: block;
  position: relative; }
  .icon::after, .icon::before {
    -moz-opacity: 0 ;
    opacity: 0 ;
    filter: alpha(opacity=0) ;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background-repeat: no-repeat;
    content: '';
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  .icon.logo {
    background-image: url("/images/icons/logo.png");
    background-position: center;
    width: 104.4px;
    height: 37.2px;
    -webkit-background-size: 104.4px 37.2px;
    -moz-background-size: 104.4px 37.2px;
    -o-background-size: 104.4px 37.2px;
    background-size: 104.4px 37.2px; }
    @media all and (max-width: 990px) {
      .icon.logo {
        background-position: center;
        width: 20.5071428571rem;
        height: 7.3071428571rem;
        -webkit-background-size: 20.5071428571rem 7.3071428571rem;
        -moz-background-size: 20.5071428571rem 7.3071428571rem;
        -o-background-size: 20.5071428571rem 7.3071428571rem;
        background-size: 20.5071428571rem 7.3071428571rem; } }
  .icon.logo-colored {
    background-image: url("/images/icons/logo-colored.png");
    background-position: center;
    width: 140.3223px;
    height: 49.9999px;
    -webkit-background-size: 140.3223px 49.9999px;
    -moz-background-size: 140.3223px 49.9999px;
    -o-background-size: 140.3223px 49.9999px;
    background-size: 140.3223px 49.9999px; }
    @media all and (max-width: 990px) {
      .icon.logo-colored {
        background-position: center;
        width: 27.5633089286rem;
        height: 9.8214089286rem;
        -webkit-background-size: 27.5633089286rem 9.8214089286rem;
        -moz-background-size: 27.5633089286rem 9.8214089286rem;
        -o-background-size: 27.5633089286rem 9.8214089286rem;
        background-size: 27.5633089286rem 9.8214089286rem; } }
  .icon.book {
    background-image: url("/images/icons/book.svg");
    background-position: center;
    width: 180px;
    height: 180px;
    -webkit-background-size: 180px 180px;
    -moz-background-size: 180px 180px;
    -o-background-size: 180px 180px;
    background-size: 180px 180px; }
  .icon.social {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    display: inline-block;
    height: 26px;
    width: 26px; }
    .icon.social::after {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      -moz-opacity: 1 ;
      opacity: 1 ;
      filter: alpha(opacity=100) ;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      height: 26px;
      left: 50%;
      top: 50%;
      width: 26px; }
    .icon.social.facebook::after {
      background-image: url("/images/icons/facebook.svg");
      background-position: center; }
    .icon.social.vk::after {
      background-image: url("/images/icons/vk.svg");
      background-position: center; }
    .icon.social.twitter::after {
      background-image: url("/images/icons/twitter.svg");
      background-position: center; }
    .icon.social.ok::after {
      background-image: url("/images/icons/odnoklassniki.svg");
      background-position: center; }
  .icon.genre {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #0a1e78;
    display: inline-block;
    height: 24px;
    width: 24px; }
    @media all and (max-width: 990px) {
      .icon.genre {
        height: 4.9107142857rem;
        width: 4.9107142857rem; } }
    .icon.genre::after {
      -webkit-background-size: 10px 10px;
      -moz-background-size: 10px 10px;
      -o-background-size: 10px 10px;
      background-size: 10px 10px;
      -moz-opacity: 1 ;
      opacity: 1 ;
      filter: alpha(opacity=100) ;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      display: block;
      height: 10px;
      left: 50%;
      top: 50%;
      width: 10px; }
      @media all and (max-width: 990px) {
        .icon.genre::after {
          -webkit-background-size: 2.3571428571rem 2.3571428571rem;
          -moz-background-size: 2.3571428571rem 2.3571428571rem;
          -o-background-size: 2.3571428571rem 2.3571428571rem;
          background-size: 2.3571428571rem 2.3571428571rem;
          height: 2.3571428571rem;
          width: 2.3571428571rem; } }
    .icon.genre.lg {
      height: 48px;
      width: 48px; }
      @media all and (max-width: 990px) {
        .icon.genre.lg {
          height: 7.8571428571rem;
          width: 7.8571428571rem; } }
      .icon.genre.lg::after {
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -o-background-size: 24px 24px;
        background-size: 24px 24px;
        height: 24px;
        width: 24px; }
        @media all and (max-width: 990px) {
          .icon.genre.lg::after {
            -webkit-background-size: 3.9285714286rem 3.9285714286rem;
            -moz-background-size: 3.9285714286rem 3.9285714286rem;
            -o-background-size: 3.9285714286rem 3.9285714286rem;
            background-size: 3.9285714286rem 3.9285714286rem;
            height: 3.9285714286rem;
            width: 3.9285714286rem; } }
    .icon.genre.fantastic::after, .icon.genre.genre-1::after {
      /*background-image: url("/images/icons/ufo.svg");*/
      background-position: center; }
    .icon.genre.detective::after, .icon.genre.genre-2::after {
      /*background-image: url("/images/icons/detective.svg");*/
      background-position: center; }
    .icon.genre.science::after, .icon.genre.genre-9::after {
      background-image: url("/images/icons/science.svg");
      background-position: center; }
    .icon.genre.fantasy::after, .icon.genre.genre-26::after {
      background-image: url("/images/icons/fantasy.svg");
      background-position: center; }
    .icon.genre.prose::after, .icon.genre.genre-3::after {
      background-image: url("/images/icons/prose.svg");
      background-position: center; }
    .icon.genre.novel::after, .icon.genre.genre-4::after {
      background-image: url("/images/icons/romance.svg");
      background-position: center; }
    .icon.genre.childs::after, .icon.genre.genre-6::after {
      background-image: url("/images/icons/childs.svg");
      background-position: center; }
    .icon.genre.adventure::after, .icon.genre.genre-5::after {
      background-image: url("/images/icons/adventure.svg");
      background-position: center; }
    .icon.genre.documental::after, .icon.genre.genre-12::after {
      background-image: url("/images/icons/documental.svg");
      background-position: center; }
    .icon.genre.family::after, .icon.genre.genre-15::after {
      background-image: url("/images/icons/family.svg");
      background-position: center; }
    .icon.genre.poetry::after, .icon.genre.genre-7::after {
      background-image: url("/images/icons/poetry.svg");
      background-position: center; }
    .icon.genre.computer::after, .icon.genre.genre-10::after {
      background-image: url("/images/icons/computer.svg");
      background-position: center; }
    .icon.genre.psychology::after, .icon.genre.genre-2409::after {
      background-image: url("/images/icons/psychology.svg");
      background-position: center; }
    .icon.genre.business::after, .icon.genre.genre-80::after {
      background-image: url("/images/icons/business.svg");
      background-position: center; }
    .icon.genre.reference::after, .icon.genre.genre-11::after {
      background-image: url("/images/icons/faq.svg");
      background-position: center; }
    .icon.genre.culture::after, .icon.genre.genre-2408::after {
      background-image: url("/images/icons/culture.svg");
      background-position: center; }
    .icon.genre.tech::after, .icon.genre.genre-2411::after {
      background-image: url("/images/icons/tech.svg");
      background-position: center; }
    .icon.genre.epoch::after, .icon.genre.genre-126::after {
      background-image: url("/images/icons/time.svg");
      background-position: center; }
    .icon.genre.vintage::after, .icon.genre.genre-8::after {
      background-image: url("/images/icons/vintage.svg");
      background-position: center; }
    .icon.genre.religion::after, .icon.genre.genre-13::after {
      background-image: url("/images/icons/religion.svg");
      background-position: center; }
    .icon.genre.humor::after, .icon.genre.genre-14::after {
      background-image: url("/images/icons/humor.svg");
      background-position: center; }
    .icon.genre.folk::after, .icon.genre.genre-566::after {
      background-image: url("/images/icons/folk.svg");
      background-position: center; }
    .icon.genre.hobby::after, .icon.genre.genre-117::after {
      background-image: url("/images/icons/hobby.svg");
      background-position: center; }
    .icon.genre.military::after, .icon.genre.genre-143::after {
      background-image: url("/images/icons/military.svg");
      background-position: center; }

[data-bs-theme="dark"] .icon.logo {
  background-image: url("/images/icons/logo-dark.png");
  background-position: center; }
[data-bs-theme="dark"] .icon.logo-colored {
  background-image: url("/images/icons/logo-colored-dark.png");
  background-position: center; }
[data-bs-theme="dark"] .icon.genre {
  background-color: #46579f; }

a {
  color: #0a1e78; }
  a:hover, a:focus, a:active {
    color: #101e5e; }

.color-white {
  color: #0a1e78; }

[data-bs-theme="dark"] p.lead {
    color: #fff;
}
[data-bs-theme="dark"] a {
  color: #fff; }
  [data-bs-theme="dark"] a:hover, [data-bs-theme="dark"] a:focus, [data-bs-theme="dark"] a:active {
    color: #ded5d5; }

.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 16px; }
  @media all and (max-width: 990px) {
    .form-control {
      font-size: 3.1428571429rem;
      padding: 0.9821428571rem 2.3571428571rem; } }
  .form-control:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(10, 30, 120, 0.25);
    -moz-box-shadow: 0 0 0 0.25rem rgba(10, 30, 120, 0.25);
    box-shadow: 0 0 0 0.25rem rgba(10, 30, 120, 0.25);
    border-color: rgba(10, 30, 120, 0.5); }
    @media all and (max-width: 990px) {
      .form-control:focus {
        -webkit-box-shadow: 0 0 0 0.5892857143rem rgba(10, 30, 120, 0.25);
        -moz-box-shadow: 0 0 0 0.5892857143rem rgba(10, 30, 120, 0.25);
        box-shadow: 0 0 0 0.5892857143rem rgba(10, 30, 120, 0.25); } }

[data-bs-theme="dark"] .form-control {
  background-color: #181a25; }
  [data-bs-theme="dark"] .form-control:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(70, 87, 159, 0.25);
    -moz-box-shadow: 0 0 0 0.25rem rgba(70, 87, 159, 0.25);
    box-shadow: 0 0 0 0.25rem rgba(70, 87, 159, 0.25);
    border-color: rgba(70, 87, 159, 0.5); }
    @media all and (max-width: 990px) {
      [data-bs-theme="dark"] .form-control:focus {
        -webkit-box-shadow: 0 0 0 0.5892857143rem rgba(70, 87, 159, 0.25);
        -moz-box-shadow: 0 0 0 0.5892857143rem rgba(70, 87, 159, 0.25);
        box-shadow: 0 0 0 0.5892857143rem rgba(70, 87, 159, 0.25); } }

@media all and (max-width: 990px) {
  label {
    font-size: 2.75rem; }

  .input-group-text {
    font-size: 2.75rem;
    padding: 0.9821428571rem 2.3571428571rem; } }
form .btn-close {
  right: .75rem;
  top: .55rem; }
  @media all and (max-width: 990px) {
    form .btn-close {
      right: 2.3571428571rem;
      top: -1px; } }

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  font-size: 16px; }
  @media all and (max-width: 990px) {
    .btn {
      font-size: 2.75rem;
      padding: 0.9821428571rem 2.3571428571rem; } }

.btn-outline-primary {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  border-color: #0a1e78;
  color: #0a1e78; }
  .btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: #0a1e78;
    border-color: #0a1e78;
    color: #fff; }

[data-bs-theme="dark"] .btn-outline-primary {
  background-color: #272a38;
  border-color: #46579f;
  color: #fff; }
  [data-bs-theme="dark"] .btn-outline-primary:hover, [data-bs-theme="dark"] .btn-outline-primary:focus {
    background-color: #46579f;
    border-color: #46579f;
    color: #fff; }

.btn-primary {
  background-color: #0a1e78;
  border-color: #0a1e78;
  color: #fff; }
  .btn-primary:hover, .btn-primary:focus {
    -webkit-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.3);
    background-color: #0a1e78;
    border-color: #0a1e78;
    color: #fff; }

[data-bs-theme="dark"] .btn-primary {
  background-color: #46579f;
  border-color: #46579f;
  color: #fff; }
  [data-bs-theme="dark"] .btn-primary:hover, [data-bs-theme="dark"] .btn-primary:focus {
    -webkit-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.3);
    -moz-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.3);
    background-color: #46579f;
    border-color: #46579f;
    color: #fff; }
[data-bs-theme="dark"] .btn-light {
  background-color: #23394d;
  border-color: #23394d;
  color: #fff; }
  [data-bs-theme="dark"] .btn-light:hover, [data-bs-theme="dark"] .btn-light:focus {
    -webkit-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.1);
    background-color: #23394d;
    border-color: #23394d;
    color: #fff; }
[data-bs-theme="dark"] .btn-warning {
  background-color: #deba4c;
  border-color: #deba4c;
  color: #333; }
  [data-bs-theme="dark"] .btn-warning:hover, [data-bs-theme="dark"] .btn-warning:focus {
    -webkit-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.2);
    background-color: #deba4c;
    border-color: #deba4c;
    color: #333; }

@media all and (max-width: 990px) {
  .modal-dialog {
    height: 100%;
    margin: 0;
    width: 100%; } }
.modal-dialog .modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0; }
  @media all and (max-width: 990px) {
    .modal-dialog .modal-content {
      font-size: 2.75rem;
      height: 100%;
      margin: 0;
      width: 100%; } }
  @media all and (max-width: 990px) {
    .modal-dialog .modal-content a {
      font-size: 2.75rem; } }

.btn-close {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  @media all and (max-width: 990px) {
    .btn-close {
      font-size: 2.75rem;
      height: 3.5357142857rem;
      margin-right: -1.9642857143rem;
      padding: 1.9642857143rem;
      width: 3.5357142857rem; } }
  .btn-close:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(10, 30, 120, 0.25);
    -moz-box-shadow: 0 0 0 0.25rem rgba(10, 30, 120, 0.25);
    box-shadow: 0 0 0 0.25rem rgba(10, 30, 120, 0.25); }

html,
body {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  background: #fff;
  color: #333;
  font-family: "Montserrat", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased !important;
  min-width: 320px;
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-overflow-scrolling: touch;
  position: relative;
  text-rendering: optimizeLegibility !important;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }

html[data-bs-theme="dark"],
[data-bs-theme="dark"] body {
  background: #272a38;
  color: #fff; }

.container,
.container-fluid {
  color: #333;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0;
  position: relative;
  width: 100%; }
  @media all and (max-width: 1200px) {
    .container,
    .container-fluid {
      min-width: 320px; } }
  .container .row,
  .container-fluid .row {
    margin: 0 auto;
    position: relative;
    width: 100%; }
    .container .row [class*='col-'],
    .container-fluid .row [class*='col-'] {
      position: relative; }
    .container .row a[class*='col-'],
    .container-fluid .row a[class*='col-'] {
      display: inline-block; }

[data-bs-theme="dark"] .container,
[data-bs-theme="dark"] .container-fluid {
  color: #fff; }

.container-fluid {
  width: 100%; }

a, a:hover, a:active, a:focus,
button,
button:hover,
button:active,
button:focus {
  outline: none !important;
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  color: #333;
  font-family: "Montserrat", Helvetica, sans-serif;
  font-weight: 700;
  margin: 0; }

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6,
[data-bs-theme="dark"] strong {
  color: #fff; }

p {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400; }
  @media all and (max-width: 990px) {
    p {
      font-size: 2.75rem; } }

header {
  position: relative;
  z-index: 15; }

@media all and (min-width: 991px) {
  .w-lg-auto {
    width: auto !important; }

  .text-lg-left {
    text-align: left !important; } }
@media all and (max-width: 990px) {
  .p-5 {
    padding: 7.8571428571rem !important; }

  .m-5 {
    margin: 7.8571428571rem !important; }

  .p-4 {
    padding: 5.8928571429rem !important; }

  .m-4 {
    margin: 5.8928571429rem !important; }

  .p-3 {
    padding: 3.9285714286rem !important; }

  .m-3 {
    margin: 3.9285714286rem !important; }

  .p-2 {
    padding: 1.9642857143rem !important; }

  .m-2 {
    margin: 1.9642857143rem !important; }

  .p-1 {
    padding: 0.9821428571rem !important; }

  .m-1 {
    margin: 0.9821428571rem !important; }

  .p-0 {
    padding: 0rem !important; }

  .m-0 {
    margin: 0rem !important; }

  .py-5 {
    padding-top: 7.8571428571rem !important;
    padding-bottom: 7.8571428571rem !important; }

  .px-5 {
    padding-left: 7.8571428571rem !important;
    padding-right: 7.8571428571rem !important; }

  .my-5 {
    margin-top: 7.8571428571rem !important;
    margin-bottom: 7.8571428571rem !important; }

  .mx-5 {
    margin-left: 7.8571428571rem !important;
    margin-right: 7.8571428571rem !important; }

  .py-4 {
    padding-top: 5.8928571429rem !important;
    padding-bottom: 5.8928571429rem !important; }

  .px-4 {
    padding-left: 5.8928571429rem !important;
    padding-right: 5.8928571429rem !important; }

  .my-4 {
    margin-top: 5.8928571429rem !important;
    margin-bottom: 5.8928571429rem !important; }

  .mx-4 {
    margin-left: 5.8928571429rem !important;
    margin-right: 5.8928571429rem !important; }

  .py-3 {
    padding-top: 3.9285714286rem !important;
    padding-bottom: 3.9285714286rem !important; }

  .px-3 {
    padding-left: 3.9285714286rem !important;
    padding-right: 3.9285714286rem !important; }

  .my-3 {
    margin-top: 3.9285714286rem !important;
    margin-bottom: 3.9285714286rem !important; }

  .mx-3 {
    margin-left: 3.9285714286rem !important;
    margin-right: 3.9285714286rem !important; }

  .py-2 {
    padding-top: 1.9642857143rem !important;
    padding-bottom: 1.9642857143rem !important; }

  .px-2 {
    padding-left: 1.9642857143rem !important;
    padding-right: 1.9642857143rem !important; }

  .my-2 {
    margin-top: 1.9642857143rem !important;
    margin-bottom: 1.9642857143rem !important; }

  .mx-2 {
    margin-left: 1.9642857143rem !important;
    margin-right: 1.9642857143rem !important; }

  .py-1 {
    padding-top: 0.9821428571rem !important;
    padding-bottom: 0.9821428571rem !important; }

  .px-1 {
    padding-left: 0.9821428571rem !important;
    padding-right: 0.9821428571rem !important; }

  .my-1 {
    margin-top: 0.9821428571rem !important;
    margin-bottom: 0.9821428571rem !important; }

  .mx-1 {
    margin-left: 0.9821428571rem !important;
    margin-right: 0.9821428571rem !important; }

  .py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important; }

  .px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important; }

  .my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important; }

  .mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important; }

  .ps-5 {
    padding-left: 7.8571428571rem !important; }

  .pe-5 {
    padding-right: 7.8571428571rem !important; }

  .pt-5 {
    padding-top: 7.8571428571rem !important; }

  .pb-5 {
    padding-bottom: 7.8571428571rem !important; }

  .ms-5 {
    margin-left: 7.8571428571rem !important; }

  .me-5 {
    margin-right: 7.8571428571rem !important; }

  .mt-5 {
    margin-top: 7.8571428571rem !important; }

  .mb-5 {
    margin-bottom: 7.8571428571rem !important; }

  .ps-4 {
    padding-left: 5.8928571429rem !important; }

  .pe-4 {
    padding-right: 5.8928571429rem !important; }

  .pt-4 {
    padding-top: 5.8928571429rem !important; }

  .pb-4 {
    padding-bottom: 5.8928571429rem !important; }

  .ms-4 {
    margin-left: 5.8928571429rem !important; }

  .me-4 {
    margin-right: 5.8928571429rem !important; }

  .mt-4 {
    margin-top: 5.8928571429rem !important; }

  .mb-4 {
    margin-bottom: 5.8928571429rem !important; }

  .ps-3 {
    padding-left: 3.9285714286rem !important; }

  .pe-3 {
    padding-right: 3.9285714286rem !important; }

  .pt-3 {
    padding-top: 3.9285714286rem !important; }

  .pb-3 {
    padding-bottom: 3.9285714286rem !important; }

  .ms-3 {
    margin-left: 3.9285714286rem !important; }

  .me-3 {
    margin-right: 3.9285714286rem !important; }

  .mt-3 {
    margin-top: 3.9285714286rem !important; }

  .mb-3 {
    margin-bottom: 3.9285714286rem !important; }

  .ps-2 {
    padding-left: 1.9642857143rem !important; }

  .pe-2 {
    padding-right: 1.9642857143rem !important; }

  .pt-2 {
    padding-top: 1.9642857143rem !important; }

  .pb-2 {
    padding-bottom: 1.9642857143rem !important; }

  .ms-2 {
    margin-left: 1.9642857143rem !important; }

  .me-2 {
    margin-right: 1.9642857143rem !important; }

  .mt-2 {
    margin-top: 1.9642857143rem !important; }

  .mb-2 {
    margin-bottom: 1.9642857143rem !important; }

  .ps-1 {
    padding-left: 0.9821428571rem !important; }

  .pe-1 {
    padding-right: 0.9821428571rem !important; }

  .pt-1 {
    padding-top: 0.9821428571rem !important; }

  .pb-1 {
    padding-bottom: 0.9821428571rem !important; }

  .ms-1 {
    margin-left: 0.9821428571rem !important; }

  .me-1 {
    margin-right: 0.9821428571rem !important; }

  .mt-1 {
    margin-top: 0.9821428571rem !important; }

  .mb-1 {
    margin-bottom: 0.9821428571rem !important; }

  .ps-0 {
    padding-left: 0rem !important; }

  .pe-0 {
    padding-right: 0rem !important; }

  .pt-0 {
    padding-top: 0rem !important; }

  .pb-0 {
    padding-bottom: 0rem !important; }

  .ms-0 {
    margin-left: 0rem !important; }

  .me-0 {
    margin-right: 0rem !important; }

  .mt-0 {
    margin-top: 0rem !important; }

  .mb-0 {
    margin-bottom: 0rem !important; }

  .lead {
    font-size: 2.5535714286rem; }

  h1 {
    font-size: 3.9285714286rem; }

  h2 {
    font-size: 3.9285714286rem; }

  h3 {
    font-size: 3.9285714286rem; }

  h4 {
    font-size: 3.5357142857rem; }

  h5 {
    font-size: 3.1428571429rem; }

  h6 {
    font-size: 2.75rem; }

  header .btn-outline-primary {
    font-size: 3.1428571429rem;
    padding: 0.5892857143rem 1.375rem; }

  .genre-name,
  .author-name,
  .copyright {
    font-size: 2.3571428571rem; }

  .book-info-right {
    width: -webkit-calc(100% - 15.7142857143rem) ;
    width: -moz-calc(100% - 15.7142857143rem) ;
    width: calc(100% - 15.7142857143rem) ; }

  .w-sidebar .book-info-right {
    width: -webkit-calc(100% - 15.7142857143rem) ;
    width: -moz-calc(100% - 15.7142857143rem) ;
    width: calc(100% - 15.7142857143rem) ; }

  .genre-right {
    width: -webkit-calc(100% - 11.7857142857rem) ;
    width: -moz-calc(100% - 11.7857142857rem) ;
    width: calc(100% - 11.7857142857rem) ; }

  .fs-2 {
    font-size: 3.9285714286rem !important; }

  .fs-3 {
    font-size: 3.1428571429rem !important; }

  .fs-4 {
    font-size: 3.9285714286rem !important; }

  .fs-5 {
    font-size: 3.5357142857rem !important; }

  .fs-6 {
    font-size: 2.75rem !important; }

  #settings-form .col-12,
  #security-form .col-12 {
    margin-top: 3.9285714286rem; }

  .profile-menu-list {
    display: none !important; } }
html,
body {
  height: 100%;
  scroll-behavior: smooth; }
  @media all and (max-width: 985px) {
    html,
    body {
      font-size: 13.9292929293px; } }
  @media all and (max-width: 980px) {
    html,
    body {
      font-size: 13.8585858586px; } }
  @media all and (max-width: 975px) {
    html,
    body {
      font-size: 13.7878787879px; } }
  @media all and (max-width: 970px) {
    html,
    body {
      font-size: 13.7171717172px; } }
  @media all and (max-width: 965px) {
    html,
    body {
      font-size: 13.6464646465px; } }
  @media all and (max-width: 960px) {
    html,
    body {
      font-size: 13.5757575758px; } }
  @media all and (max-width: 955px) {
    html,
    body {
      font-size: 13.5050505051px; } }
  @media all and (max-width: 950px) {
    html,
    body {
      font-size: 13.4343434343px; } }
  @media all and (max-width: 945px) {
    html,
    body {
      font-size: 13.3636363636px; } }
  @media all and (max-width: 940px) {
    html,
    body {
      font-size: 13.2929292929px; } }
  @media all and (max-width: 935px) {
    html,
    body {
      font-size: 13.2222222222px; } }
  @media all and (max-width: 930px) {
    html,
    body {
      font-size: 13.1515151515px; } }
  @media all and (max-width: 925px) {
    html,
    body {
      font-size: 13.0808080808px; } }
  @media all and (max-width: 920px) {
    html,
    body {
      font-size: 13.0101010101px; } }
  @media all and (max-width: 915px) {
    html,
    body {
      font-size: 12.9393939394px; } }
  @media all and (max-width: 910px) {
    html,
    body {
      font-size: 12.8686868687px; } }
  @media all and (max-width: 905px) {
    html,
    body {
      font-size: 12.797979798px; } }
  @media all and (max-width: 900px) {
    html,
    body {
      font-size: 12.7272727273px; } }
  @media all and (max-width: 895px) {
    html,
    body {
      font-size: 12.6565656566px; } }
  @media all and (max-width: 890px) {
    html,
    body {
      font-size: 12.5858585859px; } }
  @media all and (max-width: 885px) {
    html,
    body {
      font-size: 12.5151515152px; } }
  @media all and (max-width: 880px) {
    html,
    body {
      font-size: 12.4444444444px; } }
  @media all and (max-width: 875px) {
    html,
    body {
      font-size: 12.3737373737px; } }
  @media all and (max-width: 870px) {
    html,
    body {
      font-size: 12.303030303px; } }
  @media all and (max-width: 865px) {
    html,
    body {
      font-size: 12.2323232323px; } }
  @media all and (max-width: 860px) {
    html,
    body {
      font-size: 12.1616161616px; } }
  @media all and (max-width: 855px) {
    html,
    body {
      font-size: 12.0909090909px; } }
  @media all and (max-width: 850px) {
    html,
    body {
      font-size: 12.0202020202px; } }
  @media all and (max-width: 845px) {
    html,
    body {
      font-size: 11.9494949495px; } }
  @media all and (max-width: 840px) {
    html,
    body {
      font-size: 11.8787878788px; } }
  @media all and (max-width: 835px) {
    html,
    body {
      font-size: 11.8080808081px; } }
  @media all and (max-width: 830px) {
    html,
    body {
      font-size: 11.7373737374px; } }
  @media all and (max-width: 825px) {
    html,
    body {
      font-size: 11.6666666667px; } }
  @media all and (max-width: 820px) {
    html,
    body {
      font-size: 11.595959596px; } }
  @media all and (max-width: 815px) {
    html,
    body {
      font-size: 11.5252525253px; } }
  @media all and (max-width: 810px) {
    html,
    body {
      font-size: 11.4545454545px; } }
  @media all and (max-width: 805px) {
    html,
    body {
      font-size: 11.3838383838px; } }
  @media all and (max-width: 800px) {
    html,
    body {
      font-size: 11.3131313131px; } }
  @media all and (max-width: 795px) {
    html,
    body {
      font-size: 11.2424242424px; } }
  @media all and (max-width: 790px) {
    html,
    body {
      font-size: 11.1717171717px; } }
  @media all and (max-width: 785px) {
    html,
    body {
      font-size: 11.101010101px; } }
  @media all and (max-width: 780px) {
    html,
    body {
      font-size: 11.0303030303px; } }
  @media all and (max-width: 775px) {
    html,
    body {
      font-size: 10.9595959596px; } }
  @media all and (max-width: 770px) {
    html,
    body {
      font-size: 10.8888888889px; } }
  @media all and (max-width: 765px) {
    html,
    body {
      font-size: 10.8181818182px; } }
  @media all and (max-width: 760px) {
    html,
    body {
      font-size: 10.7474747475px; } }
  @media all and (max-width: 755px) {
    html,
    body {
      font-size: 10.6767676768px; } }
  @media all and (max-width: 750px) {
    html,
    body {
      font-size: 10.6060606061px; } }
  @media all and (max-width: 745px) {
    html,
    body {
      font-size: 10.5353535354px; } }
  @media all and (max-width: 740px) {
    html,
    body {
      font-size: 10.4646464646px; } }
  @media all and (max-width: 735px) {
    html,
    body {
      font-size: 10.3939393939px; } }
  @media all and (max-width: 730px) {
    html,
    body {
      font-size: 10.3232323232px; } }
  @media all and (max-width: 725px) {
    html,
    body {
      font-size: 10.2525252525px; } }
  @media all and (max-width: 720px) {
    html,
    body {
      font-size: 10.1818181818px; } }
  @media all and (max-width: 715px) {
    html,
    body {
      font-size: 10.1111111111px; } }
  @media all and (max-width: 710px) {
    html,
    body {
      font-size: 10.0404040404px; } }
  @media all and (max-width: 705px) {
    html,
    body {
      font-size: 9.9696969697px; } }
  @media all and (max-width: 700px) {
    html,
    body {
      font-size: 9.898989899px; } }
  @media all and (max-width: 695px) {
    html,
    body {
      font-size: 9.8282828283px; } }
  @media all and (max-width: 690px) {
    html,
    body {
      font-size: 9.7575757576px; } }
  @media all and (max-width: 685px) {
    html,
    body {
      font-size: 9.6868686869px; } }
  @media all and (max-width: 680px) {
    html,
    body {
      font-size: 9.6161616162px; } }
  @media all and (max-width: 675px) {
    html,
    body {
      font-size: 9.5454545455px; } }
  @media all and (max-width: 670px) {
    html,
    body {
      font-size: 9.4747474747px; } }
  @media all and (max-width: 665px) {
    html,
    body {
      font-size: 9.404040404px; } }
  @media all and (max-width: 660px) {
    html,
    body {
      font-size: 9.3333333333px; } }
  @media all and (max-width: 655px) {
    html,
    body {
      font-size: 9.2626262626px; } }
  @media all and (max-width: 650px) {
    html,
    body {
      font-size: 9.1919191919px; } }
  @media all and (max-width: 645px) {
    html,
    body {
      font-size: 9.1212121212px; } }
  @media all and (max-width: 640px) {
    html,
    body {
      font-size: 9.0505050505px; } }
  @media all and (max-width: 635px) {
    html,
    body {
      font-size: 8.9797979798px; } }
  @media all and (max-width: 630px) {
    html,
    body {
      font-size: 8.9090909091px; } }
  @media all and (max-width: 625px) {
    html,
    body {
      font-size: 8.8383838384px; } }
  @media all and (max-width: 620px) {
    html,
    body {
      font-size: 8.7676767677px; } }
  @media all and (max-width: 615px) {
    html,
    body {
      font-size: 8.696969697px; } }
  @media all and (max-width: 610px) {
    html,
    body {
      font-size: 8.6262626263px; } }
  @media all and (max-width: 605px) {
    html,
    body {
      font-size: 8.5555555556px; } }
  @media all and (max-width: 600px) {
    html,
    body {
      font-size: 8.4848484848px; } }
  @media all and (max-width: 595px) {
    html,
    body {
      font-size: 8.4141414141px; } }
  @media all and (max-width: 590px) {
    html,
    body {
      font-size: 8.3434343434px; } }
  @media all and (max-width: 585px) {
    html,
    body {
      font-size: 8.2727272727px; } }
  @media all and (max-width: 580px) {
    html,
    body {
      font-size: 8.202020202px; } }
  @media all and (max-width: 575px) {
    html,
    body {
      font-size: 8.1313131313px; } }
  @media all and (max-width: 570px) {
    html,
    body {
      font-size: 8.0606060606px; } }
  @media all and (max-width: 565px) {
    html,
    body {
      font-size: 7.9898989899px; } }
  @media all and (max-width: 560px) {
    html,
    body {
      font-size: 7.9191919192px; } }
  @media all and (max-width: 555px) {
    html,
    body {
      font-size: 7.8484848485px; } }
  @media all and (max-width: 550px) {
    html,
    body {
      font-size: 7.7777777778px; } }
  @media all and (max-width: 545px) {
    html,
    body {
      font-size: 7.7070707071px; } }
  @media all and (max-width: 540px) {
    html,
    body {
      font-size: 7.6363636364px; } }
  @media all and (max-width: 535px) {
    html,
    body {
      font-size: 7.5656565657px; } }
  @media all and (max-width: 530px) {
    html,
    body {
      font-size: 7.4949494949px; } }
  @media all and (max-width: 525px) {
    html,
    body {
      font-size: 7.4242424242px; } }
  @media all and (max-width: 520px) {
    html,
    body {
      font-size: 7.3535353535px; } }
  @media all and (max-width: 515px) {
    html,
    body {
      font-size: 7.2828282828px; } }
  @media all and (max-width: 510px) {
    html,
    body {
      font-size: 7.2121212121px; } }
  @media all and (max-width: 505px) {
    html,
    body {
      font-size: 7.1414141414px; } }
  @media all and (max-width: 500px) {
    html,
    body {
      font-size: 7.0707070707px; } }
  @media all and (max-width: 495px) {
    html,
    body {
      font-size: 7px; } }
  @media all and (max-width: 490px) {
    html,
    body {
      font-size: 6.9292929293px; } }
  @media all and (max-width: 485px) {
    html,
    body {
      font-size: 6.8585858586px; } }
  @media all and (max-width: 480px) {
    html,
    body {
      font-size: 6.7878787879px; } }
  @media all and (max-width: 475px) {
    html,
    body {
      font-size: 6.7171717172px; } }
  @media all and (max-width: 470px) {
    html,
    body {
      font-size: 6.6464646465px; } }
  @media all and (max-width: 465px) {
    html,
    body {
      font-size: 6.5757575758px; } }
  @media all and (max-width: 460px) {
    html,
    body {
      font-size: 6.5050505051px; } }
  @media all and (max-width: 455px) {
    html,
    body {
      font-size: 6.4343434343px; } }
  @media all and (max-width: 450px) {
    html,
    body {
      font-size: 6.3636363636px; } }
  @media all and (max-width: 445px) {
    html,
    body {
      font-size: 6.2929292929px; } }
  @media all and (max-width: 440px) {
    html,
    body {
      font-size: 6.2222222222px; } }
  @media all and (max-width: 435px) {
    html,
    body {
      font-size: 6.1515151515px; } }
  @media all and (max-width: 430px) {
    html,
    body {
      font-size: 6.0808080808px; } }
  @media all and (max-width: 425px) {
    html,
    body {
      font-size: 6.0101010101px; } }
  @media all and (max-width: 420px) {
    html,
    body {
      font-size: 5.9393939394px; } }
  @media all and (max-width: 415px) {
    html,
    body {
      font-size: 5.8686868687px; } }
  @media all and (max-width: 410px) {
    html,
    body {
      font-size: 5.797979798px; } }
  @media all and (max-width: 405px) {
    html,
    body {
      font-size: 5.7272727273px; } }
  @media all and (max-width: 400px) {
    html,
    body {
      font-size: 5.6565656566px; } }
  @media all and (max-width: 395px) {
    html,
    body {
      font-size: 5.5858585859px; } }
  @media all and (max-width: 390px) {
    html,
    body {
      font-size: 5.5151515152px; } }
  @media all and (max-width: 385px) {
    html,
    body {
      font-size: 5.4444444444px; } }
  @media all and (max-width: 380px) {
    html,
    body {
      font-size: 5.3737373737px; } }
  @media all and (max-width: 375px) {
    html,
    body {
      font-size: 5.303030303px; } }
  @media all and (max-width: 370px) {
    html,
    body {
      font-size: 5.2323232323px; } }
  @media all and (max-width: 365px) {
    html,
    body {
      font-size: 5.1616161616px; } }
  @media all and (max-width: 360px) {
    html,
    body {
      font-size: 5.0909090909px; } }

.nowrap {
  white-space: nowrap !important; }

@media all and (max-width: 990px) {
  .review-block {
    font-size: 2.75rem; } }

@media all and (max-width: 990px) {
  .sidebar {
    background: #fafbfc; } }

@media all and (max-width: 990px) {
  [data-bs-theme="dark"] .sidebar {
    background: #23394d; } }

.nav-link {
  color: #f50;
  font-size: 16px;
  font-weight: 500; }
  @media all and (max-width: 990px) {
    .nav-link {
      font-size: 3.1428571429rem; } }
  .nav-link:hover, .nav-link:focus {
    color: #cb4706; }
  .nav-link.link-body-emphasis {
    color: #333; }
    .nav-link.link-body-emphasis:hover, .nav-link.link-body-emphasis:focus {
      color: #5e5e5e; }

@media all and (max-width: 990px) {
  .nav-underline .nav-link {
    font-size: 2.75rem; } }

[data-bs-theme="dark"] .nav-link {
  color: #e57942; }
  [data-bs-theme="dark"] .nav-link:hover, [data-bs-theme="dark"] .nav-link:focus {
    color: #c7602d; }
  [data-bs-theme="dark"] .nav-link.link-body-emphasis {
    color: #fff; }
    [data-bs-theme="dark"] .nav-link.link-body-emphasis:hover, [data-bs-theme="dark"] .nav-link.link-body-emphasis:focus {
      color: #ded5d5; }
[data-bs-theme="dark"] .bg-light {
  background-color: #23394d !important; }
[data-bs-theme="dark"] .text-black {
  color: #fff !important; }

.bg-main-head {
}
  @media all and (max-width: 990px) {
    .bg-main-head {
      height: 35.3571428571rem; } }
  .bg-main-head h1 {
    font-size: 3rem; }
    @media all and (max-width: 990px) {
      .bg-main-head h1 {
        font-size: 4.9107142857rem; } }

[data-bs-theme="dark"] .bg-main-head {

}

.book-template {
  -webkit-box-shadow: 13px 13px 8px 0 rgba(151, 146, 153, 0.3);
  -moz-box-shadow: 13px 13px 8px 0 rgba(151, 146, 153, 0.3);
  box-shadow: 13px 13px 8px 0 rgba(151, 146, 153, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 280px;
  overflow: hidden;
  position: relative;
  width: 200px; }
  @media all and (max-width: 990px) {
    .book-template {
      -webkit-box-shadow: 2.5535714286rem 2.5535714286rem 1.5714285714rem 0 rgba(151, 146, 153, 0.3);
      -moz-box-shadow: 2.5535714286rem 2.5535714286rem 1.5714285714rem 0 rgba(151, 146, 153, 0.3);
      box-shadow: 2.5535714286rem 2.5535714286rem 1.5714285714rem 0 rgba(151, 146, 153, 0.3);
      -webkit-border-radius: 0.5892857143rem;
      -moz-border-radius: 0.5892857143rem;
      border-radius: 0.5892857143rem;
      height: 22rem;
      width: 15.7142857143rem; } }
  .book-template img,
  .book-template .img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 4px 0 10px rgba(0, 0, 0, 0.1);
    width: 100%; }
    @media all and (max-width: 990px) {
      .book-template img,
      .book-template .img {
        -webkit-box-shadow: inset 0.7857142857rem 0 1.9642857143rem rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0.7857142857rem 0 1.9642857143rem rgba(0, 0, 0, 0.1);
        box-shadow: inset 0.7857142857rem 0 1.9642857143rem rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 0.5892857143rem;
        -moz-border-radius: 0.5892857143rem;
        border-radius: 0.5892857143rem; } }
  .book-template .img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    height: 100%; }
  .book-template::after {
    -webkit-box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
    box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: '';
    height: 280px;
    left: 10px;
    position: absolute;
    top: 0;
    width: 3px; }
    @media all and (max-width: 990px) {
      .book-template::after {
        -webkit-box-shadow: 0.1964285714rem 0 0.5892857143rem rgba(255, 255, 255, 0.1);
        -moz-box-shadow: 0.1964285714rem 0 0.5892857143rem rgba(255, 255, 255, 0.1);
        box-shadow: 0.1964285714rem 0 0.5892857143rem rgba(255, 255, 255, 0.1);
        height: 22rem;
        left: 1.9642857143rem;
        width: 0.5892857143rem; } }

[data-bs-theme="dark"] .book-template {
  -webkit-box-shadow: 13px 13px 8px 0 rgba(45, 45, 45, 0.3);
  -moz-box-shadow: 13px 13px 8px 0 rgba(45, 45, 45, 0.3);
  box-shadow: 13px 13px 8px 0 rgba(45, 45, 45, 0.3); }
  @media all and (max-width: 990px) {
    [data-bs-theme="dark"] .book-template {
      -webkit-box-shadow: 2.5535714286rem 2.5535714286rem 1.5714285714rem 0 rgba(45, 45, 45, 0.3);
      -moz-box-shadow: 2.5535714286rem 2.5535714286rem 1.5714285714rem 0 rgba(45, 45, 45, 0.3);
      box-shadow: 2.5535714286rem 2.5535714286rem 1.5714285714rem 0 rgba(45, 45, 45, 0.3); } }

.w-sidebar .book-template {
  height: 168px;
  overflow: hidden;
  width: 120px; }
  @media all and (max-width: 990px) {
    .w-sidebar .book-template {
      height: 22rem;
      overflow: hidden;
      width: 15.7142857143rem; } }
  .w-sidebar .book-template::after {
    height: 168px; }
    @media all and (max-width: 990px) {
      .w-sidebar .book-template::after {
        height: 22rem; } }

@media all and (min-width: 991px) {
  .big-book-poster {
    position: absolute !important; } }

.book-info-big {
  background: #fafbfc; }
  .book-info-big .ml {
    padding-left: 200px; }
    @media all and (max-width: 990px) {
      .book-info-big .ml {
        padding-left: 0; } }

[data-bs-theme="dark"] .book-info-big {
  background: #23394d; }

.books-block .book-info,
.book-page .book-info {
  background: #fafbfc; }
  @media all and (max-width: 990px) {
    .books-block .book-info,
    .book-page .book-info {
      font-size: 2.75rem; }
      .books-block .book-info .info,
      .book-page .book-info .info {
        font-size: 2.3571428571rem; } }
.books-block h4 a,
.book-page h4 a {
  color: #333 !important; }
.books-block .book-author,
.book-page .book-author {
  color: #0a1e78; }
.books-block .book-rating .bi,
.book-page .book-rating .bi {
  color: #ff5e1a;
  position: relative;
  top: -1px; }
.books-block .end-line::before,
.book-page .end-line::before {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, transparent), color-stop(80%, #fafbfc));
  background-image: -webkit-linear-gradient(180deg, transparent 0, #fafbfc 80%);
  background-image: -moz-linear-gradient(180deg, transparent 0, #fafbfc 80%);
  background-image: -ms-linear-gradient(180deg, transparent 0, #fafbfc 80%);
  background-image: -o-linear-gradient(180deg, transparent 0, #fafbfc 80%);
  background-image: linear-gradient(180deg, transparent 0, #fafbfc 80%);
  content: '';
  height: 40px;
  left: 0;
  position: absolute;
  top: -40px;
  width: 100%; }

@media all and (min-width: 991px) {
  .book-page .book-info {
    width: -webkit-calc(100% - 214px) ;
    width: -moz-calc(100% - 214px) ;
    width: calc(100% - 214px) ;
    margin-left: 214px; } }

[data-bs-theme="dark"] .books-block .book-info,
[data-bs-theme="dark"] .book-page .book-info {
  background: #23394d; }
[data-bs-theme="dark"] .books-block h4 a,
[data-bs-theme="dark"] .books-block h6 a,
[data-bs-theme="dark"] .book-page h4 a,
[data-bs-theme="dark"] .book-page h6 a {
  color: #fff !important; }
[data-bs-theme="dark"] .books-block .book-author,
[data-bs-theme="dark"] .book-page .book-author {
  color: #ded5d5; }
[data-bs-theme="dark"] .books-block .book-rating .bi,
[data-bs-theme="dark"] .book-page .book-rating .bi {
  color: #e58055; }
[data-bs-theme="dark"] .books-block .end-line::before,
[data-bs-theme="dark"] .book-page .end-line::before {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, transparent), color-stop(80%, #23394d));
  background-image: -webkit-linear-gradient(180deg, transparent 0, #23394d 80%);
  background-image: -moz-linear-gradient(180deg, transparent 0, #23394d 80%);
  background-image: -ms-linear-gradient(180deg, transparent 0, #23394d 80%);
  background-image: -o-linear-gradient(180deg, transparent 0, #23394d 80%);
  background-image: linear-gradient(180deg, transparent 0, #23394d 80%); }
[data-bs-theme="dark"] .text-body-secondary,
[data-bs-theme="dark"] .text-secondary {
  color: #ded5d5 !important; }

.book-page .book-info {
  background: transparent; }

[data-bs-theme="dark"] .book-page .book-info {
  background: transparent; }

.books-block-min .book-template {
  -webkit-box-shadow: 8px 8px 4px 0 rgba(151, 146, 153, 0.3);
  -moz-box-shadow: 8px 8px 4px 0 rgba(151, 146, 153, 0.3);
  box-shadow: 8px 8px 4px 0 rgba(151, 146, 153, 0.3);
  height: 112px;
  overflow: hidden;
  width: 80px; }
  @media all and (max-width: 990px) {
    .books-block-min .book-template {
      -webkit-box-shadow: 1.5714285714rem 1.5714285714rem 0.7857142857rem 0 rgba(151, 146, 153, 0.3);
      -moz-box-shadow: 1.5714285714rem 1.5714285714rem 0.7857142857rem 0 rgba(151, 146, 153, 0.3);
      box-shadow: 1.5714285714rem 1.5714285714rem 0.7857142857rem 0 rgba(151, 146, 153, 0.3);
      height: 16.5rem;
      width: 11.7857142857rem; } }
  .books-block-min .book-template::after {
    height: 112px; }
    @media all and (max-width: 990px) {
      .books-block-min .book-template::after {
        height: 16.5rem; } }
.books-block-min .book-info {
  background: transparent; }
  @media all and (max-width: 990px) {
    .books-block-min .book-info {
      font-size: 2.75rem; } }

[data-bs-theme="dark"] .books-block-min .book-template {
  -webkit-box-shadow: 8px 8px 4px 0 rgba(45, 45, 45, 0.3);
  -moz-box-shadow: 8px 8px 4px 0 rgba(45, 45, 45, 0.3);
  box-shadow: 8px 8px 4px 0 rgba(45, 45, 45, 0.3); }
  @media all and (max-width: 990px) {
    [data-bs-theme="dark"] .books-block-min .book-template {
      -webkit-box-shadow: 1.5714285714rem 1.5714285714rem 0.7857142857rem 0 rgba(45, 45, 45, 0.3);
      -moz-box-shadow: 1.5714285714rem 1.5714285714rem 0.7857142857rem 0 rgba(45, 45, 45, 0.3);
      box-shadow: 1.5714285714rem 1.5714285714rem 0.7857142857rem 0 rgba(45, 45, 45, 0.3); } }

.loading {
  background: url("/images/loader.svg") no-repeat left center;
  background-size: 36px 36px;
  display: none;
  height: 36px;
  width: 100%; }
  .loading.active {
    display: block; }

.search-block {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-top: 10px;
  right: 0;
  width: 600px;
  z-index: 15; }
  @media all and (max-width: 990px) {
    .search-block {
      -webkit-box-shadow: 0 0 2.9464285714rem rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0 2.9464285714rem rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 2.9464285714rem rgba(0, 0, 0, 0.1);
      max-height: -webkit-calc(100vh - 28.875rem) ;
      max-height: -moz-calc(100vh - 28.875rem) ;
      max-height: calc(100vh - 28.875rem) ;
      height: auto;
      overflow: auto;
      width: 100%; } }
  .search-block .book-item {
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background: transparent; }
    .search-block .book-item:hover {
      background: #fafbfc; }
  .search-block .founded-books-block {
    height: 100%; }
    .search-block .founded-books-block .loading {
      background-position: center; }
    .search-block .founded-books-block.load .books-list {
      display: none; }
    .search-block .founded-books-block.load .loading {
      display: block; }
  .search-block .books-list {
    max-height: 400px; }
    @media all and (max-width: 990px) {
      .search-block .books-list {
        max-height: unset; } }
  .search-block .book-info {
    width: -webkit-calc(100% - 40px - 1rem) ;
    width: -moz-calc(100% - 40px - 1rem) ;
    width: calc(100% - 40px - 1rem) ; }
    @media all and (max-width: 990px) {
      .search-block .book-info {
        width: -webkit-calc(100% - 15.7142857143rem) ;
        width: -moz-calc(100% - 15.7142857143rem) ;
        width: calc(100% - 15.7142857143rem) ;
        font-size: 2.75rem; } }
  .search-block .book-image {
    height: 56px;
    width: 40px; }
    .search-block .book-image img {
      max-width: 100%; }
    .search-block .book-image .img {
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%; }

[data-bs-theme="dark"] .search-block {
  background-color: #23394d; }
  [data-bs-theme="dark"] .search-block .founded-books-block .loading {
    background-image: url("/images/loader-dark.svg"); }
  [data-bs-theme="dark"] .search-block .book-item:hover {
    background: rgba(255, 255, 255, 0.1); }

.breadcrumb {
  background: #fafbfc; }
  @media all and (max-width: 990px) {
    .breadcrumb {
      font-size: 2.3571428571rem; } }

[data-bs-theme="dark"] .breadcrumb {
  background: #23394d; }

@media all and (max-width: 990px) {
  .genre-select {
    font-size: 2.3571428571rem; } }
.genre-select .bi {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  left: 0;
  position: relative; }
.genre-select:hover .bi {
  left: 5px; }
  @media all and (max-width: 990px) {
    .genre-select:hover .bi {
      left: 0; } }
.genre-select:not(.collapsed) .bi {
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  transform: rotateZ(90deg); }
.genre-select:not(.collapsed):hover .bi {
  left: 0; }

@media all and (max-width: 990px) {
  .genres-list,
  .authors-list {
    font-size: 2.75rem; } }
.genres-list .dots,
.authors-list .dots {
  position: relative; }
  .genres-list .dots::after,
  .authors-list .dots::after {
    width: -webkit-calc(100% - 10px) ;
    width: -moz-calc(100% - 10px) ;
    width: calc(100% - 10px) ;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
    bottom: 4px;
    content: '';
    height: 1px;
    left: 5px;
    position: absolute; }
    @media all and (max-width: 990px) {
      .genres-list .dots::after,
      .authors-list .dots::after {
        width: -webkit-calc(100% - 1.9642857143rem) ;
        width: -moz-calc(100% - 1.9642857143rem) ;
        width: calc(100% - 1.9642857143rem) ;
        bottom: 0.7857142857rem;
        left: 0.9821428571rem; } }
.genres-list a:hover,
.authors-list a:hover {
  text-decoration: underline; }

[data-bs-theme="dark"] .genres-list .dots::after,
[data-bs-theme="dark"] .authors-list .dots::after {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5); }

.page-item .page-link {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  color: #0a1e78; }
  @media all and (max-width: 990px) {
    .page-item .page-link {
      font-size: 2.75rem;
      padding: 0.5892857143rem 1.9642857143rem; } }
  .page-item .page-link.disabled {
    color: #333; }
  .page-item .page-link.active {
    background-color: #0a1e78;
    border-color: #0a1e78;
    color: #fff; }
.page-item span.page-link.dotted {
  background-color: #fff !important;
  border-bottom: 0;
  border-top: 0;
  color: #333 !important; }

[data-bs-theme="dark"] .page-item .page-link {
  color: #fff; }
  [data-bs-theme="dark"] .page-item .page-link.disabled {
    color: #ded5d5; }
  [data-bs-theme="dark"] .page-item .page-link.active {
    background-color: #46579f;
    border-color: #46579f;
    color: #fff; }
[data-bs-theme="dark"] .page-item span.page-link {
  background-color: #272a38 !important;
  border-bottom: 0;
  border-top: 0;
  color: #fff !important; }

.subgenres a {
  font-size: .9rem; }
  @media all and (max-width: 990px) {
    .subgenres a {
      font-size: 2.3571428571rem; } }

.avatar img {
  height: 50px;
  width: 50px; }

.avatar-big .btn {
  right: 0; }
.avatar-big .loading {
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 50; }
@media all and (max-width: 990px) {
  .avatar-big img {
    max-width: 19.6428571429rem; } }

.star-block {
  position: relative;
  top: -2px; }
  @media all and (max-width: 990px) {
    .star-block {
      display: block;
      top: 0; } }
  .star-block .bi {
    color: #ff5e1a; }

[data-bs-theme="dark"] .star-block .bi {
  color: #e58055; }

.star-block-rate .bi {
  color: rgba(10, 30, 120, 0.25);
  cursor: pointer; }
  .star-block-rate .bi:hover, .star-block-rate .bi.hover {
    color: rgba(255, 94, 26, 0.5); }
  .star-block-rate .bi.active {
    color: #ff5e1a; }

[data-bs-theme="dark"] .star-block-rate .bi {
  color: rgba(255, 255, 255, 0.25);
  cursor: pointer; }
  [data-bs-theme="dark"] .star-block-rate .bi:hover, [data-bs-theme="dark"] .star-block-rate .bi.hover {
    color: rgba(229, 128, 85, 0.5); }
  [data-bs-theme="dark"] .star-block-rate .bi.active {
    color: #e58055; }

.read-block h3,
.read-block h4,
.text-block h3,
.text-block h4 {
  font-size: 1.7rem;
  margin-bottom: 1rem; }
  @media all and (max-width: 990px) {
    .read-block h3,
    .read-block h4,
    .text-block h3,
    .text-block h4 {
      font-size: 3.5357142857rem;
      margin-bottom: 2.9464285714rem; } }
  .read-block h3 p,
  .read-block h4 p,
  .text-block h3 p,
  .text-block h4 p {
    font-size: 1.7rem;
    margin-bottom: 1rem;
    font-weight: 700; }
    @media all and (max-width: 990px) {
      .read-block h3 p,
      .read-block h4 p,
      .text-block h3 p,
      .text-block h4 p {
        font-size: 3.5357142857rem;
        margin-bottom: 2.9464285714rem; } }
.read-block p,
.text-block p {
  line-height: 1.6; }
  @media all and (max-width: 990px) {
    .read-block p,
    .text-block p {
      margin-bottom: 1.9642857143rem; } }
.read-block ul,
.text-block ul {
  line-height: 1.6;
  padding-left: 13px; }
  @media all and (max-width: 990px) {
    .read-block ul,
    .text-block ul {
      font-size: 2.75rem;
      padding-left: 2.5535714286rem;
      margin-bottom: 1.9642857143rem; } }

[data-bs-theme="dark"] .read-block,
[data-bs-theme="dark"] .text-block {
  color: #ded5d5; }
  [data-bs-theme="dark"] .read-block h1,
  [data-bs-theme="dark"] .read-block h2,
  [data-bs-theme="dark"] .read-block h3,
  [data-bs-theme="dark"] .read-block h4,
  [data-bs-theme="dark"] .read-block h5,
  [data-bs-theme="dark"] .read-block h6,
  [data-bs-theme="dark"] .read-block strong,
  [data-bs-theme="dark"] .text-block h1,
  [data-bs-theme="dark"] .text-block h2,
  [data-bs-theme="dark"] .text-block h3,
  [data-bs-theme="dark"] .text-block h4,
  [data-bs-theme="dark"] .text-block h5,
  [data-bs-theme="dark"] .text-block h6,
  [data-bs-theme="dark"] .text-block strong {
    color: #ded5d5; }

.input-group-text {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.theme-swiper {
  z-index: 10; }
  @media all and (max-width: 990px) {
    .theme-swiper button {
      font-size: 3.1428571429rem;
      padding: 0.9821428571rem 2.3571428571rem; } }
  .theme-swiper .bi {
    fill: currentColor;
    vertical-align: -.125em; }
  .theme-swiper .bd-mode-toggle {
    z-index: 10; }

.theme-swiper-btn {
  z-index: 10; }

.menu-toggle {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  box-sizing: content-box;
  cursor: pointer;
  display: block;
  height: 100%;
  left: -1.9642857143rem;
  padding: 1.9642857143rem;
  position: relative;
  top: 0;
  width: 5.1071428571rem;
  z-index: 50; }
  .menu-toggle .menu-bar {
    -webkit-border-radius: 1.1785714286rem;
    -moz-border-radius: 1.1785714286rem;
    border-radius: 1.1785714286rem;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    background-color: #0a1e78;
    display: block;
    height: 0.5892857143rem;
    margin-bottom: 1.1785714286rem;
    position: relative;
    width: 5.1071428571rem; }
    .menu-toggle .menu-bar:nth-child(2) {
      -moz-opacity: 1 ;
      opacity: 1 ;
      filter: alpha(opacity=100) ;
      left: 0; }
    .menu-toggle .menu-bar:last-child {
      margin-bottom: 0; }
  .menu-toggle.active .menu-bar:nth-child(2) {
    -moz-opacity: 0 ;
    opacity: 0 ;
    filter: alpha(opacity=0) ;
    left: -250%; }
  .menu-toggle.active .menu-bar:first-child {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    left: 0.3928571429rem;
    top: -0.3928571429rem;
    width: 5.8928571429rem; }
  .menu-toggle.active .menu-bar:last-child {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    left: 0.3928571429rem;
    top: 0.1964285714rem;
    width: 5.8928571429rem; }

[data-bs-theme="dark"] .menu-toggle .menu-bar {
  background-color: #46579f; }

.menu-container,
.profile-container {
  height: -webkit-calc(100% - 26.9107142857rem) ;
  height: -moz-calc(100% - 26.9107142857rem) ;
  height: calc(100% - 26.9107142857rem) ;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  background-color: #fff;
  left: -100%;
  padding: 3.9285714286rem;
  position: fixed;
  top: 26.9107142857rem;
  width: 100%;
  z-index: 1055; }
  .menu-container.active,
  .profile-container.active {
    left: 0; }
  .menu-container a,
  .profile-container a {
    font-size: 3.1428571429rem;
    line-height: 3.1428571429rem;
    padding: 1.9642857143rem 0; }

[data-bs-theme="dark"] .menu-container,
[data-bs-theme="dark"] .profile-container {
  background-color: #23394d; }

.profile-container {
  left: auto;
  right: -100%; }
  .profile-container.active {
    left: auto;
    right: 0; }
  .profile-container a {
    text-align: right; }

@media all and (max-width: 990px) {
  .profile-toggle::after {
    display: none; } }

.dz-preview {
  background-color: #fff !important;
  border: 0 !important;
  color: #333 !important;
  display: none;
  height: auto;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 51; }
  .dz-preview .dz-details {
    display: none; }
  .dz-preview .dz-success-mark,
  .dz-preview .dz-error-mark {
    background-image: url("/images/icons/approve.svg");
    background-position: center;
    width: 24px;
    height: 24px;
    -webkit-background-size: 24px 24px;
    -moz-background-size: 24px 24px;
    -o-background-size: 24px 24px;
    background-size: 24px 24px;
    width: -webkit-calc(50% - 6px) ;
    width: -moz-calc(50% - 6px) ;
    width: calc(50% - 6px) ;
    background-color: #198754;
    background-repeat: no-repeat;
    float: left;
    height: 36px;
    margin-right: 6px; }
    .dz-preview .dz-success-mark svg,
    .dz-preview .dz-error-mark svg {
      display: none; }
  .dz-preview .dz-error-mark {
    background-image: url("/images/icons/reject.svg");
    background-position: center;
    width: 28px;
    height: 28px;
    -webkit-background-size: 28px 28px;
    -moz-background-size: 28px 28px;
    -o-background-size: 28px 28px;
    background-size: 28px 28px;
    width: -webkit-calc(50% - 6px) ;
    width: -moz-calc(50% - 6px) ;
    width: calc(50% - 6px) ;
    background-color: #dc3545;
    background-repeat: no-repeat;
    height: 36px;
    margin-left: 6px;
    margin-right: 0; }
  .dz-preview .dz-image {
    margin-bottom: 10px; }

.noshow {
  display: none; }

.block_pagination {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .block_pagination ul li.disabled {
        opacity: .4;
        background-color: #e9ecef;
    }

    .block_pagination ul li.active {
        opacity: 1
    }

    .block_pagination ul li {
        display: inline-block;
        margin-right: 5px
    }

    .block_pagination ul li:last-child {
        margin-right: 0
    }

    .block_pagination ul li svg {
        fill: #9F9F9F
    }

    .block_pagination ul li a,.block_pagination ul li span {
        border: 1px solid #3D3C3C;
        border-radius: 4px;
        width: 30px;
        display: block;
        height: 30px;
        text-align: center;
        line-height: 28px;
        font-size: 16px;
        color: #0a1e78;
    }

    .block_pagination ul li a:hover,.block_pagination ul li.active span {
        border-color: #0000006e;
        color: #48432e87;
    }

    .block_pagination ul li a:hover svg {
        fill: #FDD932;
    }
    .col-12.p-0.read-block.mb-3 {
        font-size: 19px;
    }
    .col-12.p-0.read-block.mb-3 p {
        font-size: 18px;
        text-align: justify;
    }
/*# sourceMappingURL=custom.css.map */

/*
     FILE ARCHIVED ON 08:05:35 Nov 24, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:39:52 Aug 07, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.736
  exclusion.robots: 0.028
  exclusion.robots.policy: 0.013
  esindex: 0.02
  cdx.remote: 1050.1
  LoadShardBlock: 144.993 (3)
  PetaboxLoader3.datanode: 77.814 (4)
  PetaboxLoader3.resolve: 132.34 (2)
  load_resource: 84.679
*/