body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
  font-family: 'Source Sans Pro', sans-serif; 
  font-size:16px;
  margin: 0;
}

#body, #contentwrapper { background-color: #ffffff; }

.read-online {
  position: relative;
  max-width: 816px;
  padding-top: 24px;
}

.bookreader-info { 
  display: grid;
  grid-template-columns: 120px 1fr;
  grid-gap: 0 24px;
  width:100%; 
  margin-bottom:40px;} 
.bookreader-info .bookcover {
  display: grid;
  width: 120px;
  height: 184px;
}
.bookreader-info .bookcover img { 
  border-radius: 8px;
  object-fit: contain; 
}
.bookreader-info h1 a {
  display:inline-block;
  font: 600 20px/24px "Source Sans Pro", sans-serif; 
  color: inherit; }

.bookreader-info a.author {
  font: 400 16px/24px "Source Sans Pro", sans-serif;  
  color: inherit;
  margin: 2px 0; }

.bookreader-info a.author:hover {color: #04A00C; }

.bookreader-info a.link {
  font: 600 18px/24px "Source Sans Pro", sans-serif;  
  color: #3E99ED;
}



.bookreader-info a.bookreader-start {margin-bottom:32px; cursor: pointer; display: inline-block; font-weight:bold; font-size:16px; padding: 10px 20px; color:#fff; background: #0768d8; 
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.bookreader-info a.bookreader-start:hover {color:#fff;background: #04A00C;}

.bookreader-info p {
  font: 400 16px/24px "Source Sans Pro", sans-serif; 
  margin: 0 0 12px;
}
.bookreader-info p.genres span {
  color: #88898C;
}
.bookreader-info p.genres {
  color: #217DD1; }

.bookreader-info .bc-rating {
  margin: 0; }
.bookreader-info .bc-rating-medium,
.bookreader-info .bc-rating-medium:visited {
  color: inherit; }
.bookreader-info .bc-menu__rating p {
  color: inherit;
}





.book-reader {
  max-width: inherit;
  color: inherit; 
  font: 400 16px/calc(100% + 8px) "Source Sans Pro", sans-serif; }
.book-reader_contents {
  background-color: #fff;  }
.book-reader p, .book-reader .p {
  font: inherit;
  margin: 0;
  text-indent:10px; }

.book-reader * {
  font-family: "Source Sans Pro", sans-serif; }
.book-reader h3 { 
  font: 600 32px/40px "Source Sans Pro", sans-serif; 
  margin: 0 80px 24px; 
  text-align: center;}

.book-reader .contents div.content a {
  padding:8px 0 ;
  font-size: 18px;
  color: #3E99ED;
  display:block; 
  line-height:24px; }

.book-reader .contents div.content {padding-left:0px; border-radius: 3px; }

.book-reader .contents div.content.level2 a {font-weight: 600; font-size: 20px}
.book-reader .contents div.content.level3 a {padding-left:40px; }
.book-reader .contents div.content.level4 a {padding-left:64px; }
.book-reader .contents div.content.level5 a {padding-left:88px; }
.book-reader .contents div.content.level6 a {padding-left:112px; }
.book-reader .contents div.content:hover {background: #eeeeee;}

.book-reader .contents div.content a span.title {display:table-cell;white-space:nowrap;padding-right:2px;font-size:16px; max-width: 600px;
text-overflow: ellipsis; overflow: hidden; }
.book-reader .contents div.content.level2 a span.title {font-size:20px; line-height: 20px;}

.book-reader .contents.small div.content.level2 a span.title {font-size:16px; }

.book-reader .contents div.content.level2 a span.spacer {display: none;}
.book-reader .contents div.content.level2 a span.go {display:none;}

.book-reader .contents div.content a span.spacer, .book-reader .contents.small div.content a span.spacer 
{display: table-cell;width:100%; background-image: linear-gradient(to right, #38424c 30%, rgba(255,255,255,0) 0%);background-position: bottom;background-size: 6px 1px;background-repeat: repeat-x;}
.book-reader .contents div.content a span.go, .book-reader .contents.small div.content.level2 a span.go
{display:table-cell;font-size:14px; border-bottom: 1px solid }


.book-reader div.poem {padding-bottom: 10px;} 

.modal-block {
  position: absolute;
  bottom: 70px;
  left: 80px;
  border-radius: 20px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  padding: 32px 24px;
  width: 656px;
  max-height: 592px;
  background: #fff;
  box-sizing: border-box;
  overflow-x: scroll;
  text-align: start;
  z-index: 10;
}
.modal-block h4 {
  color: #88898C;
  font: 400 16px/24px "Source Sans Pro", sans-serif;
}
.modal-block-setting {
  position: absolute;
  right: 80px;
  bottom: 70px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 20px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
  padding: 32px 24px;
  width: 412px;
  height: 412px;
  box-sizing: border-box;
  padding: 32px 24px;
  background: #fff;
  z-index: 11;
}
.modal-block-setting > div { 
  width: 100%;
  text-align: start;
  margin: 0 0 30px;
}
.modal-block-setting p {
  width: 100%;
  color: #3E3F40;
  font: 400 16px/20px "Source Sans Pro", sans-serif;
  margin: 0 0 8px;
  text-indent: 0;
  text-align: start;
}
.modal-block-setting__color {
  display: flex;
  flex-wrap: wrap; }
.modal-block-setting__color label {
  position: relative;
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #D0D2D6;
  margin: 0 8px 0 0;
}
.modal-block-setting__color input {
  display: none;
}
.modal-block-setting__color input:checked + label::before {
  position: absolute;
  content: '';
  top: 12px;
  left: 12px;
  width: 16px;
  height: 16px;
  background: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 8L7 11L12.5 5.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  color: inherit;
}
.modal-block-setting button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid #D0D2D6;
  height: 40px;
  width: 100%;
  border-radius: 20px;
  box-sizing: border-box;
  color: #3E3F40;
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  background: #fff;
  margin: 10px 0 0;
}
.modal-block-setting button:hover {
  background-color: rgba(237, 240, 247, 0.5); }
/**************/
.modal-block-setting details {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  border-radius: 20px; }

.modal-block-setting summary {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  border-radius: 20px;
  padding: 0 40px 4px 15px;
  font: 16px/16px "Source Sans Pro", sans-serif;
  border: 1px solid #D2D4D6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.modal-block-setting summary::-webkit-details-marker {
  display: none; }

.modal-block-setting summary::after {
  position: absolute;
  content: '';
  right: 22px;
  top: 12px;
  width: 7px;
  height: 7px;
  border-left: 1px solid #252626;
  border-top: 1px solid #252626;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.modal-block-setting details[open] {
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25); }

.modal-block-setting details[open] summary::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 17px; }

.modal-block-setting details[open] summary {
  border-radius: 20px 20px 0 0;
  border: none;
  border-bottom: 1px solid #D2D4D6; }
.modal-block-setting details > div {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 16px/24px "Source Sans Pro", sans-serif;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 4px 16px;
  z-index: 3;
  color: #252626;
  height: 160px; }
.modal-block-setting details > div * {
  cursor: pointer;
  display: flex;
  width: 100%;
}
.modal-block-setting details > div *:hover {
  background-color: rgba(237, 240, 247, 0.5); }

.modal-block-setting details a {
  color: #252626;
  font: 16px/24px "Source Sans Pro", sans-serif;
}
label[for='white'] {
  background-color: #fff;
}
label[for='beige'] {
  background-color: #F8F1E4;
}
label[for='grey'] {
  background-color: #5A5A5A;
}
label[for='black'] {
  background-color: #121212;
}
#inp_type_range_valuy {
  width: 40px;
}
.modal-block-setting input[type="range"] {
  width: 100%;
}

/***********************************/
#br-pager-fixed {
  position:fixed;
  bottom:0px;
  padding: 20px 80px 12px;
  display:block;
  background: #EDF0F7;
  border-radius: 24px 24px 0 0;
  max-width: inherit;
  width: 100%;
  box-sizing: border-box;
  z-index: 10;}

.bookreader-pager {
  display: flex;
  justify-content: space-between;
  text-align: center; 
  align-items: center;
  padding: 0 0 12px; 

  }
.bookreader-pager a {
  color: #3E3F40;}
.bookreader-contents,
.bookreader-settings {
  background-color: #fff;
  border: 1px solid #D0D2D6;
  background-repeat: no-repeat;
  background-position: 9px 50%;
  padding: 4px 16px 4px 36px;
  font: 600 16px/20px "Source Sans Pro", sans-serif; 
  border-radius: 16px;
  height: 32px;
  box-sizing: border-box;
}

.bookreader-contents:hover,
.bookreader-settings:hover {
  background-color: rgba(237, 240, 247, 0.5); }

.bookreader-contents {
  margin-right: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='4' y='8' width='13' height='1' fill='%23252626'/%3e%3crect x='4' y='12' width='13' height='1' fill='%23252626'/%3e%3crect x='4' y='16' width='13' height='1' fill='%23252626'/%3e%3crect x='19' y='8' width='1' height='1' fill='%23252626'/%3e%3crect x='19' y='12' width='1' height='1' fill='%23252626'/%3e%3crect x='19' y='16' width='1' height='1' fill='%23252626'/%3e%3c/svg%3e ");
}
.bookreader-settings {
  margin-left: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.8721 12.705C4.84836 12.4732 4.83621 12.238 4.83621 12C4.83621 11.762 4.84836 11.5268 4.8721 11.295L3 9.23205L5.0468 5.76795L7.8112 6.32071C8.20042 6.04613 8.61899 5.80882 9.06144 5.61412L9.9532 3H14.0468L14.9386 5.61412C15.381 5.80882 15.7996 6.04613 16.1888 6.32071L18.9532 5.76795L21 9.23205L19.1279 11.295C19.1516 11.5268 19.1638 11.762 19.1638 12C19.1638 12.238 19.1516 12.4732 19.1279 12.705L21 14.7679L18.9532 18.232L16.1888 17.6793C15.7996 17.9539 15.381 18.1912 14.9386 18.3859L14.0468 21H9.9532L9.06144 18.3859C8.61899 18.1912 8.20042 17.9539 7.8112 17.6793L5.0468 18.232L3 14.7679L4.8721 12.705Z' stroke='%23252626' stroke-linecap='square'/%3e%3cpath d='M12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5Z' stroke='%23252626' stroke-linecap='square'/%3e%3c/svg%3e ");
}
.bookreader-contents.bookreader-active,
.bookreader-settings.bookreader-active {
  color: #fff;
  background-color: rgba(15, 86, 153, 0.6);
}
.bookreader-contents.bookreader-active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='4' y='8' width='13' height='1' fill='white'/%3e%3crect x='4' y='12' width='13' height='1' fill='white'/%3e%3crect x='4' y='16' width='13' height='1' fill='white'/%3e%3crect x='19' y='8' width='1' height='1' fill='white'/%3e%3crect x='19' y='12' width='1' height='1' fill='white'/%3e%3crect x='19' y='16' width='1' height='1' fill='white'/%3e%3c/svg%3e ");
}
.bookreader-settings.bookreader-active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.8721 12.705C4.84836 12.4732 4.83621 12.238 4.83621 12C4.83621 11.762 4.84836 11.5268 4.8721 11.295L3 9.23205L5.0468 5.76795L7.8112 6.32071C8.20042 6.04613 8.61899 5.80882 9.06144 5.61412L9.9532 3H14.0468L14.9386 5.61412C15.381 5.80882 15.7996 6.04613 16.1888 6.32071L18.9532 5.76795L21 9.23205L19.1279 11.295C19.1516 11.5268 19.1638 11.762 19.1638 12C19.1638 12.238 19.1516 12.4732 19.1279 12.705L21 14.7679L18.9532 18.232L16.1888 17.6793C15.7996 17.9539 15.381 18.1912 14.9386 18.3859L14.0468 21H9.9532L9.06144 18.3859C8.61899 18.1912 8.20042 17.9539 7.8112 17.6793L5.0468 18.232L3 14.7679L4.8721 12.705Z' stroke='white' stroke-linecap='square'/%3e%3cpath d='M12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5Z' stroke='white' stroke-linecap='square'/%3e%3c/svg%3e ");
}

.bookreader-prev, 
.bookreader-next {
  font: 600 18px/24px "Source Sans Pro", sans-serif;
  padding: 0 0 0 28px;
  position: relative; }
.bookreader-next {
  padding: 0 28px 0 0;
}
.bookreader-prev::before,
.bookreader-next::before {
  position: absolute;
  content: "";
  left: 10px;
  top: calc(50% - 5px);
  width: 9px;
  height: 9px;
  background: transparent;
  border-top: 1.5px solid #3E3F40;
  border-left: 1.5px solid #3E3F40;
  transform: rotate(-45deg);
}
.bookreader-next::before {
  transform: rotate(135deg);
  right: 10px;
  left: auto;
}
.bookreader-prev:hover, 
.bookreader-next:hover {
  color: #3B91E0;
}

.bookreader-prev:hover::before,
.bookreader-next:hover::before {
  border-color: #3B91E0;
}
.bookreader-prev:active, 
.bookreader-next:active {
  color: #217DD1;
}

.bookreader-prev:active::before,
.bookreader-next:active::before {
  border-color: #217DD1;
}

.bookreader-num {
  height: 32px;
  width: 94px;
  border-radius: 16px;
  border: 1px solid #D0D2D6;
  box-sizing: border-box;
  padding: 4px 16px;
}


.bookreader-progressbar { 
  width: 100%; 
  display: inline-block; 
  background: #D0D2D6;
  height:2px;
}
.bookreader-progress {
  height:2px; 
  background:#3E99ED; 
  display:block; 
  vertical-align:middle;}


  /******************************/
span.content-title {font-family: 'PT Serif', serif; font-size:20px; font-weight:bold; margin-top:12px; display: inline-block;}



.notes-delimiter {border-bottom: 1px solid; margin-top: 40px; margin-bottom:10px; width: 200px;}
.notes .note, .notes a {font-size:14px;}

div.note {display:inline-block;}
span.sup {vertical-align: super; line-height: 1px;}
span.sup > a:before, div.note > a:before {content:"";display:inline-block;width: 0;height: 90px;margin:-90px 0 0;}

#quote-form {display:none;right:20px;position:absolute;background: #fff;z-index:100; white-space: pre; font-style: italic; padding: 10px;
    -webkit-box-shadow: 1px 2px 7px -2px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 2px 7px -2px rgba(50, 50, 50, 0.75); box-shadow: 1px 2px 7px -2px rgba(50, 50, 50, 0.75);
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
}


.litres-btnbuy {display: block; max-width: 440px; font-size: 16px; font-weight: bold; height: 50px; line-height: 50px; color: #fff !important;
    background: #0e920e; padding: 0 10px; text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer;
    margin: auto; font-family: Arial, Helvetica, Verdana}
.litres-btnbuy:hover {background: #0b750b;}

.full-marker {display:none;}

/*********************/
.breadcrumbs {
  height: 16px;
  margin: 24px auto;
  max-width: 1140px;
}
.breadcrumbs a, 
.breadcrumbs a:visited {
  position: relative;
  font: 400 14px/16px "Source Sans Pro", sans-serif; 
  color: #252626;
  padding-right: 20px;
}
.breadcrumbs a:not(:last-of-type)::before {
  position: absolute;
  right: 6px;
  content: '/';
  color: #767479;
  font: 400 12px/16px "Source Sans Pro", sans-serif; 
}
.page-header + .breadcrumbs,
.page-header + input + .breadcrumbs {
  margin-top: 0;
}

/* custom style */
.modal-block-setting details > div {
  height:178px;
}

#br-pager-fixed {
  line-height:0;
}

.bookreader-pager {
  padding-bottom: 8px;
}

.bc-menu__rating p {
  font: 18px/24px "Source Sans Pro", sans-serif;
  color: #3E3F40;
  margin: 0 14px;
}

.bc-rating-medium, .bc-rating-medium:visited {
    position: relative;
    font: 300 32px/40px "Source Sans Pro", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #252626;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 40px 9px 0;
    padding: 0 0 0 32px;
}

.bc-rating-medium span {
  font: 300 32px/40px "Source Sans Pro", sans-serif;
}