body {
    font-family: Verdana;
    font-size: 13px;
    margin-top: -8px;
    background-color: #f5f5f5;
}

.wrapper {
    max-width: 1080px;
    /*width: 95%;*/
    margin: 0px auto;
    background-color: white;
}

.columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 5px 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc
}

.column1 {
    /*padding: 10px;*/
    width: 220px;
    border-right: 1px solid #ccc
}

    .column1 .innertube {
        padding: 5px;
    }

.column2 {
    flex: 1;
    width: 700px;
}

    .column2 .content {
        /*border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;*/
        width: 696px;
    }

.column3 {
    width: 160px;
    border-left: 1px solid #ccc;
}


#header {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #e7e4e4, #ffffff);
    background-repeat: repeat-x;
    /* border: 1px solid #1f90bb; */
    /* border-color: #1f90bb #1f90bb #145e7a; */
    /* color: white; */
}

.auth {
    float: right;
    padding-right: 10px;
    padding-top: 8px;
    font-size: 14px;
}

.logo-panel {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .logo-panel .logopic {
        width: 315px;
        margin-top: 10px;
        margin-left: 10px;
    }


.bottom-rubrics {
    display: flex;
    justify-content: center;
}

    .bottom-rubrics .bottom-rubrics-item {
        flex: 1;
    }



footer {
    padding: 0 15px
}

a {
    color: #545454
}

i {
    font-style: italic;
    font-weight: 400
}

a img {
    border: none
}

a:link, a:visited {
    color: #545454
}

a:hover {
    color: #636363;
    text-decoration: none
}

a:active {
    color: #545454
}

.user a, a.user {
    color: #666
}

.sep2 {
    margin-bottom: 2px
}

.sep5 {
    margin-bottom: 5px
}

.sep10 {
    margin-bottom: 10px
}

.sep20 {
    margin-bottom: 20px
}


a.catalogname, span.catalogname, div.catalogname {
    background-color: #84b2e0;
    text-decoration: none;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px !important;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #fff;
    display: inline-block;
    transition: all 0.3s ease; /* Плавный переход для эффектов */
    font-weight: 600;
}

/* Эффект при наведении */
.catalogname:hover {
    background-color: #6da5d6; /* Чуть темнее при наведении */
    color: #f9f9f9; /* Легкий оттенок текста */
    border-color: #e0f2ff; /* Легкий оттенок рамки */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тень для объема */
}

/* Эффект при клике */
.catalogname:active {
    background-color: #5c96c4; /* Ещё более темный цвет */
    transform: scale(0.95); /* Легкое уменьшение для интерактивности */
}


p {
    line-height: 1.4em
}

ul {
    margin: 0
}

td, th {
    display: table-cell;
    vertical-align: top
}

blockquote {
    border-left: 5px solid #f3d70b;
    padding-left: 10px;
    font-style: italic;
    font-size: 120%;
    line-height: 25px
}

.textbox {
    width: 500px;
    font-family: Georgia;
    font-size: 14px;
    color: #4b6383;
    font-style: italic
}

.btnlike input[type=button], .btnlike input[type=submit] {
    background-color: #14662B;
    color: #fff
}

    .btnlike input[type=button]:hover, .btnlike input[type=submit]:hover {
        background-color: green
    }

.comments-reply input[type=button], .comments-reply input[type=submit] {
    background-color: transparent;
    color: #545454;
    font-family: Georgia;
    cursor: pointer;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-radius: 0;
    padding: 2px;
    font-size: 11px;
    border-bottom: 1px dotted
}

input[type=button], input[type=submit] {
    background-color: #14662B;
    color: #fff;
    /*font-family: Georgia;*/
    cursor: pointer;
    border: 1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.05em;
}



    input [type=button]:hover, input[type=submit]:hover {
        background-color: #4ece53
    }

.article .bloger input[type=button], .article .bloger input[type=submit],
.article .title input[type=button], .article .title input[type=submit] {
    background-color: white;
    font-family: Verdana;
    color: black;
    border: none;
    border-radius: 0px;
    padding: 2px;
    font-size: 11px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0.0em;
}

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

h1 {
    font-size: 2.1em;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-bottom: 5px
}

h2 {
    font-size: 1.8em;
    line-height: 30px
}

h3 {
    font-size: 1.2em
}

h4 {
    font-size: 1.1em
}

h5, h6 {
    font-size: 1em
}

.toplogin {
    font-size: 85%;
    text-align: right;
}


    .toplogin .pan-login {
        display: inline-flex;
    }

        .toplogin .pan-login .subpan {
            padding: 5px 1px;
        }


        .toplogin .pan-login .balance {
            color: Green;
            font-weight: 700;
            text-decoration: none
        }


        .toplogin .pan-login img {
            vertical-align: middle
        }




/* Контейнер для дропдауна */
.lang, .currency {
    position: relative; /* Для позиционирования меню */
    display: inline-block;
    margin: 0px 3px;
}

    /* Текущий выбранный язык */
    .lang .current-lang {
        background-color: #14662B;
        color: #fff;
        padding: 5px 7px;
        font-size: 14px;
        text-decoration: none;
        border-radius: 4px;
        cursor: pointer;
    }

    /* Меню, скрытое по умолчанию */
    .lang .dropdown-menu {
        display: none; /* Скрываем меню */
        position: absolute;
        top: 100%; /* Расположить ниже текущего языка */
        left: 0;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        min-width: 45px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
    }

        /* Стили для ссылок в меню */
        .lang .dropdown-menu a {
            display: block;
            padding: 5px;
            color: #333;
            text-decoration: none;
            font-size: 14px;
            transition: background-color 0.3s;
            text-align: center;
        }

            /* Эффект при наведении */
            .lang .dropdown-menu a:hover {
                background-color: #f0f0f0;
            }

    /* Показ меню при наведении */
    .lang:hover .dropdown-menu {
        display: block; /* Показываем меню */
    }




.logo .navigation {
    text-align: center;
}

    .logo .navigation .mainmenu {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .logo .navigation .mainmenu .submenu {
            padding: 2px 4px; /* Уменьшенный внутренний отступ */
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 0.5px; /* Чуть меньшее расстояние между буквами */
            font-family: 'BebasNeueRegular', sans-serif;
            font-size: 12px; /* Уменьшенный шрифт */
            /*background-color: #f4f4f4;*/ /* Лёгкий фон для контраста */
            color: #333; /* Основной цвет текста */
            border-top: 2px solid #14662B; /* Верхняя граница в цвете верхнего меню */
            border-bottom: 2px solid #14662B; /* Нижняя граница */
        }

            .logo .navigation .mainmenu .submenu a {
                text-decoration: none;
                color: inherit;
                display: inline-block;
                padding: 6px 10px; /* Удобная зона клика */
                transition: background-color 0.3s, color 0.3s;
            }

        .logo .navigation .mainmenu .booksubmenu a {
            text-decoration: none;
            color: inherit;
            display: inline-block;
            /*padding: 6px 10px;*/ /* Удобная зона клика */
            transition: background-color 0.3s, color 0.3s;
        }

    /* Эффекты при наведении */
    .logo .navigation .submenu a:hover {
        background-color: #14662B; /* Фон при наведении */
        color: #fff; /* Цвет текста при наведении */
        border-radius: 4px; /* Добавляем слегка скругленные углы */
    }

    /* Разделитель между пунктами меню */
    .logo .navigation .submenu a:not(:last-child) {
        margin-right: 8px; /* Расстояние между элементами */
    }

    .logo .navigation .mainmenu .booksubmenu, .logo .navigation .mainmenu .booksepmenu {
        padding: 4px 8px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 'BebasNeueRegular', sans-serif;
        font-size: 14px;
        transform: scaleY(1.5);
        transform-origin: 0 0;
    }

    .logo .navigation .mainmenu .booksepmenu {
    }

    .logo .navigation .addsnav {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
        color: gray;
        font-size: 10px;
        margin-top: -10px
    }

        .logo .navigation .addsnav .submenu {
            padding: 0px 2px;
            text-align: center;
        }

        .logo .navigation .addsnav a {
            color: gray;
            text-decoration: none
        }

            .logo .navigation .addsnav a:hover {
                text-decoration: underline
            }



    .logo .navigation .object-panel {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .logo .navigation .object-panel .sub-object-panel {
            padding: 5px 3px;
        }


.main {
    min-height: 420px;
    padding-top: 10px
}

/* Login Container */
.login-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    /* Login Box */
    .login-container .login-box {
        background-color: #ffffff;
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        max-width: 400px;
        width: 100%;
        text-align: center;
    }


    /* Form Group */
    .login-container .form-group {
        margin-bottom: 20px;
        text-align: left;
    }

        .login-container .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #666666;
            font-size: 14px;
        }

        .login-container .form-group input {
            width: 100%;
            padding: 10px;
            font-size: 14px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            box-sizing: border-box;
        }

            .login-container .form-group input:focus {
                outline: none;
                border-color: #6b9edf;
                box-shadow: 0 0 5px rgba(107, 158, 223, 0.5);
            }

        /* Remember Me */
        .login-container .form-group.remember-me {
            display: flex;
            align-items: center;
        }

            .login-container .form-group.remember-me input[type="checkbox"] {
                margin-right: 8px;
                width: 18px;
                height: 18px;
                accent-color: #6b9edf; /* Modern checkbox styling */
            }

            .login-container .form-group.remember-me label {
                font-size: 14px;
                color: #333333;
                cursor: pointer;
                margin-bottom: 0px;
            }

    /* Login Button */
    .login-container .login-button {
        display: block;
        width: 100%;
        padding: 10px;
        background-color: #14662B;
        border: none;
        color: #ffffff;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        border: 1px solid #000;
    }

        .login-container .login-button:hover {
            background-color: #4ece53;
        }

    /* Extra Links */
    .login-container .extra-links {
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        font-size: 14px;
    }

        .login-container .extra-links a {
            text-decoration: none;
            color: #6b9edf;
            transition: color 0.3s ease;
        }

            .login-container .extra-links a:hover {
                color: #5a89c1;
            }

/* Mobile Responsive */
@media (max-width: 480px) {
    .login-container .login-box {
        padding: 20px;
    }
}


/* Registration Container */
.registration-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    /* Registration Box */
    .registration-container .registration-box {
        background-color: #ffffff;
        padding: 5px 30px;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        max-width: 550px;
        width: 100%;
        text-align: center;
    }


    /* Form Group */
    .registration-container .form-group {
        /*margin-bottom: 20px;*/
        text-align: left;
    }

        .registration-container .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #666666;
            font-size: 14px;
        }

        .registration-container .form-group input {
            width: 100%;
            padding: 10px;
            font-size: 14px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            box-sizing: border-box;
        }

            .registration-container .form-group input:focus {
                outline: none;
                border-color: #92d694;
                box-shadow: 0 0 5px rgba(146, 214, 148, 0.5);
            }

    /* Register Button */
    .registration-container .info {
        margin-bottom: 10px;
    }

    .registration-container .register-button {
        display: block;
        width: 100%;
        padding: 10px;
        background-color: #14662B;
        border: none;
        color: #ffffff;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-bottom: 10px;
    }

        .registration-container .register-button:hover {
            background-color: #4ece53;
        }

    /* Extra Links */
    .registration-container .extra-links {
        /*margin-top: 15px;*/
        font-size: 14px;
        margin-bottom: 10px;
    }

        .registration-container .extra-links a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #6b9edf;
            transition: color 0.3s ease;
        }

            .registration-container .extra-links a:hover {
                color: #5a89c1;
            }

/* Mobile Responsive */
@media (max-width: 480px) {
    .registration-container .registration-box {
        padding: 20px;
        max-width: 300px;
    }
}

/* Reset password Box */
.reset-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .reset-container .reset-card {
        background-color: #ffffff;
        padding: 5px 30px;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        max-width: 550px;
        width: 100%;
        text-align: center;
    }

    .reset-container .reset-button {
        display: block;
        width: 100%;
        padding: 10px;
        background-color: #14662B;
        border: none;
        color: #ffffff;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-bottom: 10px;
    }

        .reset-container .reset-button:hover {
            background-color: #4ece53;
        }

    /* Form Group */
    .reset-container .form-group {
        /*margin-bottom: 20px;*/
        text-align: left;
        margin-bottom: 10px;
    }

        .reset-container .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #666666;
            font-size: 14px;
        }

        .reset-container .form-group input {
            width: 100%;
            padding: 10px;
            font-size: 14px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            box-sizing: border-box;
        }

            .reset-container .form-group input:focus {
                outline: none;
                border-color: #92d694;
                box-shadow: 0 0 5px rgba(146, 214, 148, 0.5);
            }

    /* Register Button */
    .reset-container .info {
        margin-bottom: 10px;
    }

    /* Extra Links */
    .reset-container .extra-links {
        /*margin-top: 15px;*/
        font-size: 14px;
        /*margin-bottom: 10px;*/
    }

        .reset-container .extra-links a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #6b9edf;
            transition: color 0.3s ease;
        }

            .reset-container .extra-links a:hover {
                color: #5a89c1;
            }

/* Mobile Responsive */
@media (max-width: 480px) {
    .reset-container .reset-card {
        padding: 20px;
    }
}

/* Change password Box */
.change-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .change-container .change-card {
        background-color: #ffffff;
        padding: 5px 30px;
        border-radius: 10px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        max-width: 550px;
        width: 100%;
        text-align: center;
    }

    .change-container .change-button {
        display: block;
        width: 100%;
        padding: 10px;
        background-color: #14662B;
        border: none;
        color: #ffffff;
        font-size: 16px;
        border-radius: 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-bottom: 10px;
    }

        .change-container .change-button:hover {
            background-color: #4ece53;
        }

    /* Form Group */
    .change-container .form-group {
        /*margin-bottom: 20px;*/
        text-align: left;
    }

        .change-container .form-group label {
            display: block;
            margin-bottom: 8px;
            color: #666666;
            font-size: 14px;
        }

        .change-container .form-group input {
            width: 100%;
            padding: 10px;
            font-size: 14px;
            border: 1px solid #dddddd;
            border-radius: 5px;
            box-sizing: border-box;
        }

            .change-container .form-group input:focus {
                outline: none;
                border-color: #92d694;
                box-shadow: 0 0 5px rgba(146, 214, 148, 0.5);
            }

    /* Register Button */
    .change-container .info {
        margin: 20px;
    }

    /* Extra Links */
    .change-container .extra-links {
        /*margin-top: 15px;*/
        font-size: 14px;
        /*margin-bottom: 10px;*/
    }

        .change-container .extra-links a {
            text-decoration: none;
            /*font-weight: bold;*/
            color: #6b9edf;
            transition: color 0.3s ease;
        }

            .change-container .extra-links a:hover {
                color: #5a89c1;
            }

/* Mobile Responsive */
@media (max-width: 480px) {
    .change-container .change-card {
        padding: 20px;
    }
}

.failureNotification {
    font-size: 130%;
    color: Red;
    width: 700px;
    text-align: center;
    margin: 0 auto
}

.submitButton {
    text-align: right;
    padding-right: 10px
}


#topsection h1 {
    margin: 0;
    padding-top: 15px
}

#footer {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    background-color: #333;
    color: #fff;
}

    #footer a {
        text-decoration: none;
    }

    /* Общий стиль для футера */
    #footer .footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0px 20px;
    }

    /* Стиль для колонок */
    #footer .footer-column {
        flex: 1 1 25%; /* Базовый размер: 25%, но можно сжимать/расширять */
        padding: 10px;
        box-sizing: border-box;
        min-width: 200px; /* Минимальная ширина для колонки */
    }

        #footer .footer-column a {
            color: white;
            text-decoration: none;
        }

            #footer .footer-column a:hover {
                color: #ffcc00;
            }

        /* Заголовки в футере */
        #footer .footer-column h3 {
            margin-bottom: 10px;
            font-size: 18px;
            color: #ffcc00;
        }

/* Адаптивность */
@media (max-width: 768px) {
    #footer .footer-column {
        flex: 1 1 50%; /* Две колонки на ширине меньше 768px */
    }
}

@media (max-width: 480px) {
    #footer .footer-column {
        flex: 1 1 100%; /* Одна колонка на ширине меньше 480px */
    }
}




.leftmenu {
    font-family: Verdana;
    font-size: 12px;
    line-height: 1.6em;
    margin: 10px
}

    .leftmenu p {
        margin-bottom: 5px
    }

    .leftmenu .sups {
        margin-left: 15px;
        margin-bottom: 7px
    }

    .leftmenu .rubs {
        margin-left: 15px
    }

    .leftmenu .rubsa {
        margin-bottom: 4px
    }

    .leftmenu .rubsa_ {
        margin-bottom: 4px;
        color: #bdbcbc
    }

    .leftmenu .arts {
        margin-left: 15px
    }

    .leftmenu .artsa {
        line-height: 1.2em;
        margin-bottom: 10px
    }

.rubricdiv {
    /*display: flex;*/
}

    .rubricdiv .rubricname {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 1.5em;
        color: #666;
        background-color: #84b2e0;
        text-decoration: none;
        padding: 4px 6px 4px 10px;
        color: #fff;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid #ccc;
        width: max-content;
        text-align: center;
        margin-left: auto;
        margin-right: 0;
        flex-wrap: wrap;
    }

.guildnameactive {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.5em;
    color: #666;
    background-color: #4caf50;
    text-decoration: none;
    padding: 4px 6px 4px 10px;
    color: #fff;
    text-align: center
}

.guildmanage {
    text-align: center;
    margin: 5px
}

    .guildmanage a {
        padding: 5px
    }

.battlenameactive {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.5em;
    color: #666;
    background-color: #fbf3f3;
    text-decoration: none;
    text-align: center
}

.battlenamewinner {
    /*margin-top: 10px;*/
    margin-bottom: 0;
    font-size: 1.5em;
    background-color: #eff4f9;
    text-decoration: none;
    text-align: center
}

.battlenamelooser {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.5em;
    background-color: #f3f3f3;
    text-decoration: none;
    text-align: center
}

    .battlenameactive table, .battlenamelooser table, .battlenamewinner table, .guildnameactive table {
        margin: 0 auto
    }

        .battlenameactive table td.description, .battlenamelooser table td.description, .battlenamewinner table td.description, .guildnameactive table td.description {
            line-height: 15px
        }


.mainlist .articleslist h2 {
    font-size: 19px;
}

.articleslist {
    font-family: Verdana;
    font-size: 12px;
    line-height: 1.3em;
    margin: 10px
}

    .articleslist h2 {
        margin: 7px 0;
        line-height: normal
    }

        .articleslist h2 a {
            text-decoration: none
        }

    .articleslist .article-cell {
        margin-bottom: 20px;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 7px
    }

    .articleslist .title {
        font-size: 24px;
        margin: 2px 15px 9px 0;
        line-height: 1em
    }

    .articleslist .shottext {
        line-height: 1.3em
    }

    .articleslist .imgnews img {
        margin-right: 8px;
        margin-top: 13px
    }

    .articleslist .article-book {
        text-align: right;
        margin: 10px 10px
    }

        .articleslist .article-book img {
            vertical-align: middle
        }

    .articleslist .battle-ads {
        text-align: center;
        /*margin: 10px 20px;*/
        font-size: 90%;
        line-height: 16px;
    }

        .articleslist .battle-ads a {
            text-decoration: none;
        }

        .articleslist .battle-ads .btl-ads-article {
            font-size: 120%;
        }

            .articleslist .battle-ads .btl-ads-article a {
                color: gray;
            }

        .articleslist .battle-ads .btl-ads-rating {
            vertical-align: middle;
            font-size: 20px;
        }

            .articleslist .battle-ads .btl-ads-rating a {
                color: gray;
                text-decoration: none;
                margin: 10px;
            }


/* Общий стиль для оглавления */
.book-toc {
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Arial', sans-serif;
    color: #333;
    padding: 0px 10px;
}

    .book-toc h2 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #555;
    }

    /* Список глав */
    .book-toc ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .book-toc li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dotted #ccc;
        position: relative;
    }

    /* Название главы */
    .book-toc .chapter-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .book-toc .chapter-title a {
            text-decoration: none;
        }

    /* Номер страницы */
    .book-toc .page-number {
        flex-shrink: 0;
        margin-left: 20px;
        /*font-weight: bold;*/
        color: #555;
    }

        .book-toc .page-number a {
            text-decoration: none;
        }
    /* Псевдоэлементы для точек */
    .book-toc li::before {
        /*content: "";*/
        /*flex-grow: 1;*/
        border-bottom: 1px dotted #ccc;
        margin: 0 10px;
    }


.change {
    margin-top: 20px;
    margin-left: 20px;
    font-family: Verdana;
    font-size: 14px
}

.feedback {
    margin: 30px;
    font-family: Verdana
}

.btnshop a, a.btnshop {
    background-color: #4caf50;
    color: #fff;
    font-family: Georgia;
    cursor: pointer;
    border: 1px solid #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none
}

.btnblogger a, a.btnblogger {
    background-color: #f3d70b;
    color: #000;
    font-family: Georgia;
    cursor: pointer;
    border: 1px solid #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none
}

.viewuser .userdata {
    padding-top: 10px;
    min-height: 220px;
    text-align: center
}

    .viewuser .userdata .ttl {
        margin: 3px;
        font-size: 10px;
        font-variant-caps: all-petite-caps
    }

    .viewuser .userdata img {
        margin-bottom: -3px
    }

.viewuser {
    margin: 10px;
    margin-left: 10px;
    line-height: 1.6em
}

    .viewuser img {
        margin-bottom: 5px
    }

    .viewuser p {
        margin: 0
    }

    .viewuser .sep {
        height: 10px
    }

    .viewuser .value {
        color: #fff;
        font-weight: 700
    }

    .viewuser .usermoney {
        float: right;
        margin-top: -20px;
        font-weight: 700;
        color: gray;
        font-size: 11px;
        line-height: 12px;
        text-align: right
    }

.article {
    margin: 10px;
    /*max-width: 740px;*/
}


    .article .editarticle {
        float: right;
        font-size: 10px;
        margin-top: -10px;
    }


    .article .bloger {
        margin-top: 10px;
        font-size: 11px;
        line-height: 1.5em;
        text-align: right;
        margin-bottom: 10px;
    }

        .article .bloger .imgAuthor img {
            border-width: 0px;
            border: 1px solid #cbcbcb;
            border-radius: 50%;
            box-sizing: border-box;
            max-width: 35px;
            max-height: 35px;
            vertical-align: middle;
        }

    .article .rubric {
        margin-top: 10px
    }

    .article .title h1 {
        margin-top: 0;
        /*color: #545454*/
    }

    .article .anonce {
        font-style: italic;
        text-align: center;
        font-size: 15px;
        margin: auto 10%;
        margin-top: 10px;
        line-height: 19px;
    }

    .article .text {
        margin: 10px;
        font-size: 16px;
        line-height: 23px;
        widows: 2;
        font-style: normal;
        font-weight: 400;
        orphans: 4
    }

        .article .text h1, .article .text h2, .article .text h3 {
            text-align: left
        }

        .article .text h2 {
            font-size: 1.5em
        }

        .article .text a {
            font-weight: bold;
            text-decoration: none;
            border-bottom: 2px solid #636363;
            color: black;
        }

            .article .text a:hover {
                color: #545454;
                transition: all 0.3s ease;
            }

    .article .image {
        text-align: center;
        /*color: #a9a9a9;*/
        font-size: x-small
    }

        .article .image img {
            max-width: 650px;
            max-height: 650px;
        }

    .article li {
        margin-bottom: 10px
    }

    .article .relatednews {
        margin: 0 20px;
        font-size: 16px
    }

        .article .relatednews .block {
            margin-top: 10px
        }

            .article .relatednews .block h2 {
                font-size: 1.5em
            }

            .article .relatednews .block .shorttext {
                line-height: 23px;
                widows: 2;
                font-style: normal;
                font-weight: 400;
                orphans: 4
            }

.articlecomments {
    margin: 30px
}

.cataloglist {
    margin: 5px;
    font-size: 12px;
    line-height: 1.6em
}

.task {
    margin: 10px
}

    .task .rubric {
        margin-top: 5px;
        font-size: 9px
    }

    .task .text {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ccc;
        min-height: 50px;
        margin-top: 10px
    }

        .task .text .txt {
            margin: 10px;
            overflow: hidden
        }

            .task .text .txt p {
                margin-bottom: 0
            }

    .task .author {
        text-align: left;
        font-size: 85%;
        line-height: 1.5em
    }

        .task .author .btn {
            margin-top: 10px;
            margin-left: 10px
        }

    .task .price {
        text-align: right;
        margin-right: 10px;
        margin-top: 9px
    }

    .task .pnlreq {
        margin-top: 30px;
        text-align: center
    }

    .task .reqs {
        margin-top: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ccc;
        min-height: 50px
    }

        .task .reqs .txt {
            margin: 10px
        }

        .task .reqs .coms {
            margin-top: 5px
        }

        .task .reqs .btn {
            text-align: center;
            margin-bottom: 10px
        }

        .task .reqs .delbtn {
            float: right;
            margin: 5px;
            margin-right: 10px
        }

.tasklist .taskfooter {
    text-align: right;
    background-color: #f5e466;
    font-size: 11px
}

.tasklist .rubric, .tasklist .rubric a {
    font-size: 9px
}

.tasklist .title .mtext {
    margin-top: 15px;
    margin-left: 25px;
    font-size: 85%
}

.tasklist .title-kupon {
    text-align: center;
    padding: 2px
}

    .tasklist .title-kupon .price {
        font-size: 20px;
        color: #828a82
    }

.tasklist .title, .tasklist .title a {
    text-transform: none;
    text-decoration: none
}

    .tasklist .title font {
        color: #ccc;
        font-size: 90%
    }

.task .timer-div, .tasklist .timer-div {
    text-align: center;
    padding: 10px;
    padding-bottom: 0;
    font-size: 12px
}

    .task .timer-div, .tasklist .timer-div .timer, .tasklist .timer-div .timer-green {
        color: #4caf50;
        font-weight: 700;
        font-size: 18px
    }

.timer-red {
    color: #f44336;
    font-weight: bold;
}


.tasklist .article-cell {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 7px
}

    .tasklist .article-cell .txtart {
        margin: 10px
    }

        .tasklist .article-cell .txtart .qick-hide-task, .tasklist .article-cell .txtart .qick-show-task {
            float: right;
            margin-right: 10px;
            margin-top: 15px;
            border-bottom: 1px dashed #ccc;
            width: 50px;
            color: #ccc;
            cursor: pointer;
            font-size: 10px;
            font-weight: 400;
            font-variant: normal
        }

        .tasklist .article-cell .txtart .qick-hide-task {
            width: 40px
        }

    .tasklist .article-cell .review {
        font-size: 11px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 5px
    }

        .tasklist .article-cell .review .pointgood {
            background-color: #e7fae7;
            padding: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #9c9494
        }

        .tasklist .article-cell .review .pointbad {
            background-color: #ffcfcf;
            padding: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #9c9494
        }

.tasklist .cond-rat, .tasklist .cond-rat2 {
    border: 1px solid #000;
    padding: 3px;
    color: #fff;
    font-weight: 700;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 2px solid #fff
}

.tasklist .cond-rat, .tasklist .cond-rat2 {
    background-color: #4caf50
}

.tasklist .cond-rat2 {
    background-color: #f44336
}

.blocktitle {
    overflow: hidden;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*text-align: center;*/
    margin-left: 10px;
}

    .blocktitle h2 {
        color: #000;
        /*text-align: center;*/
        padding: 5px;
        letter-spacing: 1px;
        text-transform: uppercase;
        /*background-color: #f3d70b;
        background-image: linear-gradient(to bottom, #f3d70b, #c7b009);
        background-repeat: repeat-x;
        border: 1px solid #f3d70b;
        border-color: #f3d70b #f3d70b #f3d70b;*/
        /* font-family: Verdana, Geneva, Tahoma, sans-serif;*/
        font-weight: bold;
        margin-bottom: 30px;
        font-family: 'BebasNeueRegular', sans-serif;
        font-size: 23px;
        transform: scaleY(1.7);
        transform-origin: 0 0;
    }

.bookbanners {
    display: flex;
    flex-wrap: wrap;
    gap: 45px; /* Расстояние между баннерами */
    justify-content: center; /* Центрируем баннеры */
    padding: 20px;
    background-color: #f9f9f9; /* Светлый фон для блока */
}

.bookbanner {
    background-color: #ffffff; /* Белый фон баннера */
    border-radius: 12px; /* Закругленные углы */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Лёгкая тень */
    overflow: hidden; /* Скрываем лишнее */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    max-width: 200px; /* Фиксированная ширина баннера */
    text-align: center;
    background-color: #f9f9f9;
}

    .bookbanner a {
        text-decoration: none;
    }
    /*.bookbanner:hover {
        transform: translateY(-5px);*/ /* Поднимаем баннер при наведении */
    /*box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);*/ /* Увеличиваем тень */
    /*}*/
    .bookbanner img {
        width: 100%; /* Картинка растягивается на весь блок */
        height: auto; /* Пропорциональное изменение высоты */
        border-bottom: 2px solid #14662B; /* Линия разделения */
    }

.author-info {
    padding: 10px 5px; /* Отступы внутри инфо-блока */
    /*background-color: #f3d70b;*/ /* Фон информации об авторе */
    color: #333; /* Цвет текста */
    font-family: 'Arial', sans-serif;
}

    .author-info h3 {
        margin: 0;
        font-size: 16px; /* Размер имени автора */
        font-weight: bold;
    }

.book-image {
    background-color: white;
}

    .book-image img {
        width: 100%;
        height: auto;
        display: block;
        border-bottom: 3px solid #14662B; /* Цвет акцента */
    }

.book-info {
    padding: 10px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40%;
}

    .book-info h3 {
        font-size: 16px;
        margin: 10px 0 5px;
        /*color: #14662B;*/
        font-weight: bold;
    }

.book {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Arial, sans-serif;
    /*background-color: #f9f9f9;*/
    padding: 20px;
}

    .book .book-cover {
        width: 300px;
        height: 450px;
        background-color: #e0e0e0; /* Цвет фона на случай отсутствия изображения */
        background-size: cover;
        background-position: center;
        border: 2px solid #ccc;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        margin-bottom: 20px;
    }

    .book .booktitle h1 {
        color: black;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'BebasNeueRegular', sans-serif;
        font-size: 25px;
        letter-spacing: 2px;
        /*transform: scaleY(1.7);
        transform-origin: 0 0;*/
        /*margin: 10px 10px 30px 10px;*/
        text-align: center;
        line-height: 32px;
    }

    .book .bookauthor {
        /*margin: 10px 50px;*/
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        font-family: 'BebasNeueRegular', sans-serif;
        margin-bottom: 15px;
    }

        .book .bookauthor a {
            text-decoration: none;
        }

    /* Аннотация */
    .book .book-description {
        max-width: 800px;
        font-size: 16px;
        line-height: 1.6;
        color: #444;
        /*text-align: justify;*/
        padding: 20px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .book .book-genres {
        text-align: center;
        margin-bottom: 15px;
    }

    .book .epub-devices {
        text-align: center;
        margin: 0px auto;
        font-size: 90%;
        padding-top: 20px;
    }

    .book .supported-devices {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        padding: 20px;
        /*background-color: #f8f9fa;
        border: 2px solid #c7b009;
        border-radius: 15px;*/
        max-width: 600px;
        margin: 0 auto;
    }

    .book .device {
        text-align: center;
        /*flex: 1 1 120px;*/
        max-width: 150px;
    }

        .book .device img {
            width: 24px;
            height: auto;
            margin-bottom: 10px;
        }

        .book .device span {
            display: block;
            /*font-size: 14px;
            color: #333;
            font-weight: bold;*/
        }

@media (max-width: 768px) {
    .book .book-cover {
        width: 200px;
        height: 300px;
    }

    .book .book-description {
        padding: 15px;
        font-size: 14px;
    }
}

.book-list-item {
}

    .book-list-item .bookepub, .book-list-item .bookfree {
        position: relative;
        /*width: 214px;*/ /* Ширина обложки */
        /*height: 300px;*/ /* Высота обложки */
    }

        .book-list-item .bookepub img, .book-list-item .bookfree img {
            width: 100%;
            height: 100%;
            display: block;
        }

        .book-list-item .bookepub::after {
            content: url(/images/design/epub50.png); /* URL иконки EPUB */
            position: absolute;
            top: 0px; /* Позиция от нижнего края обложки */
            right: -13px; /* Позиция от правого края обложки */
            width: 50px; /* Размер иконки */
            height: 22px;
        }

        .book-list-item .bookfree::after {
            content: url(/images/design/epub50.png); /* URL иконки EPUB */
            position: absolute;
            top: 0px; /* Позиция от верхнего края обложки */
            right: -13px; /* Позиция от правого края обложки */
            width: 50px; /* Размер иконки */
            height: 22px;
        }

        .book-list-item .bookfree::before {
            content: url(/images/design/free50.png); /* Новая иконка free.png */
            position: absolute;
            top: 25px; /* Позиция от верхнего края обложки */
            right: -13px; /* Позиция от правого края обложки */
            width: 50px; /* Размер иконки */
            height: 22px;
        }

    .book-list-item .booktype, .book .booktype {
        text-transform: uppercase;
        font-size: 13px;
        text-align: center;
        font-family: 'BebasNeueRegular', sans-serif;
    }

    .book-list-item .booktitle {
        overflow: hidden;
    }

        .book-list-item .booktitle h2 {
            color: black;
            text-transform: uppercase;
            font-weight: bold;
            font-family: 'BebasNeueRegular', sans-serif;
            font-size: 27px;
            letter-spacing: 2px;
            /*transform: scaleY(1.7);
        transform-origin: 0 0;*/
            margin: 10px 10px 10px 10px;
            text-align: center;
            line-height: 29px;
        }

    .book-list-item .bookauthor {
        margin: 5px 5px;
        text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        font-family: 'BebasNeueRegular', sans-serif;
        line-height: 15px;
    }

.booklist .bookauthor a {
    text-decoration: none;
}

.book-list-item .bookannotation {
    margin: 30px 10px;
    font-size: 15px;
    line-height: 18px;
}

.bestsellerlist .booktitle h2 a, .booknewlist .booktitle h4 a, .bookcollectionlist .booktitle h4 a {
    color: black;
}

.bestsellerlist .bookannotation {
    font-size: 17px;
    color: white;
    line-height: 20px;
    font-family: 'BebasNeueRegular', sans-serif;
}

.bestsellerlist .bookfreeread {
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
    border: 1px solid gray;
    width: 200px;
    margin: 20px auto 0px auto;
    padding: 10px;
    font-family: 'BebasNeueRegular', sans-serif;
    transform: scaleY(1.3);
    transform-origin: 0 0;
    letter-spacing: 2px;
    font-weight: bold;
}

    .bestsellerlist .bookfreeread a {
        /*background-color: #545454;*/
        color: white;
        text-decoration: none;
        padding: 4px;
    }

        .booklist .bookfreeread a:hover, .bestsellerlist .bookfreeread a:hover {
            /*background-color: #cfcfcf;*/
            color: black;
        }

.booknewlist .booktitle h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 11px;
    transform: scaleY(1.2);
    transform-origin: 0 0;
    margin: 7px 0px;
    letter-spacing: 1px;
}

.bookcollectionlist .booktitle h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 16px;
    transform: scaleY(1.5);
    transform-origin: 0 0;
    margin: 7px 0px;
    letter-spacing: 1px;
    line-height: 16px;
}

.bookcollectionlist .booktitle p {
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 14px;
    transform: scaleY(1.2);
    transform-origin: 0 0;
    margin: 10px 0px;
    letter-spacing: 1px;
    line-height: 26px;
}

.booknewlist .nn0, .bookcollectionlist .nn0 {
    background-color: #e9e9e9;
    padding: 10px 10px;
}

.booknewlist .nn1, .bookcollectionlist .nn1 {
    background-color: none;
    padding: 10px 10px;
}

.booklist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*align-items: stretch;*/
    gap: 25px;
}

    .booklist .bookauthor {
        font-size: 11px;
    }


    .booklist .booktitle h2 {
        color: black;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'BebasNeueRegular', sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
        /*transform: scaleY(1.3);
        transform-origin: 0 0;*/
        margin: 5px 5px 0px 5px;
        text-align: center;
        line-height: 16px;
    }

    .booklist .bookfreeread {
        text-align: center;
        /*vertical-align: middle;*/
        text-transform: uppercase;
        margin-top: 10px;
        font-size: 10px;
    }

        .booklist .bookfreeread a {
            background-color: #545454;
            color: white;
            text-decoration: none;
            padding: 4px;
        }

            .booklist .bookfreeread a:hover {
                background-color: #cfcfcf;
                color: black;
            }

    .booklist .bookprice, .bestsellerlist .bookprice {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        font-size: 14px;
        margin-top: 3px;
        margin-bottom: 10px;
        font-family: 'BebasNeueRegular', sans-serif;
        text-align: center;
    }

        .booklist .bookprice img, .bestsellerlist .bookprice img {
            vertical-align: middle;
        }

.bookrubric, .articlerubric {
    color: #979797;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 23px;
    letter-spacing: 2px;
    transform: scaleY(1.5);
    transform-origin: 0 0;
    margin: 30px 10px 40px 10px;
    text-align: center;
    line-height: 28px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(0, 0, 0, 0.1);
}

.bookmenu .bookcatalog1 {
    padding: 1px 6px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 14px;
    transform: scaleY(1.5);
    transform-origin: 0 0;
    margin-bottom: 17px;
    margin-top: 10px;
    border-top: 1px solid #e7e6e6;
    line-height: 16px;
}

    .bookmenu .bookcatalog1 a, .bookmenu .bookcatalog2 a, .bookmenu .bookcatalog3 a {
        text-decoration: none;
        padding: 2px;
        color: black;
    }

        .bookmenu .bookcatalog1 a:hover, .bookmenu .bookcatalog2 a:hover, .bookmenu .bookcatalog3 a:hover {
            background-color: #545454;
            color: white;
        }

.bookmenu .bookcatalog2 {
    padding: 1px 6px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 10px;
    transform: scaleY(1.5);
    transform-origin: 0 0;
    margin: 10px;
}

.bookmenu .bookcatalog3 {
    padding: 1px 6px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'BebasNeueRegular', sans-serif;
    font-size: 10px;
    transform: scaleY(1.5);
    transform-origin: 0 0;
    margin: 7px 10px;
}

.qick-txt {
    font-weight: 400;
    font-size: 12px;
    line-height: normal;
    font-variant: normal;
    margin-top: 10px
}

.tasklist table {
    width: 100%
}

.task-text-cell {
    margin-bottom: 20px
}

    .task-text-cell img {
        margin-bottom: -3px
    }

    .task-text-cell table {
        font-size: 85%;
        line-height: 1.5em
    }

.edituser {
    margin: 30px
}

    .edituser .info {
        text-align: right;
        float: left
    }

    .edituser .textbox {
        width: 223px;
        height: 31px;
        font-family: Georgia;
        font-size: 14px;
        color: #4b6383;
        font-style: italic
    }

    .edituser .pnl {
        margin-top: 20px
    }

        .edituser .pnl .sep {
            height: 5px
        }

    .edituser .btn {
        margin-top: 20px;
        text-align: center
    }

.regtask {
    margin: 10px
}

.tsep {
    height: 10px
}

.tsep5 {
    height: 5px
}

.regtask .nowork {
    color: #d3d3d3
}

.regtask h1 {
    margin-bottom: 15px
}

.regtask div.ttl {
    float: left;
    font-weight: 700;
    min-width: 150px;
    border-bottom: 1px dashed gray
}

.regtask .btn {
    text-align: center;
    margin-top: 15px
}

.modalBackground {
    background-color: #ccf;
    opacity: .5;
    cursor: pointer
}

.ModalWindow {
    margin-top: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    border: 3px solid #635e5e;
    text-align: left
}

    .ModalWindow .btncancel, .ModalWindowGreen .btncancel, .ModalWindowRed .btncancel {
        text-align: right;
        margin: -10px
    }

.ModalWindowRed {
    margin-top: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    border: 3px solid red;
    text-align: left
}

.ModalWindowGreen {
    margin-top: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    border: 3px solid green;
    text-align: left
}

.winform {
    margin: 15px
}

    .winform h1 {
        margin-top: -15px;
        margin-right: 30px;
        border-bottom: 1px solid #000
    }

    .winform .btnapply {
        text-align: center;
        margin-top: 10px
    }

#wrapper {
    overflow: hidden
}

.invoice {
    padding-top: 0;
    margin-left: 17px
}

    .invoice .btn {
        text-align: center
    }

.invoice {
    margin-right: 20px;
    margin-bottom: 20px
}

    .invoice .invform {
        margin-top: 10px;
        margin-left: 20px
    }

    .invoice .statement {
        margin-top: 20px;
        margin-left: 40px;
        font-size: 11px;
    }

.chat {
    margin: 10px;
}

    .chat .userto {
        text-align: center;
    }

    .chat .window {
        height: 500px;
        width: 100%;
        border: 1px solid #ccc;
        font-size: 85%;
        margin-top: 10px;
        background-color: #fff;
    }

        .chat .window .hmes {
            margin-bottom: 2px;
            font-size: 14px;
            padding: 10px;
            line-height: 19px;
        }

            .chat .window .hmes .nick {
                font-weight: 700;
                padding: 2px 0px;
            }

            .chat .window .hmes .txt-left {
                margin-right: 45%;
                background-color: #e5e5ea;
                color: #fff;
                padding: 5px;
                border-radius: 0.65rem;
                color: #000;
                padding-left: 10px;
            }

            .chat .window .hmes .txt-right {
                margin-left: 45%;
                background-color: #4caf50;
                color: #fff;
                padding: 5px;
                border-radius: 0.65rem;
                padding-right: 10px;
            }

            .chat .window .hmes .time {
                color: Gray;
                font-size: 10px;
                padding: 2px 0px;
            }

            .chat .window .hmes a {
                color: white;
            }

    .chat .text {
        margin-top: 10px;
    }

    .chat .btn {
        text-align: center;
        margin-top: 20px;
    }

.partner {
    margin-top: 20px;
    margin-left: 17px;
}

    .partner .info {
        margin-bottom: 20px;
        margin-left: 17px;
    }

        .partner .info .exmpl {
            margin-top: 15px;
            margin-right: 20px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background: #fff;
            border: 1px solid #ccc
        }

            .partner .info .exmpl .type {
                float: right;
                color: #e0dfdf;
                margin: 7px
            }

            .partner .info .exmpl .txt {
                margin: 10px
            }

.task .pnlau {
    text-align: center
}

.task .au-curuser {
    font-size: 10px;
    margin-bottom: 15px
}

.task .au-curstate {
    margin-bottom: 15px
}

.task .au-time {
    margin-top: 10px;
    font-size: 10px
}

.lastuserinchat {
    margin: 5px 21px 7px 12px;
    font-size: 14px
}

/* Container for all bonus cards */
.bonus-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 10px;
    grid-template-columns: repeat(auto-fit, minmax(80px, 2fr)); /* Responsive columns */
    align-items: start;
    justify-content: center;
}

    /* Each bonus card */
    .bonus-container .bonus-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between; /* Ensures content is evenly spaced */
        height: 80px; /* Set a fixed height for uniformity */
        width: 80px; /* Ensures all cards are the same width based on the grid */
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 10px;
        padding: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        margin-bottom: 35px;
    }

        .bonus-container .bonus-card:hover {
            /*transform: translateY(-5px);*/
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

    /* Bonus Image */
    .bonus-container .bonus-image {
        margin-bottom: 10px;
        text-align: center;
    }

        .bonus-container .bonus-image img {
            max-height: 80px; /* Ensure images stay within bounds */
            max-width: 80px;
        }

.bonus-image img:hover {
    /*transform: scale(1.1);*/
}

/* Bonus Info (Checkbox and Label) */
.bonus-container .bonus-info {
    flex-grow: 1; /* Pushes content evenly to fill space */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}

    .bonus-container .bonus-info input[type="checkbox"] {
        margin-right: 5px;
    }

/* Responsive Grid */
@media (max-width: 768px) {
    .bonus-container .bonus-container {
        grid-template-columns: 1fr; /* Single column for mobile */
    }
}

.about-bonus {
    margin-top: 20px
}

    .about-bonus .about, .about-bonus .name {
        margin-left: 40px;
        font-size: 14px
    }

    .about-bonus .about {
        color: Gray;
        line-height: 25px
    }

    .about-bonus .img {
        float: left
    }

.bonuses {
    margin: 10px
}

    .bonuses .prname {
        margin-top: 10px;
        padding: 3px;
        border-radius: 10px;
        border: 1px solid #8c8c8c;
        width: 100px
    }

    .bonuses .name, .bonuses .namegre, .bonuses .namered, .bonuses .nameyel {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #ccc;
        border: 1px solid #666;
        min-width: 100px;
        height: 20px;
        color: #666;
        margin: 3px 10px;
        margin-bottom: 0;
        font-size: 12px
    }

        .bonuses .name a:hover, .bonuses .name:hover {
            background: #666;
            color: #fff
        }

    .bonuses .nameyel {
        background: #f5e466
    }

    .bonuses .namered {
        background: #f58484;
        color: #fff
    }

    .bonuses .namegre {
        background: #58bd64;
        color: #fff
    }

    .bonuses .nameyel a:hover, .bonuses .nameyel:hover {
        background: #f3d917
    }

    .bonuses .namered a:hover, .bonuses .namered:hover {
        background: red
    }

    .bonuses .namegre a:hover, .bonuses .namegre:hover {
        background: green
    }

    .bonuses .inner {
        margin: 2px 5px
    }

    .bonuses a {
        text-decoration: none;
        color: #666
    }

.arts, .shops .inner {
    margin-left: 10px;
    padding: 10px
}

.coupon {
    border: 1px solid gold;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
    min-width: 200px;
    padding: 5px
}

    .coupon a {
        color: #fff
    }

    .coupon .title-kupon {
        margin: 5px
    }

#share42 {
    display: inline-block;
    padding: 6px 0 0 6px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 4px
}

    #ctrl-task:hover, #share42:hover {
        background: #f6f6f6;
        border: 1px solid #d4d4d4;
        box-shadow: 0 0 5px #ddd
    }

    #ctrl-task a, #ctrl-task input[type=image], #share42 a {
        opacity: .5
    }

        #ctrl-task input[type=image]:hover, #ctrl-task:hover a, #share42:hover a {
            opacity: .7
        }

        #ctrl-task a:hover, #ctrl-task input[type=image]:hover, #share42 a:hover {
            opacity: 1
        }

.comments {
    /*margin-left: 30px;
    margin-top: 10px;*/
    /*color: Gray;*/
    overflow: hidden
}

.comments2 {
    font-size: 10px;
    /*color: Gray;*/
    margin: 5px 3px 5px 3px
}

.comments .newcomment, .comments .newcommentmain {
    margin-bottom: 15px;
    background-color: #e7e7e7;
    padding: 5px;
    margin-top: 10px;
    margin-left: 20px
}

.comments .newcommentmain {
    margin-left: 0;
    margin-bottom: 25px
}

.comments .shorttext {
    font-size: 12px;
    margin-top: 5px;
    color: #000;
    font-size: 130%
}

.comments .delcom {
    color: #c0bfbf
}

.comments .add-review {
    text-align: center;
    margin: 20px;
}

    .comments .add-review .add-review-block {
        border: 1px solid #ccc;
        background: #f9f9f9;
        padding: 12px;
        border-radius: 6px;
        margin: 15px auto;
        font-size: 14px;
    }

.comments .add-review .lnk-add-review {
    background: #ff9900;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #767676;
}

/* Основной блок отзыва */
.review-item {
    /*border: 1px solid #ddd;
    border-radius: 6px;*/
    padding: 10px 20px;
   /* margin-bottom: 16px;*/
    /*background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);*/
    font-family: sans-serif;
}

    /* Имя автора и дата */
    .review-item .author {
        font-weight: bold;
        color: #2c3e50;
        /*margin-right: 8px;*/
    }
        .review-item .author a {
            text-decoration: none;
        }

    .review-item .date {
        font-size: 11px;
        color: #999;
    }

    .review-item .edit a {
        font-size: 9px;
        color: #cdcccc;
        text-decoration: none;
        text-transform: uppercase;
    }

    /* Текст отзыва */
    .review-item .revcontent {
        margin-top: 6px;
        font-size: 15px;
        /*color: #333;*/
    }


    /* Комментарии к отзыву */
    .review-item .comment {        
        margin-top: 10px;        
        font-size: 14px;
        /*color: #555;*/
    }

    .review-item .review {
        margin-top: 10px;
        border-left: 3px solid #f3d70b;
        padding-left: 12px;
    }
    .review-item .review .revcontent {
        font-size: 16px;
        padding: 3px;
        padding-left: 0px;
    }

    /* Кнопка "ответить" */
    .review-item .reply-link input[type=submit] {
        font-size: 12px;
        text-transform: uppercase;
        color: #666;
        text-decoration: none;
        margin-top: 6px;
        display: inline-block;
        background-color: transparent;
        padding: 0px;
        border: none;
        font-weight: normal;
        font-size: 11px;
        padding: 3px 0px;
        padding-bottom: 7px;
        text-align: left;
    }

        .review-item .reply-link input[type=submit]:hover {
            text-decoration: underline;
            color: #000;
            background-color: transparent;
        }


.nocomments {
/*    margin-top: 15px;
    margin-bottom: 15px*/
}

.comment-block {
    border: 1px solid #e6e6e6;
    padding: 5px;
    padding-bottom: 0;
    margin-top: 5px
}

.comments-reply {
    text-align: right;
    margin: 5px;
    margin-bottom: 0;
    margin-top: 0
}



.commentslist {
    overflow: hidden
}

    .commentslist h1, .commentslist h2 {
        color: #000;
        text-align: center;
        padding: 5px;
        /*font-family: fantasy;*/
        letter-spacing: -1px;
        text-transform: uppercase;
        background-color: #f3d70b;
        background-image: linear-gradient(to bottom, #f3d70b, #c7b009);
        background-repeat: repeat-x;
        border: 1px solid #f3d70b;
        border-color: #f3d70b #f3d70b #f3d70b;
        font-weight: bold;
    }

    .commentslist .shorttext, .commentslist .shorttext2, .commentslist .title, .commentslist table {
        margin-top: 10px
    }

    .commentslist .shorttext2 {
        text-align: right
    }

    .commentslist .rubrics a, .commentslist .events a {
        text-decoration: none;
    }

.shortchamptable {
    line-height: 25px;
}

    .shortchamptable a {
        text-decoration: none;
    }

    .shortchamptable tr:nth-child(odd) {
        background-color: #e3ffe3;
    }

    .shortchamptable tr:nth-child(even) {
        background-color: none;
    }

    .shortchamptable img {
        border-width: 0px;
        border: 1px solid #F3D70B;
        border-radius: 3px;
        background-color: #f7eda3;
        vertical-align: sub;
    }

.listall {
    text-align: center;
    margin-top: 10px;
}

.ftb table, .ftb table td {
    background-color: #fff
}

.divtype {
    width: 600px;
    margin: 50px auto;
    text-align: center
}

    .divtype .BtnType {
        margin-top: 20px;
        height: 60px;
        word-wrap: break-word;
        font-size: 22px
    }

.left-title {
    background-color: #f5e466;
    font-size: 11px
}

.refusername {
    margin-left: 20px;
    margin-bottom: 3px;
    font-size: 80%
}

.poll {
    margin: 0 auto;
    margin-top: 20px;
    width: 500px
}

.shops table {
    width: 100%
}

.shops .inner {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-top: 15px
}

.shops .inner2 {
    margin: 10px
}

.shops .rubric {
    font-size: 9px
}

.shops .title {
    font-size: 18px;
    text-transform: none
}


#pnlsetting .bonuses {
    margin-top: 7px;
    padding-bottom: 5px;
    margin-left: 10px
}



.expressservice {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin: 10px;
}

    .expressservice .instructions {
        margin: 20px;
        margin-bottom: 0px;
        background-color: hsl(43, 85%, 95%);
        border: 1px solid hsl(43, 85%, 72%);
        padding: 5px;
    }

        .expressservice .instructions .insttxt {
            margin-top: 10px;
            margin-left: 10px;
            line-height: 20px;
        }

        .expressservice .instructions li {
            margin-left: -20px;
        }

    .expressservice .name a {
        font-weight: 700
    }

    .expressservice .price {
        color: Red;
        font-weight: 700;
        margin: 3px
    }

    .expressservice td {
        vertical-align: middle;
    }



    .expressservice .storeimg {
        /*margin-top: 50px;
    margin-left: 20px;*/
    }

    .expressservice .title, .expressservice .title h2 {
        text-align: center;
        text-transform: uppercase;
        /*margin-bottom: 0px;*/
    }

        .expressservice .title a {
            text-decoration: none;
        }


    .expressservice .desc {
        text-align: center;
        margin: 0px 10px;
    }

        .expressservice .desc table {
            width: 100%;
        }

.expressservice2 div {
    margin-top: 10px
}

.new-article {
    margin: 10px;
}

.expressservice .editbook {
}

    .expressservice .editbook .param, .new-article .param, .review-form .param {
        font-weight: bold;
        padding-top: 7px;
        padding-bottom: 3px;
    }

    .expressservice .editbook .book-card, .expressservice .editbook .epubpanel, .expressservice .editbook .generalpanel, .expressservice .makemaneupanel,
    .new-article .generalpanel,
    .new-article .extrapanel,
    .review-form .generalpanel {
        background-color: #f9f9f9; /* Light gray for a clean look */
        border: 1px solid #ddd; /* Subtle border around the card */
        border-radius: 8px; /* Rounded corners */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
        padding: 20px;
        max-width: 800px; /* Set a max width for better readability */
        margin: 20px auto; /* Center the card horizontally */
        font-family: 'Arial', sans-serif; /* Clean font */
    }

    /* Заголовок книги */
    .expressservice .editbook .panel-title, .new-article .panel-title {
        font-size: 20px;
        font-weight: bold;
        /*color: #f3d70b;*/
        /*cursor: pointer;*/
        padding: 10px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        text-align: center;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

        .expressservice .editbook .panel-title:hover, .new-article .panel-title:hover {
            background-color: #f9f9f9;
            /*color: #c7b009;*/
        }

    /* Карточка книги (изначально скрыта) */
    .expressservice .editbook .book-card, .new-article .article-card {
        display: none; /* Скрываем по умолчанию */
        background-color: #ffffff;
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 15px;
        margin-top: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Стрелка */
    .expressservice .editbook .arrow, .new-article .arrow {
        font-size: 14px;
        transition: transform 0.3s ease; /* Плавное вращение стрелки */
    }

.QuantComments {
    margin: 10px;
    font-size: 11px
}

    .QuantComments a {
        text-decoration: none;
        color: #000
    }

        .QuantComments a:hover {
            color: #000
        }

.expressservice .btnapply {
    padding: 20px;
    margin: auto 0
}

.blogerdiv {
    margin: 10px
}

.guild {
    margin: 20px
}

    .guild .mainuser {
        text-align: center;
        font-size: 30px;
        margin: 40px 0
    }

    .guild .tdguilduser {
        padding: 5px;
        vertical-align: middle;
        text-align: center
    }

.google-auto-placed {
    margin-top: 20px
}

.readfree {
    /*margin: 10px;*/
    text-align: center;
}

    .readfree a {
        background-color: #adadad;
        color: white;
        /* margin: 20px 20px; */
        text-decoration: none;
        padding: 3px 7px;
    }

        .readfree a:hover {
            background-color: #838080;
        }



.cart {
    /*width: 100%;*/
    margin: 0px 10px;
}

    .cart .cartitem {
        display: flex;
        border-bottom: solid 1px gray;
        padding: 15px;
        justify-content: space-between;
        align-items: center;
    }

        .cart .cartitem .bookname {
            font-size: 24px;
            /*padding:5px;*/
            width: 40%;
        }

            .cart .cartitem .bookname a {
                color: black;
                text-decoration: none;
            }

        .cart .cartitem .authorname {
            font-size: 14px;
            font-style: italic;
        }

        .cart .cartitem .qntblock {
            /*padding: 15px 10px;*/
        }

        .cart .cartitem .priceblock {
            font-size: 16px;
            /*padding: 15px 10px;*/
        }

        .cart .cartitem .priceblock2 {
            font-size: 16px;
            border-top: 1px dashed gray;
            margin-top: 5px;
        }

    .cart .payment-note {
        background-color: #fff3cd;
        border: 1px solid #ffeeba;
        color: #856404;
        padding: 16px;
        border-radius: 6px;
        font-size: 12px;
        line-height: 1.5;
        margin-top: 20px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

        .cart .payment-note strong {
            color: #704c00;
        }

    .cart .note-tip {
        display: block;
        margin-top: 10px;
        font-style: italic;
        color: #5a4500;
    }


.PnlDeliveryCalc {
    display: flex;
    justify-content: end;
}

.orders {
    font-size: 10px;
    margin: 10px 20px;
    text-align: center;
}

    .orders table {
        width: 100%;
    }

    .orders .ordlink, .mybooks .ordlink {
        text-transform: uppercase;
        /*border-bottom: dashed;*/
        font-size: 9px;
        white-space: nowrap;
    }

    .orders a, .mybooks a {
        text-decoration: none;
    }

    .orders tr {
        padding: 20px 10px;
    }

    .orders td, .mybooks td {
        padding: 10px;
        vertical-align: middle;
    }

    .orders tr:nth-child(odd) {
        background-color: #e3ffe3;
    }

    .orders tr:nth-child(even) {
        background-color: none;
    }

/* Основной контейнер пагинации */
.pagination {
    display: flex;
    justify-content: center; /* Центрирование на странице */
    align-items: center;
    margin: 20px 0;
    padding: 0;
    list-style: none;
    font-family: Arial, sans-serif;
}

    /* Ссылки пагинации */
    .pagination a {
        display: inline-block;
        margin: 0 5px; /* Расстояние между кнопками */
        padding: 10px 15px;
        text-decoration: none; /* Убираем подчеркивание */
        /*color: #007bff;*/ /* Цвет текста */
        background-color: #f9f9f9; /* Фон кнопки */
        border: 1px solid #ddd; /* Граница */
        border-radius: 4px; /* Скругленные углы */
        transition: all 0.3s ease; /* Анимация наведения */
    }

        /* Эффекты наведения */
        .pagination a:hover {
            /*color: #fff;*/ /* Белый текст */
            background-color: #f3d70b; /* Синий фон */
            border-color: #c7b009; /* Синяя граница */
        }

        /* Активная страница */
        .pagination a.active {
            color: #fff;
            background-color: #c7b009; /* Более насыщенный синий */
            border-color: #f3d70b;
            pointer-events: none; /* Отключение клика */
        }

        /* Кнопки "Назад" и "Вперед" */
        .pagination a:first-child,
        .pagination a:last-child {
            font-weight: bold; /* Выделение кнопок навигации */
        }


/* Основной стиль для сообщения */
.error-message {
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    background-color: #fff7d1; /* Нежно-желтый фон */
    border: 2px solid #f3d70b; /* Желтая граница */
    border-radius: 8px;
    text-align: center;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень */
}

/* Иконка ошибки */
.error-icon {
    font-size: 50px;
    margin-bottom: 15px;
    color: #c7b009; /* Темно-желтый цвет */
}

/* Заголовок сообщения */
.error-message h1 {
    font-size: 24px;
    color: #c7b009;
    margin-bottom: 10px;
}

/* Текст сообщения */
.error-message p {
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}

/* Ссылка на обратную связь */
.contact-link {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #f3d70b;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

    .contact-link:hover {
        background-color: #c7b009;
        transform: scale(1.05); /* Легкий эффект увеличения */
    }

@media (max-width: 1140px) {
    .column1 {
        flex: 0 0 100%;
        order: 2;
        border-right: none;
    }
}

@media(max-width: 910px) {
    .column2 {
        border-right: none;
    }
}

@media(max-width: 860px) {
    .column3 {
        flex: 0 0 100%;
        order: 1;
    }

    .column2 {
        border-right: none;
    }
}

@media(max-width: 750px) {
    .column2 .article-cell .article-list-item, .column2 .article-cell {
        display: flow;
    }

        .column2 .article-cell .article-list-item .imgnews {
            float: none !important;
        }

            .column2 .article-cell .article-list-item .imgnews img {
                width: 100% !important;
                max-width: none !important;
                max-height: none !important;
            }
}

@media(max-width: 735px) {
    .column2 .article-text-cell .image img, .column2 .article-text-cell .text img, .image img, .column2 .article .adsblock iframe {
        width: 100% !important;
        /*height: auto !important;*/
    }
}

@media (max-width: 600px) {
    .pagination a {
        padding: 8px 10px; /* Уменьшение размеров кнопок */
        font-size: 14px; /* Более компактный текст */
    }
}


@media(max-width: 980px) {

    .bottom-rubrics {
        flex-flow: row wrap;
    }

        .bottom-rubrics .bottom-rubrics-item {
            flex: 0 0 100%;
        }
}




.recommended-article {
    background-color: #f9f9f9; /* Светлый фон блока */
    /*border-radius: 12px;*/ /* Закругленные углы */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Легкая тень для создания глубины */
    padding: 20px 10px 40px 10px;
    margin: 0px 0;
    display: flex;
    flex-direction: column; /* Стекание элементов по вертикали */
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    overflow: hidden;
}

/*.recommended-article:hover {
        transform: translateY(-5px);*/ /* Поднимаем блок при наведении */
/*box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);*/ /* Увеличиваем тень при наведении */
/*}*/

.recommended-content {
    text-align: center; /* Выравнивание текста по центру */
    max-width: 80%; /* Ограничиваем ширину */
}

.article-image {
    margin-bottom: 20px;
    width: 600px;
    height: 350px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*.article-image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }*/

.article-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    font-family: 'Arial', sans-serif;
}

.article-description {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.5;
}

.read-more {
    font-size: 16px;
    color: #14662B; /* Зеленый цвет для кнопки */
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 25px;
    background-color: #f3d70b; /* Жёлтый фон для кнопки */
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .read-more:hover {
        background-color: #4ece53; /* Изменение фона на зелёный при наведении */
        color: #fff; /* Белый цвет текста при наведении */
    }


/************ SUBSCRIBE BLOCK ***************/

.subscribeblock {
    /*background: #fff;*/
    border: 2px dashed #000;
    border-radius: 1rem;
    padding: 24px;
}

    .subscribeblock h4 {
        text-transform: none;
        font-family: 'Merriweather';
        font-weight: 400;
        font-size: 1.68rem;
        line-height: 1.2em;
        font-weight: 700;
        margin-top: -10px;
        margin-bottom: 10px;
    }


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