* {
    font-family: "Open Sans", sans-serif;
    outline-color: #40677e;!important;
}
/*.fa {
    font-family: "Font Awesome 5 Free" !important;
}*/

a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
    transition: .3s ease-in-out;
}

.container {
    position: relative;
    margin: 0 auto;
    width: 1170px; }
@media all and (max-width: 1170px) {
    .container {
        width: 100%; } }
.container .row {
    width: 100%;
    margin: 0 auto;
    position: relative; }
.container .row [class*="col-md-"] {
    position: relative; }
.container .row a[class*="col-md-"] {
    display: inline-block; }

html {
}

h1 {
    margin: 0 0 20px;
}

h2 {
    padding: 0;
    margin: 0 0 20px;
}

body {
    background-color: #edeee9;
}

.thumbnails-title .dropdown:hover > .dropdown-menu {
    display: block;
}

br.show-on-mobile {
    display: none;
}

.btn-primary {
    background-color: #40677e;
    text-align: center;
    border-radius: 0;
    padding: 5px 10px;
    box-shadow: none;
    border: 0;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #5b86a4;
    text-decoration: none !important;
}

.book-fav a:hover,
.book-fav a:focus,
.book-fav a:active {
    text-decoration: none !important;
}

button.btn-primary {
    min-width: 200px;
}

.ui-button {
    background-color: #40677e;
    border: 0;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    margin-right: 5px;
}

ul.text-in-col {
    display: inline-block;
    text-decoration: none;
    list-style: none;
}

textarea {
    resize: none;
}

.main-container {
    padding: 0;
    margin-top: 20px;
}

.w100p {
    width: 100%;
}

.site-footer {
    height: 100px;
    line-height: 100px;
    background: -moz-linear-gradient(0deg, #1e1e1e 0%, #005757 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1e1e1e), color-stop(100%, #005757)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #1e1e1e 0%, #005757 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #1e1e1e 0%, #005757 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #1e1e1e 0%, #005757 100%); /* ie10+ */
    background: linear-gradient(90deg, #1e1e1e 0%, #005757 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#005757',GradientType=1 ); /* ie6-9 */
    color: #fff;
    bottom: 0;
}

.more768 {
    display: block;
}
.less768 {
    display: none !important;
}

    .site-footer a {
        color: #fff;
        text-decoration: none;
    }

.navbar {
    background: -moz-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #40677e), color-stop(100%, #5C95B5)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* ie10+ */
    background: linear-gradient(90deg, #40677e 0%, #5C95B5 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40677e', endColorstr='#5C95B5',GradientType=1 ); /* ie6-9 */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.blue-bg {
    background: -moz-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #40677e), color-stop(100%, #5C95B5)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #40677e 0%, #5C95B5 100%); /* ie10+ */
    background: linear-gradient(90deg, #40677e 0%, #5C95B5 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40677e', endColorstr='#5C95B5',GradientType=1 ); /* ie6-9 */
    color: #edeee9;
}

.gray-bg {
    background-color: #edeee9;
    color: #40677e;
}

a.navbar-brand {
    color: #edeee9 !important;
    font-weight: bold;
    font-size: 2em;
}

#story,#story2 {
    height: 34px;
    padding: 8px 10px;
    float: left;
    outline-style: none;
    border: 1px solid transparent;
    background-color: #dddddd;
    color: #40677e;
    width: 300px;
}

#search-button,#search-button2 {
    height: 34px;
}

.header-btn {
    color: #40677e;
    background-color: gainsboro;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdown {
    margin-left: 10px;
    float: right;
}

.thumbnails-title .dropdown {
    margin-left: 0;
    float: none;
}

.thumbnails-title .dropdown a {
    color: #40677e;
}

.thumbnails-title .dropdown .dropdown-menu {
    left: auto;
    right: 0;
}

.thumbnails-title .dropdown .dropdown-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.thumbnails-title .dropdown form {
    background-color: #fff;
    padding: 7px 15px;
    text-align: left;
}

.thumbnails-title .dropdown form .sort li.asc a:after, .thumbnails-title .dropdown form .sort li.desc a:after {
    font-family: "Font Awesome 5 Free";
    content: "\f063";
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-left: 10px;
    font-style: normal;
    font-variant: normal;
    font-weight:900;
    line-height: 1;
}

.thumbnails-title .dropdown form .sort li.desc a::after {
    content: "\f062";
}

.thumbnails-title .dropdown form a {
    color: #2a2a2a;
    display: block;
    margin-bottom: 10px;
    line-height: 20px;
}

.thumbnails-title .dropdown form .sort li:last-child a {
    margin-bottom: 0;
}

hr.header-hr {
    border-top-color: #859da9;
    margin-top: 0;
    margin-bottom: 0;
}

#second-nav .btn-group {
    width: 100%;
    line-height: 50px;
}

#second-nav a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    transition: all 300ms ease;
    position: relative;
    box-shadow: none;
}

#second-nav a {
    position: relative;
    z-index: 1;
}

#second-nav a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    background: #fff;
    top: 0;
    left: 50%;
    right: 0;
    z-index: 0;
    transition: all 300ms ease;
}
#second-nav a:hover {
    color: #000;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    transition: all 300ms ease;
}
#second-nav a:hover:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

#second-nav .link-wrapper {
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
}

.left-block-header,
.download-header {
    position: relative;
}

    .left-block-header:before,
    .download-header:before {
        content: '';
        width: calc(100% + 33px);
        position: absolute;
        height: calc(100% + 3px);
        left: -10px;
        z-index: 2;
    }

    .download-header:before {
        width: calc(100% + 3px);
        left: 5px;
    }

    .left-block-header:after,
    .download-header:after {
        content: '';
        width: 0;
        height: 0;
        border: 4px solid transparent;
        position: absolute;
        background-color: transparent;
        right: -23px;
        z-index: 2;
        top: calc(100% + 3px);
    }

    .download-header:after {
        right: -8px;
    }

    #genres-header:before,
    #genres-header2:before,
    #download-header:before {
        background-color: #ac102f;
        box-shadow: 0 2px 2px rgba(0,0,0,.2);
    }

    #genres-header:after,
    #genres-header2:after,
    #download-header:after {
        border-top-color: #9d001f;
        border-left-color: #9d001f;
    }

    #dont-miss-header:before,#dont-miss-header2:before {
        background-color: #d6002a;
    }

    #dont-miss-header:after,#dont-miss-header2:after {
        border-top-color: #9d001f;
        border-left-color: #9d001f;
    }


.left-block-head,
.download-head {
    position: relative;
    color: white;
    z-index: 5;
}

.download-head {
    z-index: 5;
    background: transparent !important;
}

#genres,#genres2 {
    background: -moz-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #40677e), color-stop(100%, #456F87)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* ie10+ */
    background: linear-gradient(90deg, #40677e 0%, #456F87 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40677e', endColorstr='#456F87',GradientType=1 ); /* ie6-9 */
    box-shadow: 0 8px 10px rgba(0,0,0,.3);
    margin-bottom: 30px;
}

#dont-miss,#dont-miss2 {
    background-color: #fff;
    box-shadow: 0 8px 10px rgba(0,0,0,.15);
}

.span3 .container:not(:last-of-type) {
    margin-bottom: 20px;
}

#navbar-collapse {
    line-height: 50px;
}

.book-img {
    height: 200px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#dont-miss .book-img,#dont-miss2 .book-img {
    height: 150px;
}

.look-a-like .book-img {
    height: 250px;
}

.popular-wrapper {
    padding: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.thumbnails {
    position: relative;
}

.thumbnails.s-thumbnails, .left-block .thumbnails {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.thumbnails.b-thumbnails {
    display: block !important;
}

.thumbnails:not(:last-of-type) {
    margin-bottom: 30px;
}

.thumbnails-title {
    height: 40px;
    line-height: 40px;
}

.thumbnails-title h2 {
    display: inline-block;
}

.thumbnails-title, .blog-header, .left-block-header, .download-header {
    margin-bottom: 5px;
    font-size: 24px;
}

.slice {overflow:hidden; position:relative; transition:height .2s;}
.slice-masked:before {content:'';position:absolute;z-index:1;bottom:0;left:0;right:0;height:120px;pointer-events:none;
    background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #edeee9 100%);
    background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #edeee9 100%);}
.slice-btn {margin: 10px 0 0;}
.slice-btn span {display:block; cursor:pointer; text-decoration:none; color:#fff; background-color:#40677e;
    text-align:center; padding:10px;}

.left-block-header,
.thumbnails-title {
    margin-bottom: 30px;
}

.download-header {
    top: 5px;
    font-size: 22px;
}

.book-thumbnail {
    position: relative;
    border: 1px solid transparent;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}

    .book-thumbnail a {
        color: #000;
        cursor: pointer;
    }

    .book-thumbnail:hover {
    }

.book-thumbnail.s-thumbnail {
    width: 20%;
    position: relative;
    z-index: 1;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    float: left;
}

.book-thumbnail.s-thumbnail:nth-child(5n+1) {
    clear: both;
}

@media all and (max-width: 1170px) {
    .book-thumbnail.s-thumbnail {
        width: 25%;
    }
    .book-thumbnail.s-thumbnail:nth-child(5n+1) {
        clear: unset;
    }
    .book-thumbnail.s-thumbnail:nth-child(4n+1) {
        clear: both;
    }
}

.book-thumbnail.s-thumbnail .book-link {
    position: relative;
}

.book-thumbnail.s-thumbnail .book-info {
    z-index: 5;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    opacity: 0;
}

.book-thumbnail.s-thumbnail .book-info.left {
    left: 40%;
    transform: rotateY(90deg);
    transform-origin: left center;
    padding: 15px 15px 15px 100px;
}

.book-thumbnail.s-thumbnail .book-info.right {
    right: 40%;
    transform-origin: right center;
    transform: rotateY(-90deg);
    padding: 15px 100px 15px 15px;
}

.ui-dialog-content {
    padding: 15px;
}

.book-thumbnail.s-thumbnail.active {
    z-index: 2;
}

.book-thumbnail.s-thumbnail.active .book-info.left,.book-thumbnail.s-thumbnail.active .book-info.right {
    opacity: 1;
    transform: rotateY(0);
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
}

.book-thumbnail.b-thumbnail {
    display: block;
    width: 100%;
    min-height: 210px;
    text-align: left;
    background-color: #fff;
    height: auto;
    position: relative;
}

.b-thumbnail:before {
    display: block;
    position: absolute;
    width: 75px;
    background: #edeee9;
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
}

.book-thumbnail.b-thumbnail:not(:last-of-type) {
    margin-bottom: 30px;
}

.book-thumbnail.b-thumbnail .book-link {
    width: 20%;
    height: auto;
}

.book-thumbnail.b-thumbnail .book-link .book-img {
    height: 100%;
}

.book-thumbnail.b-thumbnail .b-show {
    display: block;
}

.book-thumbnail.b-thumbnail .b-hide {
    display: none;
}

.book-thumbnail.b-thumbnail .book-info {
    display: inline-block !important;
    width: 80%;
    opacity: 1 !important;
    box-shadow: none;
    pointer-events: auto;
    left: auto !important;
    right: auto !important;
}

.book-thumbnail.b-thumbnail .book-info .book-name {
    text-align: center;
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: bold;
}

.dont-miss-thumbnail {
    width: 45%;
    position: relative;
    text-align: center;
    color: #dddddd;
}

.dont-miss-thumbnail a {
    color: black;
    cursor: pointer;
    font-size: 12px;
    padding-left: 0;
}

.dont-miss-thumbnail a:hover {
    color: #3f3f3f;
    text-decoration: none;
}

.book-link {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 2;
}

.book-name {
    padding: 10px 10px 5px;
    transition: .3s ease-in-out;
    display: block;
    font-size: 13px;
}

.book-info .book-name {
    padding: 0 0 5px;
    transition: .3s ease-in-out;
    display: block;
    font-size: 17px;
    font-weight: 600;
}

.book-name:hover {
    text-decoration: none;
    color: #444;
}

.book-info {
    display: none;
    position: absolute;
    top: 0;
    width: 480px;
    min-height: 200px;
    text-align: left;
    background-color: rgb(255, 255, 255);
    color: #000000;
    z-index: 1;
    opacity: 0;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    transition: .3s ease-in-out;
}

.b-thumbnail .book-info {
    padding: 15px 15px 15px 0;
}

.book-thumbnail.b-thumbnail .book-info .book-name {
    text-align: left;
}

.book-description {
    color: #5e5e5e;
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
    margin-top: 10px;
    font-size: 13px;
    font-style: italic;
}

span.property-name {
    display: none;
}

.property-name {
    display: inline-block;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    width: 90px;
}

.span9 {
    display: inline-block;
    float: left;
    width: 75%;
    padding-left: 30px;
}

.span3 {
    display: inline-block;
    float: left;
    width: 25%;
    height: 100%;
    background-color: #ebebeb;
    z-index: 3;
}

@media all and (max-width: 1170px) {
    .span9 {
        width: 70%;
    }

    .span3 {
        width: 30%;
    }
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
}

#download-book {

}

#book-controls {
    display: inline-block;
    float: right;
    line-height: 35px;
    height: 100%;
}

#book-controls label {
    font-size: 0.5em;
    font-weight: normal;
    margin: 0;
}

#book-controls i {
    font-size: 0.8em;
}

#sorter, #grid-select {
    position: relative;
    display: inline-block;
    top: 3px;
}

#grid-thumb, #grid-list {
    cursor: pointer;
}

#grid-thumb.current, #grid-list.current {
    color: #d6002a;
}

#grid-thumb:hover, #grid-list:hover {
    color: #40677e;
}

.main-container .span3 {
    padding-left: 15px;
}

.left-block {
    padding: 10px 0;
}

.download-links {
    width: 100%;
}

.download-link {
    display: inline-block;
    width: 100px;
    text-align: center;
    padding: 10px 0;
    margin-top: 15px;
}


.search-table-books.author-search a {
}

.search-table-books.author-search a:hover {
}

.look-a-like .book-thumbnail {
    width: 22%;
    display: inline-block;
    margin-right: 4%;
    vertical-align: top;
}

.look-a-like .book-thumbnail:nth-child(4n) {
    margin-right: 0;
}

.genres a {
    color: #ddd;
}

    .genres a:hover {
        color: #fff;
    }

.bottom-info {
    margin-top: 20px;
    padding: 15px;
}

.search-block {
    padding: 15px;
}

.bottom-search-block {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #d6002a;
    -webkit-box-shadow: inset 0  5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.75);
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.75);
}

.search-row {
    height: 2em;
    line-height: 2em;
}

    .search-row:not(:last-of-type) {
        margin-bottom: 5px;
    }

.bottom-search-row {

}

    .bottom-search-row a {
        color: #fff;
    }

    .bottom-search-row a:hover {
        color: black;
    }

.top-search-row {

}

    .top-search-row a {
        color: #000;
    }

    .top-search-row a:hover {
        color: #d6002a;
    }

span.search-criterion {
    float: left;
    padding-left: 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 130px;
    margin-right: 30px;
}

span.bottom-search-criterion {
    background-color: #fff;
}

span.top-search-criterion {
    float: left;
    color: white;
    background-color: #d6002a;
}

.search-alphabet {
    text-align: left;
}

.search-options {
    width: 20%;
}

.search-lang-switcher, .search-numbers {
    float: right;
}

.site-path {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #d6002d;
    color: #fff;
}

.site-path a {
    color: #fff;
}

.site-path a:hover {
    color: #000;
}

.big-book-left-block {
    display: inline-block;
    width: 100%;
    margin-top: 18px;
    margin-bottom: 25px;
}

.big-book-right-block {
    color: #464646;
}

.big-book-right-block a {
    color: #000;
}

.big-book-right-block a:hover {
    color: #40677e;
}

.rates {
    background-color: #f4f4f6;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 15px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.rrange {
    width: 200px;
    color: #8f95a3;
    font-weight: 700;
    margin-right: 8px;
}

.rates > div {
    display: inline-block;
    vertical-align: middle;
}

.rrange span {
    margin-left: 10px;
    font-size: 20px;
    color: #69a935;
}

.rbar {
    height: 10px;
    overflow: hidden;
    position: relative;
    background-color: #E70C2F;
    margin-top: 5px;
    border-radius: 4px;
}

.rfill {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #69a935;
    transition: width 1s linear;
}

.rate3 {
    height: 40px;
}
.ps, .ms {
    cursor: pointer;
    padding: 0 10px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    color: #69a935;
    text-align: center;
}
.ms {
    color: #E70C2F;
}
.rate3 span.fas {
    font-size: 24px;
    margin-right: 10px;
    vertical-align: middle;
}
.rate3 span[id*="vote-num"], .rate3 span[id*="ratig-layer"] {
    display: none;
}


.big-book-info {
    display: inline-block;
    margin-top: 25px;
}

.big-book-info a {
    color: black;
}

.big-book-info a:hover {
    color: #40677e;
}

.big-book-img {
    width: 100%;
    height: auto;
}

#big-book-title {
    color: #40677e;
    padding: 0;
    margin: 0 0 20px;
}

#big-book-author {
}

#big-book-description {
    color: #373737;
    font-style: italic;
}

.big-book-value {
}

.big-book-buttons {
    margin-top: 10px;
    text-align: center;
}

#read-book {
    width: 100%;
    font-size: 1.5em;
}

#download-links {
    text-align: center;
    color: white;
    margin-top: 25px;
}

#download-links a {
    color: white;
}

#download-links a img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: .2s ease-in-out;
}

#download-links a:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: .2s ease-in-out;
}

#download-links > div {
    background: -moz-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #40677e), color-stop(100%, #456F87)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* ie10+ */
    background: linear-gradient(90deg, #40677e 0%, #456F87 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40677e', endColorstr='#456F87',GradientType=1 ); /* ie6-9 */
}

#download-links .read {
    margin-top: 15px;
    position: relative;
}

#download-links .read:before {
    content: '';
    background: rgba(255,255,255,.5);
    width: calc(100% - 30px);
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: calc(-50% + 15px);
}

#download-links .read .btn-info {
    background: -moz-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #40677e), color-stop(100%, #456F87)); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, #40677e 0%, #456F87 100%); /* ie10+ */
    background: linear-gradient(90deg, #40677e 0%, #456F87 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40677e', endColorstr='#456F87',GradientType=1 ); /* ie6-9 */
    border: 0;
    box-shadow: none;
    font-size: 18px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
}

#download-links h3 {
    margin: 10px 0 0 0;
    padding: 10px;
    border-bottom: 1px solid white;
}

#registration-agreement-buttons {
    margin-top: 10px;
    text-align: center;
    font-size: 1.5em;
}

.reg-row {
    margin-bottom: 10px;
}

.reg-span, .reg-input {
    display: inline-block;
}

.reg-span {
    width: 30%;
}

.reg-span label:after {
    content: '*';
    margin-left: 10px;
    color: red;
}

.reg-span label.optional:after {
    content: '';
}

.reg-input {
    width: 69.5%;
}

.reg-input.btn-group input,.reg-input.btn-group select {
    display: inline-block;
    float: left;
    width: 70%;
    border-radius: 0;
}

.reg-input.btn-group button,.reg-input.btn-group .btn {
    display: inline-block;
    float: left;
    width: 30%;
    border-radius: 0;
}

p#success-registration {
    background-color: rgba(0, 255, 75, 0.7);
    padding: 20px;
}

.popup {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1100;
}

.popup .profile-modal, .popup .message-modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    z-index: 1101;
}

.popup .message-modal {
    width: 600px;
}

.message-modal-body {
    padding: 10px 20px;
}

.popup .message-modal footer {
    text-align: center;
    padding-bottom: 15px;
}

h1 {
    font-size: 32px;
}

h1 a {
    font-weight: 700;
    color: #5d759f;
}

h1 a:hover {
    color: #738cbe;
    text-decoration: none;
}

.thumbnails-title h1 {
    margin-top: 0;
}

.sub-title h1 {
    margin-bottom: 15px;
    font-size: 24px;
}

.pm-page {
    background-color: #fff;
    padding: 20px;
}

.pm-menu {
    height: 60px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0;
}

.pm-menu li {
    display: inline-block;
    margin-right: 10px;
}

.pm-menu a {
    padding: 0 15px;
    background: #f6f6f6;
    line-height: 40px;
    display: block;
    color: #000;
    transition: .3s ease-in-out;
}

.pm-menu a:hover {
    background: #e7e7e7;
    text-decoration: none;
    color: #000;
    transition: .3s ease-in-out;
}

.pm-status {
    margin-bottom: 40px;
}

div.top3 {
    text-align: center;
    background-color: #d6002a;
    padding: 20px;
    border: 5px solid gold;
}

h2.top3 {
    text-transform: uppercase;
    color: gold;
    font-weight: bold;
}

.top-book {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.top2-book {
    margin-top: 40px;
}

.top3-book {
    margin-top: 60px;
}

.top-book img {
    max-width: 70%;
    height: auto;
}

.top-book.col-xs-3 img {
    max-width: 100%;
    height: auto;
}

.other-top .col-xs-3 {
    margin-top: 25px;
}

#dle-poll-list, #searchtable, .pm-status {
    padding: 20px;
    border-radius: 6px;
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
}

.pm_progress_bar {
    border-radius: 4px;
    background-color: #f5f5f5;
    margin: 10px 0;
    overflow: hidden;
}

.pm_progress_bar span {
    background: #fb643c;
    font-size: 0;
    text-indent: -2000em;
    height: 20px;
    display: block;
    overflow: hidden;
}

.table-resp {
    overflow-y: hidden;
    overflow-x: auto;
}

.popup .profile-modal, .popup .message-modal {
    background-color: #fff;
    border-radius: 5px;
}

.popup .profile-modal header, .popup .message-modal header {
    height: 50%;
    background-color: #40677e;
    color: white;
    padding: 5px 10px;
}

.popup .profile-modal .cross, .popup .message-modal .cross {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 14px;
    transition: transform 0.3s;
}

.popup .profile-modal .cross:before, .popup .message-modal .cross:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    height: 2px;
    width: 20px;
    transform: rotate(45deg);
}

.popup .profile-modal .cross:after, .popup .message-modal .cross:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    height: 2px;
    width: 20px;
    transform: rotate(-45deg);
}

.popup .profile-modal .avatar-wrapper {
    text-align: center;
    padding: 20px 0;
}

.popup .profile-modal .avatar-wrapper img{
    height: 120px;
    width: 120px;
}

.login-menu {
    list-style: none;
    padding: 0;
    text-align: center;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.popup .profile-modal .profile-modal-link,
.login-menu a {
    border-radius: 5px;
    width: calc(100% - 20px);
    margin: 0 0 10px;
    background-color: #ddd;
    color: #40677e;
    transition: all 0.2s;
}

.login-menu li:last-child a {
    margin-bottom: 0;
}

.popup .profile-modal .profile-modal-link:hover,
.login-menu a:hover {
    background-color: #d6002a;
    color: #fff;
}

.pagination-wrapper {
    text-align: center;
    margin: 0 auto 20px;
    display: inline-block;
    width: 100%;
}

.pagination>.active>a,
.pagination>.active>span {
    background-color: #40677e !important;
    border-color: #40677e !important;
}

.pagination>.active>a:hover {
    background-color: #40677e;
    border-color: #40677e;
    font-weight: bold;
}

.pagination>li>a {
    color: #40677e;
}

.pagination>li>a:hover {
    color: #40677e;
}

.pagination-form {
    line-height: 34px;
    margin: 0;
    display: inline;
}

.pagination-form .input-append {
}

.pagination-form input {
    height: 34px;
    background-color: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
}

.pagination-form button {
    box-shadow: none;
}

h2 a {
    color: #4A7B8C;
    font-size: 20px;
}

.reader-span3 {
    position: relative;
    display: inline-block;
    float: left;
    width: 30%;
    height: 100%;
}

.big-book-stat > span {
    width: 95px;
    display: inline-block;
    font-weight: 600;
    line-height: 26px;
}

.big-book-stat > span .fas,
.big-book-stat > span .far {
    width: 20px;
}

.book-reader-wrapper {
    position: fixed;
}

.modal-content {
    border: 0;
    border-radius: 0;
}

.ui-dialog {
    background: #fff;
    max-height: 250px !important;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}

.modal-header,
.ui-dialog-titlebar {
    border-bottom: 0;
    background-color: #40677e;
    color: white;
    padding: 5px 15px;
}

.pm-messages tr:first-child td {
    background-color: #40677e;
    color: white;
}

.podpis {
    position: relative;
    top: -13px;
    font-size: 12px;
}

.order-author,
.order-data {
    width: 145px;
}

.order-data {
    color: #888888;
}

.order-rating {
    width: 40px;
}

.doings .pagination {
    width: 100%;
}

.doings .select-block,
.doings .pagination.short {
    width: 50%;
    display: inline-block;
}

.doings .select-block .btn {
    height: 34px;
}

.doings .select-block select {
    margin-right: -1px;
}

.ui-dialog-titlebar {
    font-size: 18px;
    padding: 15px;
    font-weight: 500;
    line-height: 1.1;
}

#dlepopup,
.ui-dialog-buttonpane {
    padding: 15px;
}

.modal-dialog {
    width: 350px;
}

.avatar-box {
    text-align: center;
    margin-bottom: 15px;
}

.modal-body .form-control {
    margin-bottom: 15px;
}

.modal-body .login-checkbox {
    line-height: 34px;
    text-align: right;
}

.icon.close,
.ui-dialog-titlebar-close {
    position: relative;
    margin-top: -20px;
    margin-right: 0;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
}

.ui-dialog-titlebar-close {
    margin-top: 0;
    float: right;
    top: 10px;
}

.ui-dialog-titlebar-close .ui-icon {
    display: none;
}

.icon.close:after, .icon.close:before,
.ui-dialog-titlebar-close:after, .ui-dialog-titlebar-close:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    height: 2px;
    width: 20px;
    transform: rotate(-45deg);
}

.icon.close:before,
.ui-dialog-titlebar-close:before {
    transform: rotate(45deg);
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.form-control {
    position: relative;
    height: 34px;
    padding: 0 15px;
    border-radius: 0;
    border: 1px solid #ccc;
    font-family: "Open Sans", sans-serif;
    box-shadow: none !important;
    background: #fff;
    color: #000;
    transition: .3s ease-in-out;
}


.form-control::-moz-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-ms-input-placeholder { color: #999; }
.form-control::placeholder { color: #999; }

.form-control:active,
.form-control:focus {
     background: #fff;
     outline: none;
}

.profile-wrapper .row {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
}

.avatar-wrapper {
    text-align: center;
}

.profile-wrapper .avatar-wrapper {
    display: inline-block;
    float: left;
    margin-right: -15px;
    position: relative;
    bottom: 0;
}

.profile-wrapper .avatar-wrapper img {
    height: 100px;
    width: 100px;
    -webkit-box-shadow: 0px 17px 58px -21px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 17px 58px -21px rgba(0,0,0,0.75);
    box-shadow: 0px 17px 58px -21px rgba(0,0,0,0.75);
    z-index: 1;
    position: relative;
}

.profile-header {
    height: 110px;
}

.profile-body {
}
.profile-wrapper .profile-header {
    background-color: #40677e;
    color: #dddddd;
}

.profile-wrapper .profile-body, .profile-editing-wrapper {
    background-color: #fff;
}

.profile-wrapper .profile-header, .profile-wrapper .profile-body, .profile-editing-wrapper {
    padding: 30px;
}

.profile-editing-wrapper {
    width: 100% !important;
    padding-top: 0;
}

.profile-editing-wrapper input[type="checkbox"],
label input[type="checkbox"] {
    margin-right: 8px;
    top: 1px;
    position: relative;
}

.book-fav .btn-block {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
    text-decoration: none !important;
    padding: 7px;
    transition: .3s ease-in-out;
}

.download-drop {
    margin-top: 25px;
    background: #fff;
    padding-top: 15px;
}

.mfp-hide {
    display: none;
}

.download-drop .whead {
    font-size: 18px;
    color: #fff;
    background: #d6002a;
    padding: 5px 10px;
    width: calc(100% - 30px);
    text-align: center;
    margin: 0 auto;
}

.download-drop .whead a {
    color: #fff !important;
}

.download-drop .what {
    text-align: center;
    margin-top: 10px;
}

#books {
    padding: 15px !important;
    border: 0 !important;
}

#books a.btn {
    background: #40677e !important;
    border-radius: 0 !important;
    padding: 5px 10px !important;
    margin-bottom: 15px !important;
}

#books a.addb_button, #books a.removeb_button {
    margin-bottom: 0 !important;
}

#small-dialog {
    border-top: 1px solid #ccc !important;
    padding-top: 15px !important;
}

#small-dialog > div:first-child {
    background: #40677e !important;
    border-radius: 0 !important;
    padding: 5px 10px !important;
}

#small-dialog > div:last-child .btn {
    margin-bottom: 0 !important;
}

.download-drop .what a {
    color: #000;
}

.profile-editing-header span,
.profile-editing-header label {
    color: #fff;
}

.m-t-15 {
    margin-top: 15px !important;
}

.profile-editing-header label {
    font-weight: 300;
    margin-bottom: 0;
}

.profile-wrapper .profile-body {
    padding-top: 20px;
}

.online-status-wrapper {
    margin-top: 24px;
}

.online-status {
    position: relative;
    padding: 2px 10px;
    border-radius: 3px;
    color: #fff;
    z-index: 2;
}

.online-status.online {
    background-color: #99ce1b;
}

.online-status.offline {
    background-color: #b40015;
}


.profile-editing-wrapper {
    transition: all 0.2s ease;
}

.profile-editing-wrapper .row {
    margin-left: auto;
    margin-right: auto;
}

ul.user-main-info {
    line-height: 20px;
    float: left;
    font-size: 16px;
}

li.user-name-list {
    font-weight: bold;
}

li.user-group-list {
    margin-top: 15px;
}

.social-wrapper {
    height: 70px;
}

.social-wrapper ul {
    list-style-type: none;
    margin-left: 125px;
    padding-left: 0;
}

.social-wrapper ul>li {
     float: left;
     text-align: center;
     text-transform: uppercase;
     width: 25%;
 }

.social-wrapper ul>li span {
    font-weight: bold;
}

.social-wrapper ul>li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #d6002a;
    padding: 10px 0;
    margin: 0 5px;
}

.social-wrapper ul>li a:hover {
    color: #fff;
}

li.publications-wrapper {
    border-right: 1px solid lightgray;
}

.edit-button {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #d6002a;
    width: 100%;
    padding: 10px 0;
    text-transform: uppercase;
}

.edit-button a {
    color: #fff !important;
    text-decoration: none !important;
}

.profile-editing-block .col-xs-3 {
    margin: 5px 0;
    line-height: 29px;
}

.profile-editing-block .col-xs-3, .profile-editing-block .col-xs-9 {
    padding: 0;
    height: 100%;
}

div.row.profile-editing-block .row {
    margin: 5px 0;
}

header.profile-editing-header {
    background-color: #40677e;
    color: #DDD;
    font-size: 16px;
    padding: 5px 5px 5px 10px;
}

div.row.profile-editing-block textarea {
    resize: vertical;
    width: 100%;
}

.attention {
    color: #ff0000;
    font-size: 12px;
}

button.send-changes-btn {
    margin-top: 25px;
    width: 100%;
}

.red-btn {
    border-color: #40677e;
    background-color: #40677e;
    background-image: none;
}

.red-btn:hover {
    font-weight: bold;
    border-color: #40677e;
    background-color: #40677e;
}

.input {
    width: 100%;
    margin: 5px 0;
    padding: 5px;
}

header.order-header h2{
    display: inline-block;
}

.red-bold {
    color: darkred;
    font-weight: bold;
}

.add-book-btn {
    position: relative;
    background-color: #d6002a;
    color: white !important;
    text-decoration: none;
    top: 2px;
    float: right;
}

.od-wait:before {
    content: "!";
    font-style: normal;
}
.od-all,
.od-done,
.od-deny,
.od-top {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
}

.od-done,
.od-deny,
.od-top {
    font-weight: 900;
}

.od-all:before {
    content: "\f111";
}

.od-done:before {
    content: "\f00c";
}

.od-deny:before {
    content: "\f00d";
}

.od-top:before {
    content: "\f012";
}

.order-attention {
    padding: 10px;
    background-color: white;
    border: 1px solid darkgray;
}

.order-attention p {
    margin: 0;
}

div.order-filters {
    margin: 10px 0;
}

a.order-criteria {
    display: inline-block;
    color: black;
    text-align: center;
    width: 19%;
}

a.order-criteria:hover {
    color: #d6002a;
}

.order-icon {
    width: 20px;
    height: 20px;
    text-align: center;
}


span.order-icon {
    font-weight: bold;
    text-align: center;
}

header.from-where a {color: black;}

header.from-where {
    font-size: 20px;
    margin-bottom: 10px;
}

.comment-avatar {
    /* position: relative; */
    /* top: 0; */
    display: inline-block;
    width: 100px;
    margin-right: 10px;
    float: left;
}

.comment-avatar img {
    width: 100%;
}

.comment-body {
    display: inline-block;
}

a.user-name {
    color: black;
    text-decoration: none;
    font-weight: bold;
}

span.comment-date {
    margin-left: 5px;
    color: gray;
}

.comment-content {
    margin: 20px 0;
}

a.report-btn {
    color: black;
    text-decoration: none;
}

.comment {
    background-color: #fff;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.comment-rating {
    display: inline-block;
    float: right;
}

span.comment-rating {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

a.up-rate {
    display: inline-block;
    border: 10px solid transparent;
    border-top-width: 8px;
    border-bottom-color: #00c300;
    float: left;
    margin-right: 3px;
}

a.down-rate {
    display: inline-block;
    position: relative;
    border: 10px solid transparent;
    border-top-color: #F44336;
    float: right;
    margin-left: 3px;
    top: 8px;
}

.download-wrapper {
    font-size: 1.2em;
    text-align: center;
    padding: 30px;
}

.download-success {
    font-size: 10em;
    color: #00c300;
}

.download-wrapper a#download-ref {
    color: #40677e;
}

td {
    background-color: #fff;
}

.order-rating {
    text-align: center;
    padding: 0 !important;
}

td.order-rating.positive-rating {
    background-color: #99ce1b;
}

td.order-rating.positive-rating span {
    color: #fff;
    padding: 8px;
    display: block;
    cursor: pointer;
}

td.order-rating.neutral-rating, td.order-icon {
    background-color: #d4d4d4;
}

td.order-rating.neutral-rating span {
    color: #878787;
}

td a {
    color: #000;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

td a:hover {
    color: #d6002a;
}


td span {
    color: #696969;
}

td.order-icon {
    font-weight: bold;
    width: 24px;
    text-align: center;
}

td.search-table-title a,
td.search-table-author a,
td.search-table-genre a,
td.search-table-series a {
    color: black;
}

td.search-table-title a:hover,
td.search-table-author a:hover,
td.search-table-genre a:hover,
td.search-table-series a:hover {
    color: #40677e;
}

td.search-table-title p {
    margin-top: 5px;
    display: block;
    font-size: 0.8em;
    color: gray;
    font-style: italic;
}

.search-table td {
    word-break: break-word;
    hyphens: manual;
    hyphenate-character: '-';
}

img.search-table-cover {
    width: 100%;
    height: auto;
}

#search-request {
    color: #40677e;
    font-style: italic;
}

#hypercontext p img {
    align-self: center;
    max-width: 100%;
    height: auto;
}

.pagination {
    margin-bottom: 0;
}

.pagination-form  {
    display: inline-block;
}

.pagination-form input {
    text-align: center;
    width: 85px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.pagination-form button.btn.btn-success.red-btn  {
    float: right;
}

.reader-span9 {
    display: none;
}

#book_content {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.book_tools {
    text-align: center;
}

.goto_page,
.font_size {
    background: #ddd;
    padding: 5px 10px;
    display: inline-block;
}

.goto_page input[type="text"],
.font_size input[type="text"] {
    border: 0;
    padding: 5px 10px;
    margin: -5px 5px;
    width: 40px;
    text-align: center;
}

.goto_page input[type="button"] {
    border: 0;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0 0 0 -8px;
    background: #40677e;
    transition: .3s ease-in-out;
    color: #fff;
}

.font_size input[type="button"] {
    border: 0;
    text-transform: uppercase;
    height: 30px;
    width: 30px;
    margin: -0.5px 0 0 -9px;
    background: #cccccc;
    transition: .3s ease-in-out;
    font-weight: 600;
    font-size: 16px;
}

.font_size input[type="button"].minus {
    margin: -0.5px -9px 0 0 ;
}

.goto_page input[type="button"]:hover {
    background: #335166;
}

.font_size input[type="button"]:hover {
    background: #b1b1b1;
}

#to-top-btn {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    right: 15px;
    bottom: 15px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 1.5em;
    visibility: hidden;
    transition: opacity 0.3s ease;
    cursor: pointer;
    z-index: 3;
}

.side-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 -15px;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
}

#addcform {text-align:left; margin-top:20px; border:1px solid #e3e3e3; background-color:#f6f6f6; padding:15px;}
.mass_comments_action {text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}

.js .add-comm .ac-protect, .js .add-comm .bb-editor + br, .js .add-comm .bb-editor + br + input,
.js .add-comm .bb-editor + br + input + label, .js .add-comm .bb-editor + br + input + label + br {display:block !important;}
.js .add-comm.active .ac-protect {display:block !important;}
.js .add-comm.active .bb-editor + br, .js .add-comm.active .bb-editor + br + input,
.js .add-comm.active .bb-editor + br + input + label, .js .add-comm.active .bb-editor + br + input + label + br {display:inline-block !important;}

.comments-items {padding:20px 0 0 0; margin-top:50px; background-color:#FFF; border-radius:6px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);}
#dle-comments-list {
    margin-top: 0;
    padding: 20px 15px 0;
}
.add-com-form {}
.add-com-textarea {width:100%;}

.ac-inputs input {width:49%; float:left; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); background-color:#fafafa;}
.ac-inputs input:last-child {float:right;}
.ac-inputs, .ac-textarea, .ac-protect {margin-bottom:15px;}
.ac-textarea textarea {display:block; width:100%; height:70px; padding:10px; background-image:none; background-color:#fafafa;
    border:1px solid #d6cfcf; border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1);}
.ac-submit button {float:right;}
.sec-answer + .sec-label {margin-top:15px;}
.add-com-but + form #addcform {display:none; margin:20px 0;}
.ac-protect {width:70%; float:left; margin-top:-10px;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 2px;}
.ac-inputs input, .ac-protect input {background-color:#fafafa;
    border:1px solid #d6cfcf; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.34);}

.comm-item {padding:0 0 15px 60px; margin-bottom:15px;  font-size:14px; border-bottom:1px solid #e3e3e3;}
.pm-page .comm-item {margin-bottom:0; border-bottom:0;}
.comm-left {float:left; margin-left:-60px; width:60px; height:60px; overflow:hidden; position:relative;}
.comm-right {float:right; width:100%; padding-left:20px;}
.comm-left img {width:100%; min-height:100%;}
.comm-top-info {}
.comm-info-line {position:relative; padding-right:120px;}
.comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:14px; font-weight:bold; margin:0 10px 0 0; color:#232323;}
.comm-author a {color:#232323;}
.comm-date {color:#aaaaaa; font-size:14px;}
.comm-text {margin:10px 0; min-height:20px; color:#626262;}
.comm-body {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;padding:0}
.comm-bottom-info ul li {display:inline-block; margin-left:5px;}
.comm-bottom-info ul li:first-child, .comm-bottom-info ul li:nth-child(2) {float:left; margin-left:0; margin-right:10px;}
.comm-bottom-info ul li a {font-size:12px;color:#000}
.comm-bottom-info ul li i {margin-right:10px;}
.comments-tree-list .comments-tree-list {background-color:#f6f6f6; padding-top:15px; margin-top:-15px;}

.comm-rate {position:absolute; right:0; top:-8px; line-height:30px; border-radius:4px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px;  color:#444;
    font-weight:700; font-size:16px;}
.comm-rate a {display:block; width:20px; height:30px; position:absolute; top:0; left:5px;
    text-align:center; line-height:30px; font-size:28px; font-weight:700; color:#61b804;}
.comm-rate a:last-child {left:auto; right:5px; line-height:30px;
    color:#ec000b; top:-3px;}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}

.comments-items a:hover,.comments-items a:active,.comments-items a:focus {
    text-decoration: none;
    opacity: .6;
}

.comments-tree-list li:last-child .comm-item,
#dle-comments-list > div:last-child .comm-item {
    border-bottom: 0;
}
.last-comm-link a {
    color: #000;
    font-weight: 600;
}
.comments-tree-list {
    list-style: none;
    padding: 0 15px;
}

#loading-layer {display: block !important;background: rgba(255,255,255,0.5) url(../../images/loader.gif) no-repeat center;z-index:8888 !important;
    position: fixed;top: 0; left: 0; right: 0; bottom: 0;width: 100%; height: 100%; text-indent: -9999px;overflow: hidden;white-space: nowrap;}

#result-registration {
    list-style: none;
    margin-top: 5px;
    font-size: 12px;
}

#searchtable {
    margin-bottom: 15px;
}

.berrors {
    margin-bottom: 15px;
}

.search-list .book-thumbnail.b-thumbnail {
    min-height: 135px;
}
.search-list .book-info {
    min-height: 100px;
}

/* ///////////////////////////////////////////////////

HARDCOVER
Table of Contents

1. container
2. background & color
3. opening cover, back cover and pages
4. position, transform y transition
5. events
6. Bonus
	- Cover design
	- Ribbon
	- Figcaption
7. mini-reset

/////////////////////////////////////////////////////*/

/*
	1. container
*/

::before,
::after {
    content: "";
}

.book3d {
    position: relative;
    width: 200px;
    height: 275px;
    margin: 0 auto;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    box-shadow: 0 0 15px 4px rgba(0,0,0,.1);
}

.tops-item .book3d {
    width: 150px;
    height: 206px;
}

@media all and (max-width: 400px) {
    .tops-item .book3d {
        width: 100px;
        height: 137px;
    }
}

.book-thumbnail .book3d {
    width: 100px;
    height: 137px;
}

.dont-miss-thumbnail .book3d {
    width: 70px;
    height: 96px;
}

.book3d ul {
    list-style: none;
}


/*
	2. background & color
*/

/* HARDCOVER FRONT */
.book3d .hardcover_front li:first-child {
    background-color: #eee;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* reverse */
.book3d .hardcover_front li:last-child {
    background: #e1e0dc;
}

/* HARDCOVER BACK */
.book3d .hardcover_back li:first-child {
    background: #e1e0dc;
}

/* reverse */
.book3d .hardcover_back li:last-child {
    background: #ddd5b4;
}

.book3d .book_spine li:first-child {
    background: transparent;
}
.book3d .book_spine li:last-child {
    background: #333;
}

/* thickness of cover */

.book3d .hardcover_front li:first-child:after,
.book3d .hardcover_front li:first-child:before,
.book3d .hardcover_front li:last-child:after,
.book3d .hardcover_front li:last-child:before,
.book3d .hardcover_back li:first-child:after,
.book3d .hardcover_back li:first-child:before,
.book3d .hardcover_back li:last-child:after,
.book3d .hardcover_back li:last-child:before,
.book3d .book_spine li:first-child:after,
.book3d .book_spine li:first-child:before,
.book3d .book_spine li:last-child:after,
.book3d .book_spine li:last-child:before {
    background: #999;
}

/* page */

.book3d .page > li {
    background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: -ms-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    background: linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
    box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);
    border-radius: 0px 5px 5px 0px;
}

/*
	3. opening cover, back cover and pages
*/

.book3d .hardcover_front {
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    -moz-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
    box-shadow: -2px 0 4px 1px rgba(0,0,0,.3);
}

.book3d .hardcover_back {
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    -moz-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}

.book3d .page li:nth-child(1) {
    -webkit-transform: rotateY(-28deg);
    -moz-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}

.book3d .page li:nth-child(2) {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}

.book3d .page li:nth-child(3) {
    -webkit-transform: rotateY(-32deg);
    -moz-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}

.book3d .page li:nth-child(4) {
    -webkit-transform: rotateY(-34deg);
    -moz-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}

.book3d .page li:nth-child(5) {
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}

/*
	4. position, transform & transition
*/

.book3d .hardcover_front,
.book3d .hardcover_back,
.book3d .book_spine,
.book3d .hardcover_front li,
.book3d .hardcover_back li,
.book3d .book_spine li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book3d .hardcover_front,
.book3d .hardcover_back {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.book3d .hardcover_front {
    -webkit-transition: all 0.8s ease, z-index 0.6s;
    -moz-transition: all 0.8s ease, z-index 0.6s;
    transition: all 0.8s ease, z-index 0.6s;
}

#genres-header,#genres-header2 {
    margin-bottom: 5px;
}

/* HARDCOVER front */
.book3d .hardcover_front li:first-child {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book3d .hardcover_front li:last-child {
    -webkit-transform: rotateY(180deg) translateZ(2px);
    -moz-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}

/* HARDCOVER back */
.book3d .hardcover_back li:first-child {
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book3d .hardcover_back li:last-child {
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

/* thickness of cover */
.book3d .hardcover_front li:first-child:after,
.book3d .hardcover_front li:first-child:before,
.book3d .hardcover_front li:last-child:after,
.book3d .hardcover_front li:last-child:before,
.book3d .hardcover_back li:first-child:after,
.book3d .hardcover_back li:first-child:before,
.book3d .hardcover_back li:last-child:after,
.book3d .hardcover_back li:last-child:before,
.book3d .book_spine li:first-child:after,
.book3d .book_spine li:first-child:before,
.book3d .book_spine li:last-child:after,
.book3d .book_spine li:last-child:before {
    position: absolute;
    top: 0;
    left: 0;
}

/* HARDCOVER front */
.book3d .hardcover_front li:first-child:after,
.book3d .hardcover_front li:first-child:before {
    width: 4px;
    height: 100%;
}

.book-thumbnail .book3d .hardcover_front li:first-child:after,
.book-thumbnail .book3d .hardcover_front li:first-child:before,
.tops-item .book3d .hardcover_front li:first-child:after,
.tops-item .book3d .hardcover_front li:first-child:before,
.dont-miss-thumbnail .book3d .hardcover_front li:first-child:after,
.dont-miss-thumbnail .book3d .hardcover_front li:first-child:before {
    width: 0;
}


.book3d .hardcover_front li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book3d .hardcover_front li:first-child:before {
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.book3d .hardcover_front li:last-child:after,
.book3d .hardcover_front li:last-child:before {
    width: 0;
    height: 275px;
}

.book-thumbnail .book3d .hardcover_front li:last-child:after,
.book-thumbnail .book3d .hardcover_front li:last-child:before,
.tops-item .book3d .hardcover_front li:last-child:after,
.tops-item .book3d .hardcover_front li:last-child:before,
.dont-miss-thumbnail .book3d .hardcover_front li:last-child:after,
.dont-miss-thumbnail .book3d .hardcover_front li:last-child:before {
    height: 0;
}

.book3d .hardcover_front li:last-child:after {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}
.book3d .hardcover_front li:last-child:before {
    background: rgba(0,0,0,.15);
    box-shadow: 0 0 56px 5px rgba(0,0,0,.4);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

/* thickness of cover */

.book3d .hardcover_back li:first-child:after,
.book3d .hardcover_back li:first-child:before {
    width: 4px;
    height: 100%;
}

.book-thumbnail .book3d .hardcover_back li:first-child:after,
.book-thumbnail .book3d .hardcover_back li:first-child:before,
.tops-item .book3d .hardcover_back li:first-child:after,
.tops-item .book3d .hardcover_back li:first-child:before,
.dont-miss-thumbnail .book3d .hardcover_back li:first-child:after,
.dont-miss-thumbnail .book3d .hardcover_back li:first-child:before {
    width: 0;
}

.book3d .hardcover_back li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}
.book3d .hardcover_back li:first-child:before {
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.book3d .hardcover_back li:last-child:after,
.book3d .hardcover_back li:last-child:before {
    width: 0;
    height: 275px;
}

.book-thumbnail .book3d .hardcover_back li:last-child:after,
.book-thumbnail .book3d .hardcover_back li:last-child:before,
.tops-item .book3d .hardcover_back li:last-child:after,
.tops-item .book3d .hardcover_back li:last-child:before,
.dont-miss-thumbnail .book3d .hardcover_back li:last-child:after,
.dont-miss-thumbnail .book3d .hardcover_back li:last-child:before {
    height: 0;
}

.book3d .hardcover_back li:last-child:after {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.book3d .hardcover_back li:last-child:before {
    background: rgba(0,0,0,.07);
    box-shadow: 24px 16px 56px 11px rgba(0,0,0,.2);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(18px) translateY(-115px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(18px) translateY(-115px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(18px) translateY(-115px);
}

/* BOOK SPINE */
.book3d .book_spine {
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}

.book3d .book_spine li:first-child {
    -webkit-transform: translateZ(2px);
    -moz-transform: translateZ(2px);
    transform: translateZ(2px);
}

.book3d .book_spine li:last-child {
    -webkit-transform: translateZ(-2px);
    -moz-transform: translateZ(-2px);
    transform: translateZ(-2px);
}

/* thickness of book spine */
.book3d .book_spine li:first-child:after,
.book3d .book_spine li:first-child:before {
    width: 4px;
    height: 100%;
}

.book-thumbnail .book_spine li:first-child:after,
.book-thumbnail .book_spine li:first-child:before,
.tops-item .book_spine li:first-child:after,
.tops-item .book_spine li:first-child:before,
.dont-miss-thumbnail .book_spine li:first-child:after,
.dont-miss-thumbnail .book_spine li:first-child:before {
    width: 0;
}

.book3d .book_spine li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    -moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.book3d .book_spine li:first-child:before {
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    -moz-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}

.book3d .book_spine li:last-child:after,
.book3d .book_spine li:last-child:before {
    width: 0;
    height: 130px;
}

.book-thumbnail .book3d .book_spine li:last-child:after,
.book-thumbnail .book3d .book_spine li:last-child:before,
.tops-item .book3d .book_spine li:last-child:after,
.tops-item .book3d .book_spine li:last-child:before,
.dont-miss-thumbnail .book_spine li:last-child:after,
.dont-miss-thumbnail .book_spine li:last-child:before {
    height: 0;
}

.book3d .book_spine li:last-child:after {
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.book3d .book_spine li:last-child:before {
    box-shadow: 136px -1px 116px 40px rgba(0, 0, 0, 0.1);
    -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.book-thumbnail .book3d .book_spine li:last-child:before,
.tops-item .book3d .book_spine li:last-child:before,
.dont-miss-thumbnail .book3d .book_spine li:last-child:before {
    box-shadow: 75px 32px 100px 40px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotateX(86deg) rotateZ(110deg) rotateY(8deg) translateZ(-161px) translateX(-112px) translateY(-143px);
    -moz-transform: rotateX(86deg) rotateZ(110deg) rotateY(8deg) translateZ(-161px) translateX(-112px) translateY(-143px);
    transform: rotateX(86deg) rotateZ(110deg) rotateY(8deg) translateZ(-161px) translateX(-112px) translateY(-143px);
}

.dont-miss-thumbnail .book3d .book_spine li:last-child:before {
    box-shadow: -135px -110px 100px 40px rgba(0, 0, 0, 0.2);
}

.book3d .page,
.book3d .page > li {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.book3d .page {
    width: 100%;
    height: 98%;
    top: 1%;
    left: 3%;
    z-index: 10;
}

.book3d .page > li {
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
}

.book3d .page > li:nth-child(1) {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book3d .page > li:nth-child(2) {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

.book3d .page > li:nth-child(3) {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.book3d .page > li:nth-child(4) {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.book3d .page > li:nth-child(5) {
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

/*
	5. events
*/

.book3d:hover > .hardcover_front,
.active .book3d > .hardcover_front {
    -webkit-transform: rotateY(-39.55deg) translateZ(7.6px);
    -moz-transform: rotateY(-39.55deg) translateZ(7.6px);
    transform: rotateY(-39.55deg) translateZ(7.6px);
    z-index: 0;
}

.book3d:hover > .page li:nth-child(1),
.active .book3d > .page li:nth-child(1) {
    -webkit-transform: rotateY(-27deg);
    -moz-transform: rotateY(-27deg);
    transform: rotateY(-27deg);
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

.book3d:hover > .page li:nth-child(2),
.active .book3d > .page li:nth-child(2) {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -webkit-transition-duration: 1.8s;
    -moz-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

.book3d:hover > .page li:nth-child(3),
.active .book3d > .page li:nth-child(3) {
    -webkit-transform: rotateY(-33deg);
    -moz-transform: rotateY(-33deg);
    transform: rotateY(-33deg);
    -webkit-transition-duration: 1.6s;
    -moz-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

.book3d:hover > .page li:nth-child(4),
.active .book3d > .page li:nth-child(4) {
    -webkit-transform: rotateY(-36deg);
    -moz-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
    -webkit-transition-duration: 1.4s;
    -moz-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

.book3d:hover > .page li:nth-child(5),
.active .book3d > .page li:nth-child(5) {
    -webkit-transform: rotateY(-39deg);
    -moz-transform: rotateY(-39deg);
    transform: rotateY(-39deg);
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

/*
	6. Bonus
*/

/* cover CSS */

.book3d .coverDesign {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.book3d .coverDesign::after {
    background-image: -webkit-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
    background-image: -moz-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
    background-image: linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.book3d .coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 54% 0 0 0;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.book3d .coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.book3d .yellow {
    background-color: #f1c40f;
    background-image: -webkit-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
    background-image: -moz-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
    background-image: linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
}

.book3d .blue {
    background-color: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db 58%, #2a90d4 0%);
    background-image: -moz-linear-gradient(top, #3498db 58%, #2a90d4 0%);
    background-image: linear-gradient(top, #3498db 58%, #2a90d4 0%);
}

.book3d .grey {
    background-color: #f8e9d1;
    background-image: -webkit-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
    background-image: -moz-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
    background-image: linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
}

/* Basic ribbon */

.book3d .ribbon {
    background: #c0392b;
    color: #fff;
    display: block;
    font-size: 0.7em;
    position: absolute;
    top: 11px;
    right: 1px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    letter-spacing: 0.15em;
    text-align: center;
    -webkit-transform: rotateZ(45deg) translateZ(1px);
    -moz-transform: rotateZ(45deg) translateZ(1px);
    transform: rotateZ(45deg) translateZ(1px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
}

.book3d .ribbon::before,
.book3d .ribbon::after{
    position: absolute;
    top: -20px;
    width: 0;
    height: 0;
    border-bottom: 20px solid #c0392b;
    border-top: 20px solid transparent;
}

.book3d .ribbon::before{
    left: -20px;
    border-left: 20px solid transparent;
}

.book3d .ribbon::after{
    right: -20px;
    border-right: 20px solid transparent;
}

/* figcaption */

.book3d figcaption {
    padding-left: 40px;
    text-align: left;
    position: absolute;
    top: 0%;
    left: 160px;
    width: 310px;
}

.book3d figcaption h1 {
    margin: 0;
}

.book3d figcaption span {
    color: #16a085;
    padding: 0.6em 0 1em 0;
    display: block;
}

.book3d figcaption p {
    color: #63707d;
    line-height: 1.3;
}

/* Media Queries */
@media screen and (max-width: 37.8125em) {
    .book3d {
        margin: 0 auto;
    }

    .book3d figcaption {
        text-align: center;
        width: 320px;
        top: 250px;
        padding-left: 0;
        left: -80px;
        font-size: 90%;
    }
}

.top-wrap {position:relative; padding-top:20px;}
.top-liders-bg {background: transparent url('../../images/top-bg.jpg') no-repeat center bottom; background-size: 100% auto; position:absolute; height:460px;
    overflow:hidden; width:100%; left:0; top:0;}
.tl-title {text-align:center; font-size:32px; font-weight:700; color:#222; padding:10px 0; text-transform:uppercase;}
.tops-item {display:block; width:21%; margin:0 2% 40px 2%; float:left; position:relative;}
.tops-item a {display:block;cursor: pointer !important;}
.tops-img {height:230px}
.tops-img img {transition:opacity .2s linear;}
.top-liders {counter-reset:li; list-style:none; position:relative; z-index:100; padding-top:500px;}
.tops-item .ribbon .txt:before {content:counter(li); counter-increment:li; text-align:center; font-size: 15px}
.tops-item:nth-child(1), .tops-item:nth-child(2), .tops-item:nth-child(3)
{position:absolute; top:64px; left:50%; width:174px; margin:0}
.tops-item:nth-child(1) {margin-left:-79px;}
.tops-item:nth-child(2) {margin-left: -279px;top: 97px;}
.tops-item:nth-child(3) {margin-left: 119px;top: 124px;}
.tops-item:nth-child(1) .tops-img, .tops-item:nth-child(2) .tops-img, .tops-item:nth-child(3) .tops-img {height:230px;}

@media screen and (max-width: 1220px) {
    .tops-item:nth-child(2) {margin-left:-290px;}
    .tops-item:nth-child(3) {margin-left:130px;}
    .top-liders-bg {
        background: transparent;
        height: 400px;
    }
    .top-liders {
        padding-top: 440px;
        padding-left: 0;
    }

    .tops-item {width:30%; margin:0 1.5% 40px 1.5%;}
}

@media screen and (max-width: 992px) {
    .tops-item:nth-child(1), .tops-item:nth-child(2), .tops-item:nth-child(3) {
        width: 30%;
        margin: 0 1.5% 40px 1.5%;
        top: auto;
        position: relative;
        left: auto;
        height: auto
    }

    .top-liders-bg {
        background: transparent;
        height: auto;
    }

    .top-liders {
        padding-top: 80px;

    }
}


@media screen and (max-width: 590px) {
    .top-liders-bg {height:auto; padding-bottom:20px;}
    .top-liders-bg:before {display:none;}
    .tops-item {position:relative !important; top:0 !important; left:0 !important; margin:0 auto 40px auto !important; float:none;}
    .top-wrap {padding:0;}
}
@media screen and (max-width: 600px) {
    .tl-title {font-size:24px;}
    .tops-item {width:47% !important;margin:0 1% 40px 1%;float:left}
}

@media screen and (max-width: 400px) {
    .tops-img {height:140px !important;}
}

.navbar-toggle {
    margin: 13px 0;
    width: 30px;
    height: 26px;
    position: relative;
    float: right;
    padding: 0; }
@media all and (max-width: 990px) {
    .navbar-toggle {
        display: inline-block; } }
.navbar-toggle .icon-bar {
    padding: 0;
    width: 30px;
    height: 3px;
    background-color: #fff;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute; }
.navbar-toggle .icon-bar.bar1 {
    top: 10px;
    left: -7px;
    height: 3px;
    width: 41px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
.navbar-toggle .icon-bar.bar2 {
    top: 6.5px;
    transform: rotate(-45deg);
    height: 3px;
    background-color: transparent; }
.navbar-toggle .icon-bar.bar3 {
    top: 6.5px;
    right: -2px;
    transform-origin: 5%;
    transform: rotate(45deg);
    height: 3px;
    background-color: transparent; }
.navbar-toggle .icon-bar.bar4 {
    bottom: -2px;
    left: -2px;
    transform-origin: 5%;
    transform: rotate(-45deg);
    height: 3px;
    width: 41px; }
.navbar-toggle.collapsed .icon-bar {
    width: 30px;
    height: 3px; }
.navbar-toggle.collapsed .icon-bar.bar1 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    top: 0;
    left: 0; }
.navbar-toggle.collapsed .icon-bar.bar2, .navbar-toggle.collapsed .icon-bar.bar3 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    background-color: #fff; }
.navbar-toggle.collapsed .icon-bar.bar4 {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    bottom: 0;
    left: 0; }

#navnav .navbar-left {
    display: none;
}
.collapse {
    display: block;
}

@media all and (max-width: 1366px) {
    .container.w100p {
        width: 100%;
    }
}

@media all and (max-width: 1200px) {
    #search {
        width: 200px;
    }

    .top-book {
        height: 150px;
    }

    span.search-criterion {
        float: left;
        margin-right: 0;
        padding: 5px 0;
        text-align: center;
        width: 100%;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        font-weight: bold;
    }

    span.search-alphabet {
        width: 100%;
        text-align: center;
        float: left;
        padding: 10px;
    }

    span.search-options {
        float: left;
        width: 100%;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
        margin-bottom: 10px;
    }

    span.bottom-search-options {
        background-color: #fff;
        color: #40677e;
    }

    span.top-search-options {
        background-color: #40677e;
        color: #fff;
    }

    a.search-lang-switcher, a.search-numbers {
        float: left;
        width: 50%;
        text-align: center;
        font-weight: bold;
    }

    a.bottom-search-lang-switcher, a.bottom-search-numbers {
        color: #40677e;
    }

    a.top-search-lang-switcher, a.top-search-numbers {
        color: #fff;
    }

    .social-wrapper ul > li {
        width: 50%;
        margin-bottom: 15px;
    }

}

@media all and (max-width: 992px) {
    .book-thumbnail.b-thumbnail {
        height: auto;
    }
    .col-md-4.p-l-0 {
        padding-right: 0;
    }
    .col-md-8.p-r-0 {
        padding-left: 0;
    }
    .collapse {
        display: none;
    }
    .book-thumbnail.b-thumbnail:after {
        clear: both;
        display: block;
    }
    .book-thumbnail .book-link {
        float: left;
    }
    .look-a-like .book-thumbnail .book-link {
        float: none;
        margin-bottom: 15px;
    }
    .book-thumbnail.b-thumbnail .book-info {
        float: left;
        position: relative;
    }
    hr.header-hr {
        border: 0;
    }
    #search-button-text {
        display: none;
    }

    .nav-radio-text {
        display: none;
    }

    .top-book {
        height: 120px;
    }

    div#book-controls label {
        display: none;
    }

    div#book-controls #sorter {
        display: none;
    }

    .navbar-header {
        float: none;
        width: 100%;
    }

    a.navbar-brand {
        margin-left: 0!important;
        padding-left: 0;
    }

    #navnav #second-nav .btn-group {
        border-top: 1px solid #859da9;
    }

    #navbar-collapse {
        padding: 0;
    }

    .navbar-left {
        width: 50%;
    }

    .navbar-right {
        width: 50%;
        margin-right: auto;
        text-align: right;
    }

    .navbar-right .btn-group {
        margin-right: 10px;
    }

    #search,#search2 {
        width: 100%;
    }

    .dropdown {
        margin-left: 0;
    }

    #second-nav .link-wrapper {
        font-size: 1.2em;
        width: 100%;
    }

    .book-thumbnail.b-thumbnail .book-info {
        padding-left: 15px;
    }
    #book-controls {
        display: none;
    }
    .doings .select-block, .doings .pagination.short {
        width: 100%;
        margin-top: 10px;
    }
}

.pm-messages span.pm_from, .pm-messages span.pm_data,
.order-name .order-author, .order-name .order-data {
    display: none;
}

@media all and (max-width: 768px) {
    #navnav .navbar-left {
        display: block;
    }
    .span9 {
        padding-left: 0;
        margin-top: 20px;
    }
    .more768 {
        display: none;
    }
    .less768 {
        display: block !important;
    }

    .social-wrapper ul {
        margin-top: 70px;
        margin-left: 0;
    }

    .social-wrapper ul>li {
        width: 50%;
        margin-bottom: 20px;
    }

    .left-block-head {
        font-size: 24px;
    }

    .popup .message-modal, .popup .profile {
        width: 100%;
    }

    th.search-table-cover, td.search-table-cover,
    th.search-table-title, td.search-table-title,
    th.search-table-author, td.search-table-author {
        width: auto;
    }

    th.search-table-genre, td.search-table-genre,
    th.search-table-series, td.search-table-series {
        display: none;
    }

    .nav-radio-text {
        display: inline;
    }

    button.btn.btn-primary.dropdown-toggle {
        width: 100%;
    }

    #navbar-collapse div.nav.navbar-nab.btn-group.navbar-left {
        display: none;
    }

    .navbar-right {
        width: 100%;
        display: block;
        padding-right: 15px;
        padding-left: 15px;
    }

    .navbar-right .btn-group,.navbar-right .dropdown {
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px);
        margin-right: 10px;
        float: left;
    }

    .navbar-right .btn-group.full {
        width: 100%;
    }

    .navbar-right .btn-group.full .btn {
        width: -webkit-calc(50% - 5px);
        width: -moz-calc(50% - 5px);
        width: calc(50% - 5px);
        margin-right: 10px;
        float: left;
        margin-bottom: 10px;
    }

    .navbar-right .btn-group.full .btn:last-child {
        margin-right: 0;
    }

    .navbar-right .btn-group.full:after {
        clear: both;
        display: block;
    }

    .navbar-right .btn-group {
        padding-top: 10px;
    }

    .navbar-right .btn {
        width: 100%;
    }

    .navbar-right .dropdown {
        margin-right: 0;
    }

    div.nav.navbar-nab.btn-group.navbar-left form div {
        display: flex;
        flex-direction: column;
    }

    div.nav.navbar-nab.btn-group.navbar-left form div div {
        display: flex;
        flex-direction: row;
    }

    div.nav.navbar-nab.btn-group.navbar-left form div div>button.btn.btn-primary {
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }

    div.nav.navbar-nab.btn-group.navbar-left form div div>button.btn-mini {
        width: 100%;
    }

    input#search,input#search2 {
        width: 100%;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        border-radius: 5px 0 0 0;
    }

    button#bybook {
        -webkit-border-radius: 0 0 0 5px;
        -moz-border-radius: 0 0 0 5px;
        border-radius: 0 0 0 5px;
    }

    .span9 {
        width: 100%;
    }

    .span3 {
        width: 100%;
    }
    a.navbar-brand {
        padding-left: 15px;
    }
    .main-container .span3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    #story,#story2 {
        width: -webkit-calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: calc(100% - 40px);
    }

    .navbar-left {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 10px;
    }

    .order-name, .pm-messages .pm_head {
        font-size: 13px;
    }

    .order-name span.order-author, .order-name span.order-data,
    .pm-messages span.pm_from, .pm-messages span.pm_data {
        width: auto;
        font-size: 12px;
        display: block;
    }

    td.order-author, td.order-data,
    .pm-messages td.pm_from, .pm-messages td.pm_data {
        display: none;
    }
}

@media all and (max-width: 640px) {
    .big-book-right-block {
        margin-top: 20px;
        font-size: 16px;
    }

    .b-thumbnail::before {
        display: none;
    }
    .book-thumbnail.b-thumbnail {
        height: auto;
        background: transparent;
    }
    .book-thumbnail.b-thumbnail .book-link {
        width: 100%;
        float: none;
        text-align: left;
    }
    .book-thumbnail .book3d {
        margin: 0 0 0 20px;
    }
    .look-a-like .book-thumbnail .book3d {
        margin: 0 auto;
    }
    .book-thumbnail.b-thumbnail .book-info {
        float: none;
        width: 100%;
        padding-top: 90px;
        margin-top: -80px;
    }
    .book-thumbnail.b-thumbnail .book-info .property-name,
    .book-thumbnail.b-thumbnail .book-info .book-author,
    .book-thumbnail.b-thumbnail .book-info .book-genres,
    .book-thumbnail.b-thumbnail .book-info .book-year,
    .book-thumbnail.b-thumbnail .book-info br {
        display: none;
    }

    .book-thumbnail.b-thumbnail .book-info .book-description {
        padding-top: 0;
        border-top: 0;
    }

    input#search {
        border-radius: 0;
    }

    div.controls {
        text-align: center;
    }

    .reader-span9 {
        display: inline-block;
        width: 100%;
    }

    .reader-span3 {
        display: none;
    }

    br.display-on-mobile {
        display: block;
    }

    .popular-wrapper {
        height: auto;
    }

    span.property-name {
        display: block;
        font-size: 1.3em;
        margin-left: 10px;
    }

    .property-name {
        width: 120px;
    }

    .mini-thumbnail {

    }

    .book-name {
        padding: 0;
        font-size: 1.1em;
    }

    .book-description {
        width: 100%;
    }

    .left-block-header:before {
        content: '';
        width: calc(100% + 30px);
        position: absolute;
        height: 100%;
    }

    .left-block-header:after {
        content: '';
        border: none;
    }

    #second-nav a {
        font-size: 1.2em;
    }

    .thumbnails {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .thumbnails-title {
        text-align: left;
        font-size: 2.5em;
        font-weight: bold;
    }

    .book-thumbnail.s-thumbnail {
        width: 19%;
    }

    .book-img {
        min-height: 200px;
    }

    .book-info {
        font-size: 1.3em;
    }

    .read-button {
        font-size: 1.8em;
    }

    .left-block {
        text-align: center;
        font-size: 1.2em;
    }

    .left-block-header, .blog-header {
        text-align: center;
        font-size: 2.5em;
    }

    div.row.bottom-info {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    span.search-criterion {
        font-size: 1.2em;
    }

    span.search-alphabet {
        font-size: 1.5em;
    }

    a.search-lang-switcher, a.search-numbers {
        font-size: 1.2em;
    }

    .look-a-like .book-thumbnail {
        width: 46%;
    }

    .font_size {
        margin-top: 10px;
    }

    .h2, h2 {
        font-size: 25px;
    }

    .reg-span,
    .reg-input {
        width: 100%;
    }

    .pm-menu {
        height: auto;
    }

    .pm-menu li {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
    }

    a.order-criteria {
        display: block;
        text-align: left;
        width: 100%;
    }
}

@media all and (max-width: 460px) {
    div.comment-avatar {
        display: none;
    }

    .footer-copyright {
        line-height: 30px;
        padding-top: 20px;
    }

    .download-link {
        width: 75px;
    }

    .online-status-wrapper {
        margin-top: 10px;
    }

    .profile-wrapper .profile-header, .profile-wrapper .profile-body, .profile-editing-wrapper {
        padding: 15px;
    }

    .profile-wrapper .avatar-wrapper img {
        height: 75px;
        width: 75px;
    }

    ul.user-main-info {
        font-size: 14px;
        padding-left: 30px;
        margin-top: 13px;
    }

    li.user-group-list {
        margin-top: 5px;
    }

    .social-wrapper ul {
        margin-top: 0;
    }

    .user-info-wrapper .col-md-6 {
        padding-left: 0;
        padding-right: 0;
    }

    .social-wrapper ul > li a {
        font-size: 12px;
    }
}

.orderdesc-add-area{
    display: none;
    clear: both;
    margin-top: 15px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 3px;
}
.orderdesc-add-area-row{
    padding: 10px 10px 10px 150px;
    border-bottom: 1px solid #aaa
}
.orderdesc-add-area-row:last-child{
    border: none;
}

.orderdesc-add-area-row:after{
    content: "";
    display: table;
    clear: both;
}
.orderdesc-add-area-row-t{
    float: left;
    margin-left: -140px;
    padding-top: 6px;
    font: bold 14px Calibri;
    color: #333;
}
.orderdesc-add-area-row-input{
    width: 450px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 15px;
}
.orderdesc-add-area-row-input:focus{
    border-color: #3a89c3;
    box-shadow: 0 0 3px rgba(60,140,200,.5);
}
.orderdesc-cancel,
.orderdesc-doadd{
    padding: 5px 25px;
    cursor: pointer;
    margin-right: 7px;
}
.orderdesc-cancel:hover,
.orderdesc-doadd:hover{
    box-shadow: 0 0 3px rgba(60,140,200,.5);
}