:root {
    --red: #AA2413;
    --red-rgb: 170, 36, 19;
    --beige: #FFDBAC;
    --bg: #F7F1EB;
    --white: #FFFFFF;
    --white-rgb: 255, 255, 255;
    --gray: #98928D;
    --gray-rgb: 152, 146, 141;
    --black: #23201F;
    --footer-color: #DCD5CD;
    --subfooter-link-color: #6E6862;
    --transparent-button-color-rgb: 116, 77, 26;

    --header-height: 60px;
    --mobile-header-height: 82px;
    --border-radius-value: 4px;
    --main-gap: 20px;

}
.article-list .article .article-header h1, .article-list .article .article-header h2, .article-list .article .article-header h4{
   font-weight: bold;
}
.article-list .row{
   margin-top:2rem;
}
.offcanvas-inner a span{
  width:1.8rem;
}
.bottom-menu a span{
  display:none;
}
.burger-icon svg{width:28px}
.site .body-innerwrapper {
    overflow-x: clip;
}
.site a:not(class*="btn"){
   color: #8a3c32;
}
.site a a:not(class*="btn"):hover,.site a a:not(class*="btn"):focus,.site a a:not(class*="btn"):active{
   color: #AA2413;
}
#sp-right .sp-module-title {
    border-color: #dcd5cd !important;
}
.site .pagination>.active>a, .site .pagination>.active>span {
    border-color: #AA2413;
    background-color: #AA2413;
}
.site a.btn.next {
   background-color: #AA2413;
   border-color: #AA2413;
   color:#fff;
}
.site a.btn.next:hover,
.site a.btn.next:focus,
.site a.btn.next:active{
   background-color:#de1900;
}
.itemid-108 .article-details .article-full-image{
    float: left;
    width: 250px;
    margin-right: 2rem;
    height: 100%;
}
.itemid-108 [itemprop="articleBody"]{
    height: 240px;
    overflow-y: auto;
}
#sp-right > div{height:100%}
.sp-column .sp-module:last-child{
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    z-index: 1020;
}
.site .article-list .article{
    border: 1px solid #dcd5cd;
    background: #fefbf7;
    height: 100%;
    margin-bottom: 0;
}
#sp-title{
    border-bottom: 1px solid #dcd5cd;
}
#sp-title .sp-column{
    max-width: 1320px;
    margin: auto;
}
#sp-title .breadcrumb{
   background-color:transparent;
   padding: .75rem !important;
   margin-bottom:0
}
.squared-avatar {
    height: 60px;
    width: 60px;
}

.squared-avatar.small {
    height: 20px;
    width: 20px;
}

.squared-avatar img {
    aspect-ratio: 1 / 1;
    object-position: center;
    object-fit: cover;
}

a.profile-link {
    padding-bottom: var(--main-gap);
}

a.small-avatar-link {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

/* cormorant-garamond-regular - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cormorant-garamond-v21-cyrillic_latin-regular.woff2') format('woff2');
}

/* cormorant-garamond-700 - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Cormorant Garamond';
    font-style: bold;
    font-weight: 700;
    src: url('../fonts/cormorant-garamond-v21-cyrillic_latin-700.woff2') format('woff2');
}

/* great-vibes-regular - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Great Vibes';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/great-vibes-v21-cyrillic_latin-regular.woff2') format('woff2');
}

body {
    background: var(--bg);
}

#sp-main-body {
    /*margin: 100px 0;*/
}

.main-page #sp-main-body {
    margin: 0;
}


.main-page #sp-section-1 {
    height: 0;
}



.first-top-row {
    position: relative;
    height: var(--mobile-header-height);
    width: 100%;
    background: var(--bg);
    z-index: 9999;
}

.first-row-header,
.logotype a,
.top-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--main-gap);
}

.first-row-header {
    height: 82px;
}

.logotype a {
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    text-transform: uppercase;
    gap: 12px;
    color: var(--red);
}

.logotype a x path.A-letter {
    fill: var(--white);
}

.logotype a:hover svg path.A-letter {
    fill: var(--beige);
}

.offcanvas-overlay,
.offcanvas-menu {
    margin-top: 0;
}

.one-row-header-right #offcanvas-toggler .burger-icon {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    color: var(--white);
    transition: color 400ms, background 400ms;
    font-size: 16px;
    font-weight: 400;
}

.one-row-header-right #offcanvas-toggler .burger-icon svg {
    margin-left: var(--main-gap);
}

.one-row-header-right #offcanvas-toggler:hover .burger-icon {
    color: var(--beige);
}

.one-row-header-right #offcanvas-toggler:hover .burger-icon svg path {
    stroke: var(--beige);
}

#offcanvas-toggler .burger-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
}

#sp-footer {
    background: var(--footer-color);
}

.sp-scroll-up {
    background: rgba(var(--red-rgb), 0.25);
}

.sp-scroll-up:hover,
.sp-scroll-up:active,
.sp-scroll-up:focus {
    color: var(--beige);
    background: var(--red);
}

.top-button-link a,
#mod-finder-searchword {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-value);
    font-family: 'Arial';
}

.top-button-link a {
    width: fit-content;
    padding: 0 24px;
    background: var(--red);
    white-space: nowrap;
    color: var(--white) !important;
}

.top-button-link a:hover {
    color: var(--beige) !important;
}

.first-top-row .top-button-link a {
    /*width: 219px;*/
}

#mod-finder-searchword {
    color: var(--gray);
    background: transparent;
    border: 1px solid var(--gray);
    border-radius: var(--border-radius-value);
    width: 316px;
}
#mod-finder-searchword:focus{
      background-color: #fff;
}

.mob-menu-position {
    display: flex;
    gap: var(--main-gap);
}

.lang-switcher {
    display: flex;
    align-items: center;
    min-height: 100%;
}

ul.lang-inline {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
}

div.mod-languages ul li {
    display: flex !important;
    opacity: 0.5;
    margin: 0;
    border-radius: 25%;
    border: 1px solid rgba(var(--white-rgb), 0.5);
    transition: opacity 400ms, border-color 400ms;
}

div.mod-languages ul li:hover {
    opacity: 0.75;
    border: 1px solid var(--beige);
}

div.mod-languages ul li.lang-activated {
    opacity: 1;
    border: 1px solid var(--beige);
}

.first-row-header div.mod-languages ul li {
    border: 1px solid var(--gray);
}

.first-row-header div.mod-languages ul li.lang-activated {
    border: 1px solid var(--red);
}

div.mod-languages ul li img {
    display: block;
}

div.mod-languages ul li,
div.mod-languages ul li.lang-activated,
div.mod-languages ul li a {
    padding: 0;
}

div.mod-languages ul li.lang-activated {
    /*background-color: none;*/
    height: fit-content;
}

#sp-header {
    height: var(--header-height);
    background: var(--red);
}

.one-row-header {
    display: flex;
    justify-content: space-between;
    gap: var(--main-padding);
}

ul.sp-megamenu-parent {
    display: flex;
    gap: 32px;
    flex-wrap: nowrap;
    margin: 0;
    float: none;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    color: var(--white);
    padding: 0;
    line-height: var(--header-height);
    font-size: 16px;
    font-weight: 400;
}

.sp-megamenu-parent>li:last-child>a {
    padding: 0;
}

ul.sp-megamenu-parent>li>a:hover,
ul.sp-megamenu-parent>li>a:focus,
ul.sp-megamenu-parent>li.active>a {
    color: var(--beige) !important;
}

.one-row-header-left,
.one-row-header-right {
    display: flex;
}

.one-row-header-right {
    gap: 32px;
    align-items: center;
    justify-content: flex-end;
}

.one-row-header-right .login,
.one-row-header-right ul.mod-menu.top-registration {
    display: flex;
    gap: 32px;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.one-row-header-right .login a,
.one-row-header-right ul.mod-menu.top-registration>li>a {
    display: inline-flex;
    color: var(--white);
    padding: 0;
    line-height: var(--header-height);
    font-size: 16px;
    font-weight: 400;
    align-items: center;
    white-space: nowrap;
}

.svg-icon {
    display: flex;
}

svg path,
svg stroke {
    transition: fill 400ms, stroke 400ms;
}

.login a svg {
    margin-right: 8px;
}

.one-row-header-right .login a:hover,
.one-row-header-right ul.mod-menu.top-registration>li>a:hover {
    color: var(--beige);
}

.one-row-header-right .login a:hover svg path {
    fill: var(--beige);
}

.offcanvas-menu {
    overflow: auto;
    width: 100%;
    max-width: 400px;
    height: 100%;
    background: var(--bg);
    padding: var(--main-gap);
    border-left: 1px solid var(--gray);
}

.offcanvas-menu .offcanvas-inner {
    margin-top: calc(var(--main-gap) * 2);
    padding: 0;
}

.close-offcanvas {
    position: relative;
    top: unset;
}

.close-offcanvas .burger-icon {
    width: auto;
}

.offcanvas-menu .off-search {
    margin-bottom: 24px;
}

.offcanvas-menu ul.mod-menu,
.offcanvas-inner .login {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner ul.menu li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover span::before {
    color: var(--red);
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span,
.offcanvas-menu .offcanvas-inner ul.menu>li span::before {
    color: var(--black);
    transition: .3s;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
    padding: 0;
    font-size: 16px;
}

body.ltr .close-offcanvas {
    right: unset;
}

body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -400px;
}

.offcanvas-inner .awesomplete {
    width: 100%;
}

.site .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -4px;
}

#mod-finder-searchword-canvas {
    width: 100%;
    background: transparent;
    color: var(--gray);
    border: 1px solid var(--gray);
    border-radius: var(--border-radius-value);
}

.offcanvas-inner .login a {
    display: flex;
    align-items: center;
}

.offcanvas-inner .login a:hover,
.offcanvas-inner .login a:focus {
    color: var(--red);
}

.offcanvas-inner .login a svg path {
    fill: var(--black);
}

.offcanvas-inner .login a:hover svg path {
    fill: var(--red);
}

.offcanvas-inner ul.mod-menu.nav-pills {
    display: none;
    visibility: hidden;
}

/* Main Page Title Start*/
.main-image {
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.main-image .container {
    position: absolute;
    height: calc(100% - 142px);
    width: 100%;
    top: 0;
    display: flex;
    align-items: center;
}

.main-image img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-image .container .main-image-text {}

.main-image-text .slogan {
    font-family: 'Great Vibes';
    font-size: 134px;
    line-height: 0.9;
    color: var(--beige);
}

.course-button {
    margin-top: calc(var(--main-gap) * 2);
    height: 59px;
    width: 263px;
    border-radius: var(--border-radius-value);
    border: 2px solid var(--beige);
    color: var(--white);
}

.course-button a {
    background: rgba(var(--transparent-button-color-rgb), .5);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: var(--white);
}

.course-button a:hover {
    background: var(--beige);
    color: var(--red);
}

.main-image-text-subtitle {
    margin-top: 8px;
    color: var(--white);
}

/* Main Page Title Finish*/

/* Bottom Menus Section Start */

#sp-footer1 {
    margin: 0 auto;
}

#sp-footer h3.sp-module-title,
h3.sp-module-title {
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    font-size: 20px;
    color: var(--red);
    margin-bottom: var(--main-gap);
    text-align: left;
}

#sp-footer .bottom-menu ul.mod-menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

#sp-footer .bottom-menu ul.mod-menu>li>a {
    color: var(--black);
    line-height: 1;
}

#sp-footer .bottom-menu ul.mod-menu>li>a:hover,
#sp-footer .bottom-menu ul.mod-menu>li>a:focus,
#sp-footer .bottom-menu ul.mod-menu>li.active>a {
    color: var(--red);
}

#sp-position1 {
    display: flex;
    align-items: center;
}

#sp-position2 {
    display: flex;
    justify-content: flex-start;
}

.bottom-logo,
.bottom-menu {
    display: flex;
    /*align-items: center;*/
}

#sp-footer .top-button-link a {
    /*width: 165px;*/
}

.social-networks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}

.social-networks a:hover svg path {
    fill: var(--red);
}

#sp-position1 {
    order: 0;
}

#sp-footer1 {
    order: 1;
}

#sp-footer2 {
    order: 2;
}

#sp-position2 {
    order: 3;
}

/* Bottom Menus Section Finish */

/* Subfooter Block Start */
#sppb-subfooter {
    border-top: 1px solid var(--gray);
    background: var(--footer-color);
    padding: 16px 0;
}

/*
#sppb-subfooter .sp-column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}
*/

#sppb-subfooter ul.mod-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
}

#sppb-subfooter {
    color: var(--subfooter-link-color);
    font-size: 11px;
    line-height: 1;
}

#sppb-subfooter ul.mod-menu>li>a {
    color: var(--subfooter-link-color);
    text-decoration: underline;
    white-space: nowrap;
}

#sppb-subfooter ul.mod-menu>li>a:hover,
#sppb-subfooter ul.mod-menu>li>a:focus,
#sppb-subfooter ul.mod-menu>li.active>a {
    color: var(--red);
}

/* Subfooter Block Finish */

/*Features Section Start */
#sp-bottom {
    background: var(--white);
    color: var(--black);
    padding: calc(var(--main-gap) * 4) 0;
}

#sp-bottom .sp-module h2.sp-module-title,
.sp-module h2.sp-module-title {
    font-family: 'Cormorant Garamond';
    color: var(--black);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.features {
    display: flex;
    justify-content: space-between;
    gap: var(--main-gap);
}

.single-feature {
    flex: 1 1 calc(33% - var(--main-gap) / 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: flex-start;
    text-align: center;
}

.single-feature img {
    margin-bottom: var(--main-gap);
    height: 80px;
    width: auto;
}

/*Features Section Finish */

/*Main Page Articles Section Start */
.sppb-article-info-wrap h3 {
    font-family: 'Cormorant Garamond' !important;
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
}

.sppb-addon-article {
    background: var(--white);
}

.sppb-article-img-wrap {
    display: flex;
    align-items: center;
    aspect-ratio: 1 / 1;
}

.sppb-article-img-wrap img {
    object-fit: cover;
    object-position: center center;
    min-height: 100%;
}

a.sppb-readmore {
    display: flex;
    justify-content: space-between;
}

a.sppb-readmore:hover svg path,
a.sppb-readmore:hover svg {
    fill: var(--red);
    stroke: var(--red);
}

.custom-all-articles-button {
    margin-top: calc(var(--main-gap) * 2);
    display: flex;
    justify-content: center;
}

.custom-all-articles-button .sppb-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--red);
    /*width: 175px;*/
    width: fit-content;
    padding: 0 24px;
    height: 48px;
    white-space: nowrap;
}

.custom-all-articles-button .sppb-btn:hover,
.custom-all-articles-button .sppb-btn:focus {
    color: var(--beige);
    box-shadow: none;
}

.sppb-article-info-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*height: 100%;*/
}


.articles-top-block .sppb-article-info-wrap h3 {
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    margin-bottom: 0;
}

.articles-top-block .sppb-article-info-wrap h3 p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1;
    min-height: 60px;
    max-height: 60px;
    margin-bottom: 0;
}

.readmore-string {
    position: relative;
    margin-top: calc(var(--main-gap) * 2);
}

.readmore-string::before {
    content: '';
    background: var(--gray);
    position: absolute;
    top: calc(0px - var(--main-gap));
    left: calc(0px - var(--main-gap));
    width: calc(100% + var(--main-gap) * 2);
    height: 1px;
}

/*Main Page Articles Section Finish */

/* SPPB styling Start */

h2.sppb-title-heading,
h2.sppb-addon-title {
    font-family: 'Cormorant Garamond';
    color: var(--black);
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    width: 100%;
    text-align: center;
}

#main-page-features {
    padding: 100px 0;
}

#main-page-features .sppb-row-container {
    gap: 20px;
}

.always-in-touch h3.sppb-addon-title,
.bottom-menu h3.sppb-addon-title {
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    font-size: 20px;
    color: var(--red);
    margin-bottom: var(--main-gap);
    text-align: left;
}

.social-networks-icons ul.sppb-icons-group-list {
    display: inline-flex;
    gap: 8px;
    height: fit-content;
}

.social-networks-icons ul.sppb-icons-group-list>li {
    margin: 0;
    text-align: left;
    padding: 0;
    display: inline-flex !important;
    height: fit-content;
    margin-top: 16px;
}

.social-networks-icons ul.sppb-icons-group-list>li>a {
    display: inline-flex;
}

.sppb-footer {
    background: var(--footer-color);
    /*padding: calc(var(--main-gap) * 3);*/
}

.sppb-footer .sppb-row {
    gap: 20px;
}

.sppb-footer .sppb-row>div {
    /*max-width: calc(25% - 20px) !important;
    //flex-basis: calc(25% - 20px) !important;
    //flex: 1 1 calc(25% - var(--main-gap) * 3 / 4) !important;*/
    border: 1px solid red;
    background: rgba(0, 0, 0, .2);
    /*margin: 0 !important;
    //padding: 0 !important;*/
}

.bottom-menu ul.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0;
}

.bottom-menu ul.mod-menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.bottom-menu ul.mod-menu>li>a {
    /*font-size: 16px;*/
    color: var(--black);
    line-height: 1;
}

.bottom-menu ul.mod-menu>li>a:hover,
.bottom-menu ul.mod-menu>li>a:focus,
.bottom-menu ul.mod-menu>li.active>a {
    color: var(--red);
}

#offcanvas-toggler .burger-icon i {
    font-size: 1.3rem;
    margin-left: 1rem;
}

.offcanvas-inner .main-menu-title {
    display: none;
}

.offcanvas-inner .off-search {
    display: none !important;
}

.offcanvas-inner .sp-module-title {
    text-transform: uppercase;
    margin-top: 2.5rem;
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    color: var(--red);
    margin-bottom: var(--main-gap);
    text-align: left;
}

.offcanvas-active .first-top-row {
    position: relative;
    padding: 0 1rem;
}

div[data-modals-element="modal"] {
    z-index: 9999;
}

#system-message-container {
    position: relative;
    margin-left: 0;
    max-width: 100%;
    right: 0;
    z-index: 99;
}

.profile #users-profile-params,
.profile .users-profile-custom-webauthn {
    display: none;
}

[data-modals-element=modal] [data-modals-element=overlay] {
    background-color: rgba(0, 0, 0, .7) !important;
}

.social-networks-icons li a {
    background-color: #555;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px 5px;
    width: 36px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-networks-icons li a:hover {
    background-color: var(--sppb---red);
    color: #fff;
}

.social-networks-icons li a i {
    font-size: 1.2rem;
}

/* Детальная страница книги */
#sp-main-body {
    padding: 60px 0;
}

.book-detail h1 {
    color: #23201F;
    font-weight: 700;
    margin-bottom: 30px;
}

.book-detail .tab-content {
    margin-bottom: 30px;
}

.book-detail .nav-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.book-detail .nav-tabs .nav-link {
    background: #F7F1EB;
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    color: #23201F;
    width: 100%;
    text-align: center;
    border-left: 1px solid #98928D;
    border-top: 1px solid #98928D;
    border-bottom: 1px solid #98928D;
    border-radius: 0;
    font-size: 1.25rem;
    padding: 12px;
}

.book-detail .nav-tabs .nav-link:first-child {
    border-radius: 4px 0 0 0;
}

.book-detail .nav-tabs .nav-link:last-child {
    border-right: 1px solid #98928D;
    border-radius: 0 4px 0 0;
}

.book-detail .nav-tabs .nav-link:hover,
.book-detail .nav-tabs .nav-link.active {
    background: #fff;
    transition: border 0s;
}

.book-detail .tab-pane {
    background: #fff;
    padding: 2rem;
    border-left: 1px solid #98928D;
    border-right: 1px solid #98928D;
    border-bottom: 1px solid #98928D;
    border-radius: 0 0 4px 4px;
}

.book-detail .tab-pane [itemprop="articleBody"] {
    height: 100%;
    max-height: 376px;
    overflow-y: auto;
    padding-right: 6px;
    margin: 0 -6px 0 0;
}

.book-detail .info-list {
    background: #FFFBF6;
    padding: 1rem;
    color: #23201F;
    font-size: 16px;
    border-radius: 0 0 4px 4px;
}

.book-detail .article-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0;
}

.book-detail .article-info>span+span::before {
    display: none;
}

.book-detail .article-info i {
    color: #AA2413;
    width: 22px;
    margin-right: 12px;
}

.book-detail .article-info>span {
    font-size: 16px;
}

.book-detail .article-info>span a {
    display: block;
}

.book-detail a[aria-describedby^="editarticle-"] {
    display: block;
    text-align: right;
    margin-top: -24px;
}

.book-detail #jc {
    border: 1px solid #98928D;
    background: #fff;
    border-radius: 4px;
}

.book-detail .comments-list-header {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #98928D;
    padding: 12px;
}

.book-detail .comments-list-header .h6 {
    margin-bottom: 0;
    font-family: 'Cormorant Garamond';
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    padding-left: 1.25rem;
}

.book-detail .comments-list-header .h6 a:nth-child(1) {
    position: absolute;
    right: 12px;
}

.book-detail .comments-list-header .h6 a:nth-child(2) {
    position: absolute;
    right: 50px;
}

.book-detail .container-fluid {
    padding: 0;
}

.book-detail #jc .rbox {
    padding: 20px 32px;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #E9E6E2;
    border-radius: 0 !important;
}

.book-detail #jc .comments-list-footer {
    padding: 20px 32px;
}

.book-detail #jc .comments-buttons {
    float: left;
    margin: 8px 0 0 0 !important;
}

.book-detail #jc #comments~.h6 {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 20px;
    font-family: 'Cormorant Garamond';
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background: #F7F1EB;
}

.book-detail #jc #comments-form {
    background: #F7F1EB;
    padding: 20px 32px;
}

.book-detail .link-cover {
    margin-bottom: 1rem;
    display: block;
}

.tab-pane hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #98928D;
}

.tab-pane h3 {
    font-size: 20px;
}

.about p span {
    color: #98928D;
}

.article-details .col-md-8 {
    padding-right: 0;
}

.article-details .acfup-item img {
    border-radius: 4px 4px 0 0;
    width: 300px;
    height: auto;
    object-fit: cover;
    border-radius: 4px 4px 0 0;
}

.book-detail #jc form {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.book-detail #jc form br {
    display: none;
}

.book-detail #jc form .align-items-center {
    width: 54%;
    display: flex;
    flex-direction: column-reverse;
}

.book-detail #jc form .align-items-center .col-5 {
    width: 100%;
}

.book-detail #jc form .align-items-center .col-auto {
    margin: 0 auto 0 0;
}

.book-detail #jc #comments-form {
    padding: 0px 32px 20px 32px;
}

.book-detail #jc #comments-form-reset {
    display: none;
}

.book-detail #jc .captcha-container {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.book-detail #jc .captcha-container br {
    display: none;
}

.book-detail #jc #comments-form-buttons {
    flex-basis: 100%;
}

.book-detail #jc #comments-form-send {
    background: #AA2413;
    border: none;
    width: 150px;
    padding: 10px;
}

.book-detail #jc #comments-form-cancel {
    display: inline-block;
    background: #6c757d;
    border: none;
    width: 150px;
    padding: 10px;
    margin-left: 1rem;
}

.book-detail #jc .comment-info span[itemprop="name"] {
    font-family: 'Cormorant Garamond';
    font-size: 18px;
    color: #000;
    font-weight: 700;
}

.book-detail #jc form .h6 {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    font-family: 'Cormorant Garamond';
    font-weight: 700;
    font-size: 20px;
}

.book-detail #jc form input[type="text"] {
    padding: 10px 12px;
    color: #23201F;
    font-size: 1rem;
}

.book-detail #jc form textarea {
    margin-top: 7px;
}

.book-detail #jc #comments-inline-edit {
    padding: 0;
}


.book-detail #jc .comment-info .permalink {
    display: none;
}

.book-detail #jc .comment-info {
    display: flex;
    align-items: center;
    margin: 0;
}

.book-detail #jc .form-check {
    order: 10;
    flex-basis: 100%;
}

.book-detail #jc dd:has(.email) {
    display: none;
}

.book-detail .sticky-top {
    top: 100px !important;
}

.ru-ru .book-detail .link-cover.en,
.en-gb .book-detail .link-cover.ru {
    display: none;
}

@media(max-width: 1199px) {
    .book-detail .nav-tabs .nav-link {
        font-size: 1.1rem;
        padding: 7px;
    }
}

@media(max-width: 991px) {
    .book-detail .sticky-top {
        top: 20px;
        display: flex;
        flex-direction: row;
    }

    .book-detail .info-list {
        background: transparent;
        padding-top: 0;
    }

    .book-detail .nav-tabs .nav-link {
        font-size: 1.25rem;
        padding: 12px;
    }

    .book-detail .nav {
        margin-top: 30px;
    }

    .book-detail .acfup-item img {
        border-radius: 4px;
    }

    .book-detail h1 {
        margin-bottom: 20px;
    }

    .book-detail #sp-right {
        display: none;
    }

    .library #sp-right {
        display: none;
    }
}

@media(max-width: 767px) {
    .book-detail .nav-tabs .nav-link {
        font-size: 1.1rem;
        padding: 7px;
    }

    .library #sp-main-body {
        margin: 0;
    }
}

@media(max-width: 575px) {
    .book-detail .sticky-top {
        flex-direction: column;
    }

    .book-detail .info-list {
        padding: 0;
        margin-top: 10px;
    }

    .book-detail .nav {
        margin-top: 10px;
    }

    .book-detail .nav-tabs {
        flex-wrap: wrap;
    }

    .book-detail .nav-tabs .nav-link:nth-child(1),
    .book-detail .nav-tabs .nav-link:nth-child(2),
    .book-detail .nav-tabs .nav-link:nth-child(3) {
        width: 33.333%;
    }

    .book-detail .nav-tabs .nav-link:nth-child(3) {
        border-right: 1px solid #98928D;
        border-radius: 0 4px 0 0;
    }

    .book-detail .nav-tabs .nav-link:nth-child(4),
    .book-detail .nav-tabs .nav-link:nth-child(5) {
        width: 50%;
        border-radius: 0;
    }

}

/* Конец детальной страницы книги */


/* Стили для блога библиотеки */
.bloglibrary .acfup-item {
    margin: -20px -20px 20px -20px;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    display: block;
}

.bloglibrary .article-intro-image img,
.bloglibrary .acfup-item img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.custom-readmore {
    margin-top: 1rem;
}

@media(max-width: 991px) {

    .bloglibrary .article-intro-image img,
    .bloglibrary .acfup-item img {
        object-fit: contain;
        width: 100%;
        height: auto;
        max-height: 400px;
    }
}

/* Конец стилей для блога библиотеки */



/* Стили для формы добавления книги */
.hu-image-upload-wrapper:not(.loading) {
    max-width: fit-content;
}

.hu-image-upload-wrapper img {
    max-width: fit-content;
}

#fieldset-fields-1 .controls {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

#fieldset-fields-1 #jform_com_fields_book_cover {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 2rem;
    justify-content: flex-start;
}

#fieldset-fields-1 #jform_com_fields_book_cover .dz-message {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 2rem;
    justify-content: flex-start;
}

#fieldset-fields-1 #jform_com_fields_book_cover .tf-file-upload-editor--items {
    width: 260px;
    margin-top: 0;
}

#fieldset-fields-1 #jform_com_fields_book_cover .tf-file-upload-editor--items--item {
    display: flex;
    flex-direction: column;
}

#fieldset-fields-1 #jform_com_fields_book_cover .tf-file-upload-editor--items--item img {
    width: 100%;
    height: 100%;
    max-width: 260px;
    max-height: 360px;
}

#fieldset-fields-1 #jform_com_fields_book_cover .tf-file-upload-editor--items--item--details {
    display: none;
}

#fieldset-fields-1 .max-file-size {
    display: none;
}

#fieldset-fields-1 .tf-file-upload-editor--items--item--right {
    height: 18px;
}

#com-content-form .js-editor-tinymce {
    width: 100%;
}

.tf-file-upload-editor--items--item .check-icon {
    width: auto;
    height: auto;
}

@media(max-width:767px) {
    #fieldset-fields-1 .controls {
        flex-direction: column;
        gap: 1rem;
    }
}

.hu-content-edit .control-group:has(#jform_access),
.hu-content-edit .control-group:has(#jform_tags),
.hu-content-edit .control-group:has(#jform_catid),
.hu-content-edit .control-group:has(#jform_version_note),
.hu-content-edit .control-group:has(#jform_note),
.hu-content-edit .control-group:has(#jform_featured),
.hu-content-edit .control-group:has(#jform_publish_up),
.hu-content-edit .control-group:has(#jform_publish_down) {
    display: none !important;
}

.hu-content-edit button[aria-controls="attrib-helix_ultimate_blog_options"] {
    display: none !important;
}

joomla-tab-element#attrib-fields-1 legend {
    display: none;
}

joomla-tab-element#attrib-fields-1 .alert-info {
    display: none;
}

joomla-tab-element#publishing div.form-text {
    display: none;
}

.hu-content-edit select#jform_state option[value="-2"],
.hu-content-edit select#jform_state option[value="2"] {
    display: none;
}

.list-trash .icon-delete:before {
    display: none;
}

/* Конец стилей для формы добавления книги */


/* SPPB styling Finish */
@media (max-width: 1399px) {
    .main-image {
        height: 700px;
    }

    .main-image-text .slogan {
        font-size: 90px;
    }
}

@media (max-width: 1199px) {
    #mod-finder-searchword {
        width: 297px;
    }

    .main-image {
        height: 700px;
    }
}

@media (max-width: 991px) {
    #sp-menu a span{
      display:none;
    }
    aside {
        display: none
    }

    .first-top-row .top-button-link a {
        /*width: 187px;*/
    }

    #mod-finder-searchword {
        width: 137px;
    }

    ul.sp-megamenu-parent,
    .one-row-header-right,
    .one-row-header-right .login {
        gap: 24px;
    }

    #sp-position1 {
        order: 0;
    }

    #sp-footer1 {
        order: 2;
    }

    #sp-footer2 {
        order: 3;
    }

    #sp-position2 {
        order: 1;
    }

    #sp-footer h3.sp-module-title {
        text-align: center;
    }

    .bottom-menu ul.mod-menu {
        align-items: center !important;
    }

    #sp-position1 {
        justify-content: center;
    }

    #sp-position2 {
        justify-content: center;
    }

    /*
    #sp-position2 .sp-column,
    #sp-position2 .sp-module,
    #sp-position2 .sp-module-content,
    #sp-position2 .sp-module-content #mod-custom124 {
        width: 100%;
    }
*/
    .always-in-touch {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .bottom-menu h3.sppb-addon-title {
        width: 100%;
        text-align: center;
    }

    .disclaimer-text {
        text-align: center;
    }

    .social-networks {
        justify-content: center;
    }

    #sppb-subfooter ul.mod-menu {
        justify-content: center;
        flex-wrap: wrap;
        gap: 6px;
    }

    .main-image-text .slogan {
        font-size: 75px;
    }

    .sppb-article-img-wrap {
        aspect-ratio: 3 / 4;
    }

    .bottom-logo,
    .bottom-menu {
        justify-content: center;
    }

    .book-detail #jc form .align-items-center {
        width: 52%;
    }
}

@media (max-width: 767px) {
    #sp-main-body {
        margin: 80px 0;
    }

    .first-top-row {
        position: fixed;
        border-bottom: 1px solid var(--gray);
        top: 0;
    }

    #sp-header {
        display: none;
        visibility: hidden;
    }

    .main-image .container {
        height: 100%;
    }

    .main-image {
        height: 560px;
    }

    .main-image-text .slogan {
        font-size: 60px;
    }

    .course-button {
        margin-top: var(--main-gap);
    }

    .sppb-article-img-wrap {
        aspect-ratio: 4 / 3;
    }

    /*
    #main-page-features .sppb-row-column {
        max-width: 33.333333%;
        flex-basis: 33.333333%;
    }
*/
    .offcanvas-inner ul.mod-menu.nav-pills {
        display: flex;
        visibility: visible;
    }

    .offcanvas-inner ul.mod-menu.top-registration {
        margin-top: calc(var(--main-gap) * 2);
        position: relative;
    }

    .offcanvas-inner ul.mod-menu.mod-list::before,
    .offcanvas-inner ul.mod-menu.top-registration::before {
        position: absolute;
        top: calc(0px - var(--main-gap));
        width: 100%;
        content: "";
        background: rgba(var(--gray-rgb), .5);
        height: 1px;
    }

    #sp-main {
        margin-top: var(--mobile-header-height);
    }

    .offcanvas-inner .main-menu-title {
        display: block;
    }

    .offcanvas-inner .off-search {
        display: block !important;
    }

    .offcanvas-inner ul.mod-menu.mod-list {
        margin-top: calc(var(--main-gap) * 2);
        position: relative;
    }
}
@media (min-width:992px){
   #sp-right > div {
     border-left: 1px solid #dcd5cd;
   }
}
@media (max-width: 575px) {
    :root {
        --mobile-header-height: 60px;
    }

    .first-top-row,
    .first-row-header {
        height: 60px;
    }

    .first-row-header,
    .mob-menu-position {
        gap: 15px;
    }

    .logotype img {
        height: 32px;
        width: 32px;
    }

    .logotype a {
        gap: 6px;
    }

    .logotype a .logo-text {
        gap: 4px;
    }

    .logotype a {
        font-size: 12px;
        line-height: 1;
        height: 12px;
    }

    #sp-footer .top-button-link,
    #sp-footer .top-button-link a {
        /*width: 100%;*/
    }

    #sp-position2 {
        order: 9999;
    }

    #sppb-subfooter #sp-position3 ul.mod-menu {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
    }

    .subfooter-dusclaimer {
        text-align: center;
    }

    .main-image .container .main-image-text .slogan {
        width: 50%;
    }

    #sp-bottom .sp-module h2.sp-module-title {
        font-size: 28px;
    }

    .features {
        flex-direction: column;
        gap: calc(var(--main-gap) * 2);
    }

    .sppb-article-img-wrap {
        aspect-ratio: 1 / 1;
    }



    #offcanvas-toggler .burger-icon svg {
        width: 24px;
    }

    .book-detail #jc form .align-items-center {
        width: -webkit-fill-available;
    }

    #comments-form img.captcha {
        width: 100px;
    }

    .book-detail #jc form #comments-form-captcha {
        padding: 6px 8px;
        width: auto;
        font-size: 1rem;
    }

    .book-detail #jc #comments-form {
        padding: 0px 16px 20px 16px;
    }
    .logotype img{height: 30px}
}