:root {
    --negnost-link-color: #626261; /* Общий цвет ссылок */


    /* ========================================
    3. Шапка урока
    ======================================== */
    --negnost-header-lesson-background: #626261; /* Цвет заголовка урока в шапке урока */
    --negnost-header-lesson-font-size: 32px; /* Размер шрифта заголовка урока в шапке урока  */
    --negnost-mobail-header-font-size: 19px; /* Размер шрифта заголовка урока в мобильной версии */

    --negnost-description-color: #626261;  /* Цвет описания урока в шапке урока */
    --negnost-description-font-size: 25px!important; /* Размер шрифта описания урока */
    --negnost-mobail-description-font-size: 15px;  /* Размер шрифта описания урока в мобильной версии */


    --negnost-info-color:#626261;/*Цвет текста о количестве уроков*/



    /* ========================================
    4. Навигация
    ======================================== */
    --negnost-navigation-background: #cbb4a2; /* Фон навигации левой кнопки*/
    --negnost-navigation-background2:#cbb4a2; /* Фон навигации правой кнопки*/
    --negnost-navigation-border: 1px solid #e8d9cd;/* Граница навигации */
    --negnost-navigation-border-bottom: 3px solid #e8d9cd;
    --negnost-navigation-border-radius: 15px; /* Скругление навигации */
    --negnost-navigation-text-color: #fff; /* Цвет текста навигации */
    --negnost-navigation-font-size: 1.4rem; /* Размер шрифта навигации */
    --negnost-navigation-padding: 10px; /* Внутренний отступ навигации */

    /* ========================================
    5. Карточка урока
    ======================================== */
    --negnost-card-background: #fff; /* Фон карточки урока */
    --negnost-card-border-top: 1px solid #e8d9cd; /*верхняя карточки урока */
    --negnost-card-border-right: 1px solid #e8d9cd; /*правая карточки урока */
    --negnost-card-border-left: 1px solid #e8d9cd; /*левая карточки урока */
    --negnost-card-border-bottom: 3px solid #e8d9cd; /* Нижняя обводка карточки урока */
    --negnost-card-box-shadow: 0px 0px 1px 0px transparent; /* Тень карточки урока */
    --negnost-card-border-radius: 20px; /* Скругление углов карточки урока */




    /* ========================================
    6. Кнопки
    ======================================== */
    /* Акцентные кнопки */
    --negnost-btn-accent-background: #cbb4a2; /* Фон акцентной кнопки */
    --negnost-btn-accent-text-color: #fff; /* Цвет текста акцентной кнопки */

    /* Дополнительные кнопки */
    --negnost-btn-secondary-background: transparent; /* Фон дополнительной кнопки */
    --negnost-btn-secondary-text-color: #626261; /* Цвет текста дополнительной кнопки */

    /* Общие параметры кнопок */
    --negnost-btn-border-radius-large: 20px; /* Скругление крупных кнопок */
    --negnost-btn-font-size: 1.9rem; /* размер шрифта кнопок */
    --negnost-btn-border-right: 1px solid #e8d9cd; /* Правая граница кнопки*/
    --negnost-btn-border-bottom: 3px solid #e8d9cd;/* Нижняя граница кнопки*/
    --negnost-btn-border-left: 1px solid #e8d9cd; /* Левая граница кнопки*/
    --negnost-btn-border-top: 1px solid #e8d9cd; /* Верхняя граница кнопки*/

    /* ========================================
    7. Домашнее задание
    ======================================== */
    --negnost-homework-background: #FFF9F2; /* Фон домашнего задания */
    --negnost-homework-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4); /* Тень домашнего задания */
    --negnost-homework-border-right: 1px solid #e8d9cd; /* Правая граница блока домашнего задания*/
    --negnost-homework-border-bottom: 1px solid #e8d9cd; /* Нижняя граница блока домашнего задания*/
    --negnost-homework-border-left: 1px solid #e8d9cd; /* Левая граница блока домашнего задания*/
    --negnost-homework-border-top: 1px solid #e8d9cd; /* Верхняя граница блока домашнего задания*/
    --negnost-homework-border-radius: 20px; /* Скругление углов блока домашнего задания*/

    --negnost-homework-head-color:  #626261; /* Цвет заголовка ЗАДАНИЕ*/
    --negnost-homework-text-color-dz-info: #626261; /*Цвет текста домашнего задания*/
    --negnost-homework-text-color: #222; /* Цвет текста в полях ответа на задание при вводе */
    --negnost-homework-text-color-dz: #626261; /*Цвет текста ответа на задание после отправки*/
    --negnost-link-student-name-color: #626261; /* Цвет имени учеников */


    /* ========================================
    8. Комментарии
    ======================================== */
    --negnost-comments-background: #FFF9F2;/* Фон комментариев */
    --negnost-comments-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4); /* Тень комментариев */
    --negnost-comments-border-right: 1px solid #e8d9cd; /* Правая граница блока комментарии*/
    --negnost-comments-border-bottom: 1px solid #e8d9cd; /* Нижняя граница блока комментарии*/
    --negnost-comments-border-left: 1px solid #e8d9cd; /* Левая граница блока комментарии*/
    --negnost-comments-border-top: 1px solid #e8d9cd; /* Верхняя граница блока комментарии*/
    --negnost-comments-border-radius: 20px; /* Скругление углов блока комментарии*/
    --negnost-comments-text-color: #222; /* Цвет текста в комментариях */
    --negnost-comments-header-color: #626261; /* Цвет заголовка фильтра комментариев */


    /*Скругление аватара в задании и комментариях */
    --negnost-avatar-border-radius: 50px;

    /* ========================================
    9. Анимации и адаптация
    ======================================== */
    --negnost-transition: 0.5s all; /* Переходы */
    --negnost-transform-hover: scale3d(0.99, 0.99, 0.99); /* Трансформация при наведении */


    /* ========================================
    10. Размер текста внутри урока
    ======================================== */

    --text-pk:20px;
    --text-mobail:15px;

}


/* ========================================
2. Ссылки на странице
======================================== */
a:not(.gc-account-user-submenu a, .page-header a),
a:not(.gc-account-user-submenu a, .page-header a):hover,
a:not(.gc-account-user-submenu a, .page-header a):active,
a:not(.gc-account-user-submenu a, .page-header a):focus{
    text-decoration: none;
}



/* ========================================
4. Карточка урока, где весь контент урока
======================================== */
/*ставим штрину контента урока*/
.gc-main-content .center-block{
    max-width: 1150px!important;
}


.gc-main-content .row.header-view {
    max-width: 750px;
}


.lite-page.block-set {
    background: var(--negnost-card-background);
    -webkit-box-shadow: var(--negnost-card-box-shadow);
    box-shadow: var(--negnost-card-box-shadow);
    border-radius: var(--negnost-card-border-radius);
    border-top: var(--negnost-card-border-top);
    border-right: var(--negnost-card-border-right);
    border-left: var(--negnost-card-border-left);
    border-bottom: var(--negnost-card-border-bottom);
    backdrop-filter: blur(0.5);
    -webkit-backdrop-filter: blur(15.5254px);
    margin: 10px;
    border-radius: var(--negnost-card-border-radius);
}



/* ========================================
5. Индивидуальные стили для блоков
======================================== */

/* Шапка урока */
.lesson-header-block.row-section {
    border: none!important;
}

.gc-main-content .lesson-header-block{
    background: none!important;

}


/* ========================================
6. Название урока
======================================== */
.lesson-header-block h2.lesson-title-value {
    font-family: var(--negnost-font-header-family) !important;
    font-style: normal;
    font-weight: 600;
    font-size: var(--negnost-header-lesson-font-size) !important;
    line-height: 1.1;
    text-align: left;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    background: var(--negnost-header-lesson-background);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.lesson-header-block h2.lesson-title-value {
    text-transform: none !important;
    height: auto;
}


/* ========================================
7. Описание урока
======================================== */

.lesson-header-block span.lesson-description-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left !important;
    font-family: var(--negnost-font-family) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--negnost-description-font-size) !important;
    line-height: 1;
    text-align: left;
    letter-spacing: 0.01em;
    background: var(--negnost-description-color) !important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important;
    text-fill-color: transparent!important;
    height: auto;
}


/* ========================================
8. Навигация
======================================== */


/*Надпись о номере урока и коливе всего*/
.gc-main-content .lesson-navigation td.text-center.hidden-xs > span{
    color:var(--negnost-info-color);
    font-family: var(--negnos-font-family)!important;
    font-weight: 500;


}


/*Кнопки навигации*/
.lesson-navigation td:first-child a, .lesson-navigation td:first-child a:hover {
    background: var(--negnost-navigation-background);
    border-radius: var(--negnost-navigation-border-radius);
    border: var(--negnost-navigation-border);
    border-bottom: var(--negnost-navigation-border-bottom);
    color: var(--negnost-navigation-text-color) !important;
    font-size: var(--negnost-navigation-font-size) !important;
    line-height: 1;
    padding: var(--negnost-navigation-padding);
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    padding: 10px 10px;
    -webkit-transition: var(--negnost-transition);
    -o-transition: var(--negnost-transition);
    transition: var(--negnost-transition);
}

.lesson-navigation td:last-child a, .lesson-navigation td:last-child a:hover {
    background: var(--negnost-navigation-background2);
    border-radius: var(--negnost-navigation-border-radius);
    border: var(--negnost-navigation-border);
    border-bottom: var(--negnost-navigation-border-bottom);
    color: var(--negnost-navigation-text-color) !important;
    font-size: var(--negnost-navigation-font-size) !important;
    line-height: 1;
    padding: var(--negnost-navigation-padding);
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    padding: 10px 10px;
    -webkit-transition: var(--negnost-transition);
    -o-transition: var(--negnost-transition);
    transition: var(--negnost-transition);
}

td.text-right a {
    display: inline-block; 
    margin-left: auto; 
    text-align: right;
}


/*Стрелки в кнопках навигации*/
.lesson-navigation td:first-child a:before{
    content:"\f060";
    font-family: 'fontawesome';
    padding-right:5px;
    position: relative;
    bottom: -1px;
    right: 2px;
}

.lesson-navigation td:last-child a:after{
    content:"\f061";
    font-family: 'fontawesome';
    padding-left:5px;
    position: relative;
    bottom: -1px;
    left: 2px;
}



/*Скрываем лишние элементы*/
.gc-main-content td.text-center.hidden-xs .user-state-label,
.lesson-navigation  tr > td:nth-child(1) > div,
.row.lesson-navigation td.text-right > div{
    display:none;
}

div.row.lesson-navigation > table > tbody > tr > td:nth-child(1) > div,
div.row.lesson-navigation > table > tbody > tr > td:nth-child(3) > div{
    font-size: 0!important;
    height: 0;
}

.lesson-navigation td a {
    text-decoration: none;
}





/* ========================================
10. "Задание" в уроке и комментарии
======================================== */


/* Заголовок задания */
.lt-lesson-mission-block h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: var(--negnost-homework-head-color) !important;
    font-weight: 400!important;
}

/* Плашка задания */
.answer-form,
.lesson-mission-wrapper,
.user-answer.marked {
    -webkit-box-shadow: var(--negnost-comments-box-shadow);
    box-shadow: var(--negnost-comments-box-shadow);
    border-radius: var(--negnost-comments-border-radius);
    border: none;
}

/* блок  Домашнее задание */
.answer-form, .self-answers .user-answer {
    background: var(--negnost-homework-background) !important;
    border-right: var( --negnost-homework-border-right) !important;
    border-bottom: var(--negnost-homework-border-bottom) !important;
    border-left: var(--negnost-homework-border-left) !important;
    border-top: var(--negnost-homework-border-top) !important;
    border-radius: var(--negnost-homework-border-radius) !important;
    -webkit-box-shadow: var(--negnost-homework-box-shadow) !important;
    box-shadow: var(--negnost-homework-box-shadow) !important;
    color: var(--negnost-homework-text-color) !important;

}

.answer-form .addfield-type-checkbox label {
    color: var(--negnost-homework-text-color-dz) !important;
}


/*Убираем левый отступ у тестирования*/

.lt-lesson-mission-block > div > div > div > div > div > div > div:nth-child(3) {
    padding-left: 0 !important;
}


.lesson-mission-wrapper .lesson-mission-text,
.lt-lesson-mission-block > div > div > div > div > div > div > div:nth-child(3) {
    color: var(--negnost-homework-text-color-dz-info);
    border-right: var(--negnost-homework-border-right) !important;
    border-left: var(--negnost-homework-border-left) !important;
    border-top: var(--negnost-homework-border-top) !important;
    border-bottom: var(--negnost-homework-border-bottom) !important;
    border-radius: var(--negnost-homework-border-radius);
    margin-bottom: 10px;
}

.user-answer .answer-content .answer-text {
    color: var(--negnost-homework-text-color-dz);
}


/*Текст в тестах*/
.testing-widget {
    color: var(--negnost-homework-text-color-dz)!important;
}

/* блок  комментарии */
.simple-answer, .can-control-extended {
    background: var(--negnost-comments-background) !important;
    border-right: var( --negnost-comments-border-right) !important;
    border-bottom: var(--negnost-comments-border-bottom) !important;
    border-left: var(--negnost-comments-border-left) !important;
    border-top: var(--negnost-comments-border-top) !important;
    border-radius: var(--negnost-comments-border-radius) !important;
    -webkit-box-shadow: var(--negnost-comments-box-shadow) !important;
    box-shadow: var(--negnost-comments-box-shadow) !important;
    color: var(--negnost-comments-text-color) !important;

}

.lesson-answers-title h3,
.pull-right{
    color: var(--negnost-comments-header-color);
}

.lesson-answers-title a{
    font-family: var(--negnost-font-header-family) !important;
}

.can-control-extended.has-quote-images-settings-container.user-answer.lesson-related-data.type-free_comment.status-new {
    margin-top: 10px;
}

/*Аватар*/

.answer-form img,
.simple-answer img,
img.user-profile-image,
.comments-tree .user-image-wrapper img{
    border-radius: var(--negnost-avatar-border-radius) !important;
}


/* ========================================
11. Кнопки
======================================== */

/* Кнопка Отправить ответ */
.lt-lesson-mission-block .btn-primary {
    background: var(--negnost-btn-accent-background);
    border-radius: var(--negnost-btn-border-radius-large);
    border-right: var( --negnost-btn-border-right) !important;
    border-bottom: var(--negnost-btn-border-bottom) !important;
    border-left: var(--negnost-btn-border-left) !important;
    border-top: var(--negnost-btn-border-top) !important;
    font-family: var(--negnost-font-family) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--negnost-btn-font-size) !important;
    line-height: 1;
    text-align: center;
    color: var(--negnost-btn-accent-text-color) !important;
    padding: 8px 16px;
    min-height: 50px !important;
    text-transform: none !important;
}

.btn-primary:hover {
    border-color: transparent;
}

/* Кнопка отправить новый ответ, если задание не принято */
.comment-form-wrapper .new-comment.active .btn-send {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment-form-wrapper .new-comment.active .btn-send .fa.fa-send:before {
    color: var(--negnost-btn-accent-text-color) !important;
}

/* Кнопка Сохранить черновик */
.answer-form-inner button.btn.btn-link.btn-save-draft,
.answer-form .btn-save-draft {
    background: var(--negnost-btn-secondary-background) !important;
    border-right: var( --negnost-btn-border-right) !important;
    border-bottom: var(--negnost-btn-border-bottom) !important;
    border-left: var(--negnost-btn-border-left) !important;
    border-top: var(--negnost-btn-border-top) !important;
    font-family: var(--negnost-font-family) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--negnost-btn-font-size) !important;
    line-height: 1;
    color: var(--negnost-btn-secondary-text-color) !important;
    padding: 8px 16px;
    min-height: 50px !important;
    border-radius: var(--negnost-btn-border-radius-large);
    text-decoration: none !important;
    text-transform: none !important;
}

.user-answer a {
    color: var(--negnost-link-student-name-color) !important;
}

/* Основные кнопки */
.btn.f-btn, 
.new-comment.active .btn-send, 
.btn.start-btn.btn-restart {
    background: var(--negnost-btn-accent-background) !important;
    border-radius: var(--negnost-btn-border-radius-large);
    border-right: var( --negnost-btn-border-right) !important;
    border-bottom: var(--negnost-btn-border-bottom) !important;
    border-left: var(--negnost-btn-border-left) !important;
    border-top: var(--negnost-btn-border-top) !important;
    font-family: var(--negnost-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: var(--negnost-btn-font-size) !important;
    line-height: 1;
    color: var(--negnost-btn-accent-text-color) !important;
    padding: 15px 20px !important;
    min-height: 50px !important;
    text-transform: none !important;
}

/* Дополнительные кнопки */
.btn_2 .btn.f-btn {
    background: var(--negnost-btn-secondary-background) !important;
    border-radius: var(--negnost-btn-border-radius-large);
    border-right: var( --negnost-btn-border-right) !important;
    border-bottom: var(--negnost-btn-border-bottom) !important;
    border-left: var(--negnost-btn-border-left) !important;
    border-top: var(--negnost-btn-border-top) !important;
    font-family: var(--negnost-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: var(--negnost-btn-font-size) !important;
    line-height: 1;
    padding: 15px 20px !important;
    min-height: 50px !important;
    color: var(--negnost-btn-secondary-text-color) !important;
    text-transform: none !important;
}

.btn_vhod,
.btn_register,
.btn_vhod:hover,
.btn_register:hover,
.btn_vhod:focus,
.btn_register:focus,
.btn_vhod:active,
.btn_register:active,
button.btn.btn-primary,
.btn-success,
.btn-success:focus,
.btn-success:active,
.btn-success:hover {
    text-transform: none !important;
}

/* ========================================
12. Анимации
======================================== */
.btn.f-btn, 
.new-comment.active .btn-send, 
.answer-form-inner button.btn.btn-link.btn-save-draft, 
.answer-form .btn-save-draft, 
.btn_2 .btn.f-btn, 
button.btn.btn-primary,
.btn.start-btn.btn-restart{
    -webkit-transition: var(--negnost-transition);
    -o-transition: var(--negnost-transition);
    transition: var(--negnost-transition);
}

.btn.f-btn:hover, 
.new-comment.active .btn-send:hover, 
.answer-form-inner button.btn.btn-link.btn-save-draft:hover, 
.answer-form .btn-save-draft:hover, 
.btn_2 .btn.f-btn:hover, 
button.btn.btn-primary:hover,
.lesson-navigation td:first-child a:hover,
.lesson-navigation td:last-child a:hover, 
.btn.start-btn.btn-restart:hover{
    -webkit-transition: var(--negnost-transition);
    -o-transition: var(--negnost-transition);
    transition: var(--negnost-transition);
    -webkit-transform: var(--negnost-transform-hover);
    -ms-transform: var(--negnost-transform-hover);
    transform: var(--negnost-transform-hover);
}

/* ========================================
13. Адаптация для мобильных устройств
======================================== */



@media (max-width: 995px) {
    .answer-form-inner button.btn.btn-link.btn-save-draft,
    .answer-form .btn-save-draft {
        margin-left: 0;
        margin-top: 10px;
    }

    button.btn.btn-send-answer.btn-primary.btn-lg {
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .gc-main-content div.lesson-header-block.row-section > div.row.header-view{
        height: 100px;
    }


    .gc-main-content  h2.lesson-title-value,
    .f-header.f-header.f-lesson-header-1, .f-header,
    .lt-lesson-mission-block h{
        font-size: 25px;
    }

    .gc-main-content .lesson-header-block .row.lesson-navigation {
        padding-top:30px!important;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-width:100%;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 10px;
        margin: 0 auto 10px;
    }

    .gc-main-content .lesson-header-block .row.lesson-navigation td {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: max-content!important;
        margin: 10px auto;
        padding:0!important;
    }

    .gc-main-content .lesson-navigation td a {
        font-size: 12px !important;
        justify-content: space-evenly;
    }

    .gc-main-content h2.lesson-title-value,
    .f-header.f-header.f-lesson-header-1{
        font-size: var(--negnost-mobail-header-font-size)!important;

    }


    .btn.f-btn{
        font-size: 20px;
    }

    .lesson-status.user-state-reached,
    .lesson-status.user-state-has_mission,
    .lesson-status.user-state-answered,
    .lesson-status.user-state-accomplished,
    .lesson-status.user-state-declined {
        text-align: center !important;
        top: -10px !important;
        position: relative;
    }
}

@media (max-width: 767px) {
    .gc-main-content .lesson-header-block .hidden-xs  {
        display: block !important;
    }
}


@media (max-width: 600px) {
    .lesson-header-block h2.lesson-title-value {
        font-size: var(--negnost-mobail-header-font-size) !important;
        font-weight: 500 !important;
    }

    .lesson-header-block span.lesson-description-value {
        font-size: var(--negnost-mobail-description-font-size) !important;
    }

}


@media (max-width: 500px) {
    .btn.f-btn{
        width:100%!important;
    }
}


@media (max-width: 390px) {
    .lesson-navigation td:first-child a,
    .lesson-navigation td:last-child a {
        font-size: 10px;
    }

    /* Кнопки домашнего задания */
    .lt-lesson-mission-block .btn-primary,
    .answer-form-inner button.btn.btn-link.btn-save-draft,
    .answer-form .btn-save-draft {
        font-size: 15px !important;
    }

    .gc-main-content.with-left-menu .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media (max-width: 320px) {
    .lt-lesson-mission-block .btn-primary,
    .answer-form-inner button.btn.btn-link.btn-save-draft,
    .answer-form .btn-save-draft {
        font-size: 15px !important; 
    }
    .gc-main-content .lesson-navigation td a {
        font-size: 10px !important;
        width: 135px;
    }

}

/* ========================================
14. Адаптация под приложение
======================================== */
/* Кнопки домашнего задания */
.chatium_body .lt-lesson-mission-block .btn-primary,
.chatium_body .answer-form-inner button.btn.btn-link.btn-save-draft,
.chatium_body .answer-form .btn-save-draft {
    font-size: 14px !important;
    padding: 10px;
}

/* Вид кнопок навигации в чатиум */
.chatium_body .mode-selector {
    border: 1px solid var(--negnost-link-color) !important;
    border-radius: 6px;
    font-family: var(--negnost-font-family) !important;
}

.chatium_body .mode-selector .link {
    border-right: 1px solid var(--negnost-link-color) !important;
}

.chatium_body .mode-selector .link.active {
    background: var(--negnost-btn-accent-background) !important;
    color: var(--negnost-btn-accent-text-color) !important;
}

.chatium_body a.link {
    color: var(--negnost-btn-secondary-text-color) !important;
}

.chatium_body > div:nth-child(6) > div:nth-child(1) > a,
.chatium_body > div:nth-child(6) > div:nth-child(2) > a {
    font-size: 10px !important;
    padding: 10px;
    background: var(--negnost-navigation-background)!important;
    border-radius: var(--negnost-navigation-border-radius)!important;
    color: var(--negnost-navigation-text-color) !important;

}

.chatium_body > div:nth-child(6) {
    border-bottom: none !important;
}

.chatium_body .lesson-title h2 {
    font-size: var(--negnost-mobail-header-font-size) !important;
    font-weight: 500 !important;
}


/*Цвет описания в чатиум*/
.chatium_body .lesson-title {
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    background-clip: text!important;
    text-fill-color: transparent!important;
    background: var(--negnost-description-color);
}


/* Отступы блока комментариев в чатиум */
.chatium_body .simple-answer.user-answer {
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 20px;
}


/*Полоса разделения контента урока и шапки*/

.chatium_body .lesson-content {
    border-top: var(--negnost-header-border-top) !important;
    margin-top: 20px;
}




/* ========================================
15. Дополнительные настройки
======================================== */

/* Убираем полосу над контентом */
.content-menu,
.page-header {
    border: none !important;
}

.standard-page-content .page-header h1 {
    display: block;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu .user-answer a {
    color: #333 !important;
}

.btn-default {
    color: #333 !important;
}

/* Хлебные крошки */

.taim_cod br,
.text {
    display: block;
}

.page-menu li a {
    color: var(--negnost-link-color);
    font-weight: 500 !important;
}

.breadcrumb a {
    color: rgba(236, 236, 236, 0.5) !important;
    text-decoration: none;
    font-family: var(--negnost-font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 15px !important;
}

.standard-page-content h1 {
    font-size: 15px;
    position: relative;
    margin-top: 0;
    font-family: var(--negnost-font-family);
    font-style: normal;
    font-weight: 500;
}

.page-header h1 a {
    margin-left: 10px;
    font-family: var(--negnost-font-family);
    font-style: normal;
    font-weight: 500;
    color: rgba(236, 236, 236, 0.5);
}

.standard-page-content .breadcrumb > li + li:before {
    color: rgba(236, 236, 236, 0.5);
}

.why-no-form {
    color: #fff;
}

.standard-page-content h1:before {
    position: absolute;
    content: " - ";
    white-space: nowrap;
    color: rgba(236, 236, 236, 0.5);
    padding-left: 0px;
    padding-right: 3px;
}

.page-header {
    margin-top: 0 !important;
}

.breadcrumb {
    margin-bottom: 10px;
    margin-top: 10px;
}

@media (min-width: 990px) {
    .gc-main-content.with-left-menu .container {
        margin-left: 0px!important;

    }

}


/*Тект в редакторе*/

.redactor-editor p, .redactor-editor li,
.dropup .dropdown-menu{
    color:#222!important
}


@media(min-width: 450px){
.block-set .f-text,
    .block-set li,
    .block-set ol,
    .f-header.f-header.f-lesson-header-1{
    font-size: var(--text-pk)!important;
}
}

@media(max-width: 450px){
.block-set .f-text,
    .block-set li,
    .block-set ol,
    .f-header.f-header.f-lesson-header-1{
    font-size: var(--text-mobail)!important;
}
}




