html, 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, main, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
textarea, select, input { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

html { -webkit-text-size-adjust: none; }
body { font-family: "Roboto", Arial, Tahoma, sans-serif; font-size: 16px; color: #000; font-weight: 400; line-height: 1.3; background: #fff; transition: background-color 0.3s ease; }

* { outline: none; }

textarea, select, input, .cbp_button { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
textarea, select, button, input { width: 100%; background: #fff; font-family: "Roboto", Arial, Tahoma, sans-serif; font-size: 16px; font-weight: 400; border: 1px solid #dddddd; border-radius: 5px; margin: 0; padding: 12px 20px; }

textarea { padding: 20px; }

textarea:focus, select:focus, input:focus { outline: none; border-color: #0a7aec; }

input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder { color: transparent; }

h2.cbp_mt { margin-top: 40px !important; }

h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: 500; }

h1 { font-size: 24px; }
h2 { font-size: 20px; margin-top: 50px; }
h3 { font-size: 22px; }

a { color: #b93566; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover { text-decoration: none; }

strong, b { font-weight: 500; }

nav { background: #faf6ff; height: 80px; margin-bottom: 60px; }
  nav .cbp_wrap { display: flex; align-items: center; height: 80px; justify-content: space-between; }
  nav .cbp_logos { display: flex; }
  nav .cbp_logos .cbp_logo { display: block; width: 43px; height: 40px; margin-right: 30px; background: url("../images/logo.png") no-repeat 0 0; background-size: 100% auto; }
  nav .cbp_logos .cbp_items { display: flex; align-items: center; }
  nav .cbp_logos .cbp_items li { margin-right: 30px; }
  nav .cbp_logos .cbp_items li:last-child { margin-right: 0; }
  nav .cbp_logos .cbp_items a { color: #000; }
  nav .cbp_logos .cbp_items a:hover { color: #0a7aec; }
  nav .cbp_logos .cbp_items.cbp_on { position: absolute; display: block; background: #fff; padding: 30px; top: 80px; right: 30px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
  nav .cbp_logos .cbp_items.cbp_on li { margin: 5px 0; }
  nav .cbp_search_book {  }
  nav .cbp_search_book .cbp_form { display: flex; min-width: 290px; position: relative; border-radius: 5px; overflow: hidden; }
  nav .cbp_search_book .cbp_form input { height: 40px; border: none; padding: 0 20px; }
  nav .cbp_search_book .cbp_form .cbp_button { position: absolute; top: 0; right: 0; bottom: 0; width: 40px; padding: 0; border-radius: 0; background: #e8548b url("../images/search.svg") no-repeat center center; background-size: 100% auto; background-size: 20px auto; }
  nav .cbp_search_book .cbp_form .cbp_button:hover { background-color: #9a51e3; }
  nav .cbp_mob_menu { display: none; cursor: pointer; width: 40px; height: 40px; background: #e8548b url("../images/mob_menu.svg") no-repeat center center; background-size: 20px auto; border-radius: 5px; }
  nav .cbp_mob_menu.cbp_on { background-color: #9a51e3; background-image: url("../images/mob_menu_on.svg"); }



.cbp_text { line-height: 1.6; }
  .cbp_text p { margin-bottom: 12px; }
  .cbp_text p:last-child { margin-bottom: 0; }

.cbp_button { width: auto; background: #e8548b; border: none; color: #fff; cursor: pointer; border-radius: 5px; padding: 12px 30px; }
  .cbp_button:hover { background: #9a51e3; }
  .cbp_button.cbp_small { font-size: 12px; padding: 10px 15px; }

.cbp_breadcrumbs { color: #818181; font-size: 14px; margin-bottom: 19px; line-height: 1.6; }
  .cbp_breadcrumbs a { border-bottom: 1px solid; }
  .cbp_breadcrumbs a:hover { color: #9a51e3; }

.cbp_info {  }
  .cbp_info .cbp_text { line-height: 1.6; margin-top: 19px; }



body.cbp_active { background-color: #f5efdd; color: #6d4231; }

  body.cbp_active nav,
  body.cbp_active footer { background: #6d4231; }
  body.cbp_active nav a { color: #d9c0b5; }
  body.cbp_active nav a:hover { color: #d9c0b5; text-decoration: underline; }
  body.cbp_active .cbp_reader .cbp_panel { background: #6d4231; }
  body.cbp_active .cbp_reader .cbp_panel .cbp_functions .cbp_item:hover,
  body.cbp_active .cbp_reader .cbp_panel .cbp_functions .cbp_item.cbp_active { background-color: #512f21; border-color: #6d4231; }
  body.cbp_active .cbp_reader .cbp_panel .cbp_functions .cbp_item { border-color: #512f21; }
  body.cbp_active .cbp_reader.cbp_fullsc { background-color: #f5efdd; }

  body.cbp_active footer { color: #d9c0b5; }
  body.cbp_active .cbp_button { background: #6d4231; }


.cbp_wrap { max-width: 1140px; margin: 0 auto; }

  .cbp_wrap.cbp_content { display: flex; justify-content: space-between; }


main { width: 71.9298%; }
  main.cbp_m_full { width: 100%; }
  main.cbp_m_full h2 { margin-top: 0; }

.cbp_m_text { line-height: 1.6; margin-bottom: 50px; }
.cbp_m_text h1 { text-align: left; }
.cbp_m_text p { margin-bottom: 20px; }
.cbp_m_text p:last-child { margin-bottom: 0; }
.cbp_m_text ul { padding: 0 0 20px 48px; }
.cbp_m_text ul li { position: relative; }
.cbp_m_text ul li:before { background: #ccc; content: ""; position: absolute; top: 10px; left: -18px; width: 8px; height: 8px; border-radius: 50%; }

.cbp_hide_txt {
  margin: 20px 0;
  max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.cbp_hide_txt.open {
  max-height: 1000px;
}
.cbp_show_txt { display: inline-block; cursor: pointer; color: #0a7aec; border-bottom: 1px solid; }
.cbp_show_txt:hover { color: #9a51e3; }

aside { display: flex; width: 25.4385%; }



aside .cbp_title { text-transform: uppercase; font-weight: 500; margin-bottom: 20px; }

aside .cbp_menu {  }
  aside .cbp_menu { width: 100%; font-size: 14px; }
  aside .cbp_menu li { border-bottom: 1px solid #eaeaea; }
  aside .cbp_menu a { display: flex; justify-content: space-between; padding: 5px 0; }
  aside .cbp_menu a span { margin-left: 10px; }


h1 + .cbp_genres { margin-top: 17px; }
h1 + .cbp_text { margin-top: 17px; }
.cbp_genres {  }
  .cbp_genres .cbp_item { font-size: 20px; font-weight: 500; }
  .cbp_genres .cbp_item a { color: #000; }
  .cbp_genres .cbp_list + .cbp_item { margin-top: 26px; }
  .cbp_genres .cbp_list { line-height: 1.6; margin-top: 10px; }
    .cbp_genres .cbp_list a { display: inline-block; margin-right: 30px; }
    .cbp_genres .cbp_list a span { color: #818181; }
    .cbp_genres .cbp_list a:hover { color: #9a51e3; }

h1 + .cbp_books { margin-top: -7px; }

.cbp_books { display: flex; flex-wrap: wrap; justify-content: space-between; }

.cbp_book_short { display: flex; width: 31.5789%; margin-top: 30px; }
  .cbp_book_short .cbp_cover { flex-shrink: 0; width: 100px; height: 160px; }
  .cbp_book_short .cbp_cover img { object-fit: cover; width: 100%; height: 100%; transition: all .5s; border-radius: 5px; }
  .cbp_book_short .cbp_cover a:hover img { transform: scale(1.1); }
  .cbp_book_short .cbp_info { display: flex; flex-direction: column; justify-content: center; margin-left: 20px; }
  .cbp_book_short .cbp_info a {  }
  .cbp_book_short .cbp_info a:hover { border-bottom: 1px solid; }
  .cbp_book_short .cbp_info .cbp_name {  }
    .cbp_book_short .cbp_info .cbp_name a { text-decoration: none; }
      .cbp_book_short .cbp_info .cbp_name .cbp_title { color: #000; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
      .cbp_book_short .cbp_info .cbp_name .cbp_title a { color: #000; }
      .cbp_book_short .cbp_info .cbp_name .cbp_author { color: #818181; margin-top: 2px; }
      .cbp_book_short .cbp_info .cbp_name .cbp_author a { color: #818181; }
    .cbp_book_short .cbp_info .cbp_details { margin-top: 10px; }
    .cbp_book_short .cbp_info .cbp_details a:hover { color: #e8548b; }
      .cbp_book_short .cbp_info .cbp_details .cbp_genres { font-size: 14px; color: #818181; line-height: 1.4; }
      .cbp_book_short .cbp_info .cbp_details .cbp_genres a { border-bottom: 1px solid; }



.cbp_full_book { display: flex; width: 100%; margin-top: 23px; }
  .cbp_full_book .cbp_cover { flex-shrink: 0; width: 170px; height: 272px; }
  .cbp_full_book .cbp_cover img { object-fit: cover; width: 100%; height: 100%; border-radius: 5px; }
  .cbp_full_book .cbp_info { display: flex; flex-direction: column; justify-content: center; margin-left: 30px; }
  .cbp_full_book .cbp_info .cbp_item { font-size: 14px; line-height: 1.4; margin-top: 12px; color: #818181; }
  .cbp_full_book .cbp_info .cbp_item p:first-child { color: #000; font-weight: 500; margin-bottom: 2px; }
  .cbp_full_book .cbp_info .cbp_item a { border-bottom: 1px solid; }
  .cbp_full_book .cbp_info .cbp_item a:hover { color: #9a51e3; }
  .cbp_full_book .cbp_info .cbp_read { display: flex; margin-top: 15px; }







.cbp_reader_book { display: flex; flex-direction: column; margin-top: 16px; }
.cbp_reader_book.cbp_fullsc { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background: #fff; margin: 0; overflow-x: auto; }

.cbp_reader_book.cbp_fullsc .cbp_text { padding: 0 30px; }
.cbp_reader_book.cbp_fullsc .cbp_panel { position: sticky; top: 0; }
.cbp_reader_book.cbp_fullsc .cbp_panel .cbp_win { right: 30px; }

  .cbp_reader_book .cbp_panel { display: flex; justify-content: space-between; position: relative; height: 60px; background: #f0f6fa; margin-bottom: 30px; }
  .cbp_reader_book .cbp_panel .cbp_functions { display: flex; height: 60px; }
  .cbp_reader_book .cbp_panel .cbp_functions:first-child .cbp_item { border-left: none; }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item { cursor:pointer; width: 60px; border-left: 1px solid #e0eef7; background-repeat: no-repeat; background-position: center center; background-size: auto 18px; }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item:hover,
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_active { background-color: #e0eef7; border-color: #f0f6fa; }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_bookmark { background-image: url("../images/bookmark.svg"); }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_bookmark.cbp_active { background-image: url("../images/bookmark_active.svg"); }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_lamp { background-image: url("../images/lamp.svg"); }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_lamp.cbp_active { background-image: url("../images/lamp_active.svg"); }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_font { background-image: url("../images/font.svg"); background-size: auto 14px; }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_font.cbp_active { background-image: url("../images/font_active.svg"); }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_fullscreen { background-image: url("../images/fullscreen.svg"); }
    .cbp_reader_book .cbp_panel .cbp_functions .cbp_item.cbp_fullscreen.cbp_active { background-image: url("../images/fullscreen_active.svg"); }

  .cbp_reader_book .cbp_panel .cbp_win { position: absolute; top: 65px; right: 0; width: 300px; display: none; background: #fff; box-shadow: 0 8px 40px -10px rgba(0,0,0,0.3); border: 1px solid #e6e6e6; padding: 30px; }
    .cbp_reader_book .cbp_panel .cbp_win .cbp_item { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
    .cbp_reader_book .cbp_panel .cbp_win .cbp_func { display: flex; margin-bottom: 20px; }
    .cbp_reader_book .cbp_panel .cbp_win .cbp_func:last-child { margin-bottom: 0; }
    .cbp_reader_book .cbp_panel .cbp_win .cbp_func .cbp_button { display: flex; width: 45px; height: 45px; border: 1px solid #dddddd; margin-right: 10px; user-select: none; border-radius: 5px; justify-content: center; align-items: center; background: transparent; color: #000; padding: 0; }
    .cbp_reader_book .cbp_panel .cbp_win .cbp_func .cbp_button:hover { border-color: #e0eef7; background: #e0eef7; }
    .cbp_reader_book .cbp_panel .cbp_win .cbp_reset { display: flex; margin-bottom: 20px; }
    .cbp_reader_book .cbp_panel .cbp_win .cbp_reset:last-child { margin-bottom: 0; }

  .cbp_reader_book .cbp_text { font-size: 18px; line-height: 24px; margin-bottom: 30px; }
    .cbp_reader_book .cbp_text.cbp_font_georgia { font-family: Georgia, serif; }
    .cbp_reader_book .cbp_text.cbp_font_tahoma { font-family: Tahoma, Geneva, sans-serif; }
    .cbp_reader_book .cbp_text.cbp_font_arial { font-family: Arial, Helvetica, sans-serif; }
    .cbp_reader_book .cbp_text.cbp_font_verdana { font-family: Verdana, Geneva, sans-serif; }

  .cbp_reader_book .cbp_pagination { margin-bottom: 30px; }
  .cbp_reader_book .cbp_pagination .cbp_nextpage { margin: 0 5px; }



.cbp_discussion { display: flex; margin-top: 10px; }
  .cbp_discussion.cbp_socials { min-height: 24px; }

  .cbp_comments,
  .cbp_value,
  .cbp_views,
  .cbp_edit { display: flex; flex-direction: column; justify-content: center; font-size: 14px; color: #818181; height: 17px; margin-right: 20px; padding-left: 22px; }

  .cbp_comments { background: url("../images/comments.svg") no-repeat 0 0; background-size: auto 100%; }
  .cbp_value { background: url("../images/rating.svg") no-repeat 0 0; background-size: auto 100%; }
  .cbp_views { background: url("../images/views.svg") no-repeat 0 0; background-size: auto 100%; }

  .cbp_comments a,
  .cbp_edit a { text-decoration: underline; }

  .cbp_comments a:hover,
  .cbp_edit a:hover { border: none; text-decoration: none; }

  .cbp_views {  }

  .cbp_other { font-size: 14px; }

  .cbp_edit { padding-left: 0; }

  .cbp_comment .cbp_discussion .cbp_value,
  .cbp_full .cbp_info .cbp_value { background-image: url("../images/rating_hover.svg"); color: #000; font-weight: 500; }


.cbp_addcomment {  }
  .cbp_addcomment .cbp_item { display: flex; margin-bottom: 10px; }



.cbp_comment { margin-top: 20px; background: #f0f6fa; border-radius: 10px; padding: 30px; border: 1px solid #dddddd; }
  .cbp_comment .cbp_author { font-weight: 500; }
  .cbp_comment .cbp_text { margin-top: 10px; }

.cbp_comments_lists { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .cbp_comments_lists .cbp_comment { width: 48.6842%; }



.cbp_score { margin: 16px 0 20px 0; }

  .cbp_score .cbp_desc { font-size: 14px; margin-bottom: 6px; }

  .cbp_rating-area { overflow: hidden; width: 300px; }

    .cbp_rating-area:not(:checked) > input { display: none; }

    .cbp_rating-area:not(:checked) > label { float: right; width: 30px; height: 24px; padding: 0; cursor: pointer; }

    .cbp_rating-area:not(:checked) > label { display: block; content: ""; background: url("../images/rating.svg") no-repeat 0 0; background-size: auto 100%; }

    .cbp_rating-area > input:checked ~ label { background-image: url("../images/rating_hover.svg"); }

    .cbp_rating-area:not(:checked) > label:hover,
    .cbp_rating-area:not(:checked) > label:hover ~ label { background-image: url("../images/rating_hover.svg"); }

    .cbp_rating-area > input:checked + label:hover,
    .cbp_rating-area > input:checked + label:hover ~ label,
    .cbp_rating-area > input:checked ~ label:hover,
    .cbp_rating-area > input:checked ~ label:hover ~ label,
    .cbp_rating-area > label:hover ~ input:checked ~ label { background-image: url("../images/rating_hover.svg"); }

    .cbp_rate-area > label:active { position: relative; }



.cbp_bb-editor { margin: 0 0 20px 0; }
  .cbp_bb-editor textarea { height: 100px; }

.cbp_mass_comments_action { display: none; }

#fullsearch { width: 100%; }



.cbp_pagination { display: flex; width: 100%; justify-content: center; margin: 30px 0 0 0; }

  .cbp_pagination .cbp_pages { display: flex; justify-content: center; }
  .cbp_pagination .cbp_pages span,
  .cbp_pagination .cbp_pages a { display: flex; min-width: 40px; height: 40px; text-align: center; background: #e8eef0; border-radius: 5px; justify-content: center; align-items: center; margin: 3px; padding: 0 10px; }
  .cbp_pagination .cbp_pages a { color: #818181; }
  .cbp_pagination .cbp_pages span { color: #fff; background: #0a7aec; }
  .cbp_pagination .cbp_pages span.cbp_nav_ext { color: #818181; background: transparent; }

blockquote { margin: 20px 0 45px 0; background: #f0f6fa; padding: 30px; }

footer { background: #f0f6fa; margin-top: 60px; padding: 20px 0; }
  footer .cbp_wrap { display: flex; font-size: 14px; align-items: center; }



/*custom*/
.cbp_book-desc{
  margin: 40px 0;
}
.cbp_book-desc h2{
  margin-bottom: 17px;
}
.cbp_subtitle-desc{
  margin-top:30px;
}
.cbp_book-page .cbp_pagination .cbp_next{
  margin-left:10px;
}

#comment-form {
  margin:30px 0;
}
