/*@import url();*/

    /*Импортируем шрифты*/
    @font-face {
    font-family: 'DIN Condensed';   
    src: url('/fileservice/file/download/h/898470037589b06cd939f4ff01563782.woff/a/285518/sc/446') format('woff');

    }

    @font-face {
    font-family: 'SF Pro Display';  
    src: url('/fileservice/file/download/h/3b29c338746142e87207770956c1ec2a.woff/a/285518/sc/471') format('woff');

    }


    /* ==================================================
    Переменные CSS. При необходимости меняйте после : и до ;
    ================================================== */
    :root {


    /* ========================================
    1. Общие настройки
    ======================================== */
    --lesson-fresh-font-family: 'SF Pro Display'; /*Шрифт текста*/
    --lesson-fresh-font-header-family: 'DIN Condensed' ; /*Шрифт заголовков*/ 
    --lesson-fresh-link-color: #A3DB08; /* Общий цвет ссылок */



    /* ========================================
    3. Шапка урока
    ======================================== */
    --lesson-fresh-header-img: url(https://fs17.getcourse.ru/fileservice/file/download/a/827289/sc/142/h/87a0671363f249fc8451dab36f42aca3.jpg);/*Картинка шапки урока*/
    --lesson-fresh-header-img-mobail: url(https://fs22.getcourse.ru/fileservice/file/download/a/827289/sc/362/h/9d6806341045de5a642068540312a465.jpg);/*Картинка шапки урока в мобильной версии*/
    --lesson-fresh-header-background: linear-gradient(0deg, rgba(153,193,9,1) 0%, rgba(47,115,48,1) 100%, rgba(216,250,207,1) 100%, rgba(243,255,228,1) 100%); /* Фон шапки урока */
    --lesson-fresh-header-border-right: 2px solid #d0d0d0; /* Правая граница шапки урока */
    --lesson-fresh-header-border-bottom: 1px solid #d0d0d0; /* Нижняя граница шапки урока */
    --lesson-fresh-header-border-left: 2px solid #5e5b5b; /* Левая граница шапки урока */
    --lesson-fresh-header-border-top: 2px solid #7f7f7f; /* Верхняя граница шапки урока */
    --lesson-fresh-header-border-radius: 4px; /* Скругление углов шапки урока */

    --lesson-fresh-header-lesson-background: linear-gradient(131deg, rgb(226 255 147) 0%, rgb(247 255 225) 45%, rgb(255 255 255) 74%); /* Цвет заголовка урока в шапке урока */
    --lesson-fresh-header-lesson-font-size: 36px; /* Размер шрифта заголовка урока в шапке урока  */
    --lesson-fresh-mobail-header-font-size: 20px; /* Размер шрифта заголовка урока в мобильной версии */

    --lesson-fresh-description-color: linear-gradient(131deg, rgb(226 255 147) 0%, rgb(247 255 225) 45%, rgb(255 255 255) 74%); /* Цвет описания урока в шапке урока */
    --lesson-fresh-description-font-size: 20px; /* Размер шрифта описания урока */
    --lesson-fresh-mobail-description-font-size: 18px;  /* Размер шрифта описания урока в мобильной версии */



    /* ========================================
    4. Навигация
    ======================================== */
    --lesson-fresh-navigation-background: linear-gradient(131deg, rgb(226 255 147) 0%, rgb(247 255 225) 45%, rgb(255 255 255) 74%); /* Фон навигации левой кнопки*/
    --lesson-fresh-navigation-background2:linear-gradient(311deg, #e2ff93 0%, rgb(247 255 225) 45%, rgb(255 255 255) 74%); /* Фон навигации правой кнопки*/
    --lesson-fresh-navigation-border: 3px solid #a3db0829;/* Граница навигации */
    --lesson-fresh-navigation-border-radius: 10px; /* Скругление навигации */
    --lesson-fresh-navigation-text-color: #222; /* Цвет текста навигации */
    --lesson-fresh-navigation-font-size: 1.4rem; /* Размер шрифта навигации */
    --lesson-fresh-navigation-padding: 10px; /* Внутренний отступ навигации */

    /* ========================================
    5. Карточка урока
    ======================================== */
    --lesson-fresh-card-background: transparent; /* Фон карточки урока */
    --lesson-fresh-card-border: 2px solid transparent; /* Обводка карточки урока */
    --lesson-fresh-card-border-bottom: 3px solid transparent; /* Нижняя обводка карточки урока */
    --lesson-fresh-card-box-shadow: inset -3.08043px -3.08043px 154.021px rgba(255, 255, 255, 0.02); /* Тень карточки урока */
    --lesson-fresh-card-border-radius: 4px; /* Скругление углов карточки урока */


    /* ========================================
    6. Кнопки
    ======================================== */
    /* Акцентные кнопки */
    --lesson-fresh-btn-accent-background: linear-gradient(131deg, rgba(198, 254, 44, 1) 0%, rgba(177, 235, 18, 1) 45%, rgba(163, 219, 8, 1) 74%); /* Фон акцентной кнопки */
    --lesson-fresh-btn-accent-text-color: #222; /* Цвет текста акцентной кнопки */

    /* Дополнительные кнопки */
    --lesson-fresh-btn-secondary-background: transparent; /* Фон дополнительной кнопки */
    --lesson-fresh-btn-secondary-border: #A3DB08; /* Цвет обводки дополнительной кнопки */
    --lesson-fresh-btn-secondary-text-color: #fff; /* Цвет текста дополнительной кнопки */

    /* Общие параметры кнопок */
    --lesson-fresh-btn-border-radius-large: 10px; /* Скругление крупных кнопок */
    --lesson-fresh-btn-font-size: 1.9rem; /* размер шрифта кнопок */
    --lesson-fresh-btn-border-right: 2px solid #7ea7089e; /* Правая граница кнопки*/
    --lesson-fresh-btn-border-bottom: 1px solid #7ea7089e;/* Нижняя граница кнопки*/
    --lesson-fresh-btn-border-left: 2px solid #a3db083b; /* Левая граница кнопки*/
    --lesson-fresh-btn-border-top: 2px solid #a3db083b; /* Верхняя граница кнопки*/

    /* ========================================
    7. Домашнее задание
    ======================================== */
    --lesson-fresh-homework-background: linear-gradient(131deg, rgb(60, 60, 62) 0%, rgba(29,29,29,1) 59%, rgba(21,21,25,1) 94%); /* Фон домашнего задания */
    --lesson-fresh-homework-box-shadow: inset -3.08043px -3.08043px 154.021px rgba(255, 255, 255, 0.02); /* Тень домашнего задания */
    --lesson-fresh-homework-border-right: 2px solid #d0d0d0; /* Правая граница блока домашнего задания*/
    --lesson-fresh-homework-border-bottom: 1px solid #d0d0d0; /* Нижняя граница блока домашнего задания*/
    --lesson-fresh-homework-border-left: 2px solid #5e5b5b; /* Левая граница блока домашнего задания*/
    --lesson-fresh-homework-border-top: 2px solid #7f7f7f; /* Верхняя граница блока домашнего задания*/
    --lesson-fresh-homework-border-radius: 4px; /* Скругление углов блока домашнего задания*/

    --lesson-fresh-homework-head-color:  #fff; /* Цвет заголовка ЗАДАНИЕ*/
    --lesson-fresh-homework-text-color-dz-info: #fff; /*Цвет текста домашнего задания*/
    --lesson-fresh-homework-text-color: #222; /* Цвет текста в полях ответа на задание при вводе */
    --lesson-fresh-homework-text-color-dz: #fff; /*Цвет текста ответа на задание после отправки*/
    --lesson-fresh-link-student-name-color: #A3DB08; /* Цвет имени учеников */


    /* ========================================
    8. Комментарии
    ======================================== */
    --lesson-fresh-comments-background: linear-gradient(131deg, rgb(60, 60, 62) 0%, rgba(29,29,29,1) 59%, rgba(21,21,25,1) 94%);/* Фон комментариев */
    --lesson-fresh-comments-box-shadow: -40px 40px 100px rgba(0, 0, 0, 0.4); /* Тень комментариев */
    --lesson-fresh-comments-border-right: 2px solid #d0d0d0; /* Правая граница блока комментарии*/
    --lesson-fresh-comments-border-bottom: 1px solid #d0d0d0; /* Нижняя граница блока комментарии*/
    --lesson-fresh-comments-border-left: 2px solid #5e5b5b; /* Левая граница блока комментарии*/
    --lesson-fresh-comments-border-top: 2px solid #7f7f7f; /* Верхняя граница блока комментарии*/
    --lesson-fresh-comments-border-radius: 4px; /* Скругление углов блока комментарии*/
    --lesson-fresh-comments-text-color: #222; /* Цвет текста в комментариях */
    --lesson-fresh-comments-header-color: #fff; /* Цвет заголовка фильтра комментариев */


    /*Скругление аватара в задании и комментариях */
    --lesson-fresh-avatar-border-radius: 50px;

    /* ========================================
    9. Анимации и адаптация
    ======================================== */
    --lesson-fresh-transition: 0.5s all; /* Переходы */
    --lesson-fresh-transform-hover: scale3d(0.99, 0.99, 0.99); /* Трансформация при наведении */

    }



    /* ========================================
    1. Общие стили
    ======================================== */


    html, body:not(.page-header), p, span, a, div, .stream-title, .prodleniya_button, .link.title, .description, p.text, b, li:not(.page-header), ul p, ol p, ul li span, ol span, ul li, .lt-lesson-text p,
    .answer-form-inner button.btn.btn-link.btn-save-draft, .f-text  {
    font-family: var(--lesson-fresh-font-family) !important;
    }


    .f-header, h1, h2, h3, h4, h5, .f-header p {
    font-family: var(--lesson-fresh-font-header-family)!important;
    font-weight: 200;
    }




    /* ========================================
    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 {
    color: var(--lesson-fresh-link-color) !important;
    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(--lesson-fresh-card-background);
    -webkit-box-shadow: var(--lesson-fresh-card-box-shadow);
    box-shadow: var(--lesson-fresh-card-box-shadow);
    border-radius: var(--lesson-fresh-card-border-radius);
    border: var(--lesson-fresh-card-border);
    border-bottom: var(--lesson-fresh-card-border-bottom);
    backdrop-filter: blur(0.5);
    -webkit-backdrop-filter: blur(15.5254px);
    margin: 10px;
    }

    /* ========================================
    5. Индивидуальные стили для блоков
    ======================================== */

    /* Шапка урока */
    .lesson-header-block.row-section {
    border-right: var(--lesson-fresh-header-border-right) !important;
    border-bottom: var(--lesson-fresh-header-border-bottom) !important;
    border-left: var(--lesson-fresh-header-border-left) !important;
    border-top: var(--lesson-fresh-header-border-top) !important;
    border-radius: var(--lesson-fresh-header-border-radius) !important;
    }


    /*Ставим картинку на фон шапки урока*/
    .gc-main-content .lesson-header-block{
    margin-bottom: 0!important;
    background: var(--lesson-fresh-header-background)!important;
    background-image:var(--lesson-fresh-header-img)!important;
    background-repeat: no-repeat !important;
    background-size: cover!important;
    background-position-y: center !important;
    min-height: 250px;

    }

    /*Ставим картинку на фон шапки урока в мобильной версии*/

    @media(max-width: 991px){
    .gc-main-content .lesson-header-block{
    background-image:var(--lesson-fresh-header-img-mobail)!important;
    background-position: bottom !important;
    }
    }



    /* ========================================
    6. Название урока
    ======================================== */
    .lesson-header-block h2.lesson-title-value,
    .chatium_body .lesson-title h2 {
    font-family: var(--lesson-fresh-font-header-family) !important;
    font-style: normal;
    font-weight: 600;
    font-size: var(--lesson-fresh-header-lesson-font-size) !important;
    line-height: 1.1;
    text-align: left;
    letter-spacing: 0.02em;
    margin-bottom: 20px;
    background: var(--lesson-fresh-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(--lesson-fresh-font-family) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-fresh-description-font-size) !important;
    line-height: 1;
    text-align: left;
    letter-spacing: 0.01em;
    background: var(--lesson-fresh-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-header-block .row.lesson-navigation {
    max-width: 650px;
    margin-top: 5px;
    display: flex;
    margin-left: -20px;
    padding-bottom: 30px!important;
    }

    /*Надпись о номере урока и коливе всего*/
    .gc-main-content .lesson-navigation td.text-center.hidden-xs > span{
    color:var(--pro-color1);
    font-family: var(--text-family)!important;
    font-weight: 500;
    text-transform: uppercase;

    }


    /*Кнопки навигации*/
    .lesson-navigation td:first-child a, .lesson-navigation td:first-child a:hover {
    background: var(--lesson-fresh-navigation-background);
    border-radius: var(--lesson-fresh-navigation-border-radius);
    border: var(--lesson-fresh-navigation-border);
    color: var(--lesson-fresh-navigation-text-color) !important;
    font-size: var(--lesson-fresh-navigation-font-size) !important;
    line-height: 1;
    padding: var(--lesson-fresh-navigation-padding);
    position: relative;
    display: flex;
    align-items: center;
    width: 165px;
    padding: 5px 10px;
    }

    .lesson-navigation td:last-child a, .lesson-navigation td:last-child a:hover {
    background: var(--lesson-fresh-navigation-background2);
    border-radius: var(--lesson-fresh-navigation-border-radius);
    color: var(--lesson-fresh-navigation-text-color) !important;
    font-size: var(--lesson-fresh-navigation-font-size) !important;
    line-height: 1;
    padding: var(--lesson-fresh-navigation-padding);
    border: var(--lesson-fresh-navigation-border);
    position: relative;
    display: flex;
    align-items: center;
    width: 165px;
    padding: 5px 10px;
    }

    /*Стрелки в кнопках навигации*/
    .lesson-navigation td:first-child a:before{
    content:url(https://fs22.getcourse.ru/fileservice/file/download/a/827289/sc/192/h/5320e9922dfef6adaf36a64737d141a4.svg);
    position: relative;
    bottom: -1px;
    right: 2px;
    }

    .lesson-navigation td:last-child a:after{
    content:url(https://fs20.getcourse.ru/fileservice/file/download/a/827289/sc/63/h/88e217259fc3bde38321a5c32798e841.svg);
    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-transform: uppercase;
    text-align: center;
    color: var(--lesson-fresh-homework-head-color) !important;
    }

    /* Плашка задания */
    .answer-form,
    .lesson-mission-wrapper,
    .user-answer.marked {
    -webkit-box-shadow: var(--lesson-fresh-comments-box-shadow);
    box-shadow: var(--lesson-fresh-comments-box-shadow);
    border-radius: var(--lesson-fresh-comments-border-radius);
    border: none;
    }

    /* блок  Домашнее задание */
    .answer-form, .self-answers .user-answer {
    background: var(--lesson-fresh-homework-background) !important;
    border-right: var( --lesson-fresh-homework-border-right) !important;
    border-bottom: var(--lesson-fresh-homework-border-bottom) !important;
    border-left: var(--lesson-fresh-homework-border-left) !important;
    border-top: var(--lesson-fresh-homework-border-top) !important;
    border-radius: var(--lesson-fresh-homework-border-radius) !important;
    -webkit-box-shadow: var(--lesson-fresh-homework-box-shadow) !important;
    box-shadow: var(--lesson-fresh-homework-box-shadow) !important;
    color: var(--lesson-fresh-homework-text-color) !important;

    }

    .lesson-mission-wrapper .lesson-mission-text {
    color: var(--lesson-fresh-homework-text-color-dz-info);
    border-right: var(--lesson-fresh-homework-border-right) !important;
    border-left: var(--lesson-fresh-homework-border-left) !important;
    border-top: var(--lesson-fresh-homework-border-top) !important;
    border-radius: var(--lesson-fresh-homework-border-radius);
    }

    .user-answer .answer-content .answer-text {
    color: var(--lesson-fresh-homework-text-color-dz);
    }


    /*Текст в тестах*/
    .testing-widget {
    color: var(--lesson-fresh-homework-text-color-dz)!important;
    }

    /* блок  комментарии */
    .simple-answer, .can-control-extended {
    background: var(--lesson-fresh-comments-background) !important;
    border-right: var( --lesson-fresh-comments-border-right) !important;
    border-bottom: var(--lesson-fresh-comments-border-bottom) !important;
    border-left: var(--lesson-fresh-comments-border-left) !important;
    border-top: var(--lesson-fresh-comments-border-top) !important;
    border-radius: var(--lesson-fresh-comments-border-radius) !important;
    -webkit-box-shadow: var(--lesson-fresh-comments-box-shadow) !important;
    box-shadow: var(--lesson-fresh-comments-box-shadow) !important;
    color: var(--lesson-fresh-comments-text-color) !important;

    }

    .lesson-answers-title h3 {
    color: var(--lesson-fresh-comments-header-color);
    }

    .lesson-answers-title a{
    font-family: var(--lesson-fresh-font-header-family) !important;
    }

    /*Аватар*/

    .answer-form img,
    .simple-answer img,
    img.user-profile-image,
    .comments-tree .user-image-wrapper img{
    border-radius: var(--lesson-fresh-avatar-border-radius) !important;
    }


    /* ========================================
    11. Кнопки
    ======================================== */

    /* Кнопка Отправить ответ */
    .lt-lesson-mission-block .btn-primary {
    background: var(--lesson-fresh-btn-accent-background);
    border-radius: var(--lesson-fresh-btn-border-radius-large);
    border-right: var( --lesson-fresh-btn-border-right) !important;
    border-bottom: var(--lesson-fresh-btn-border-bottom) !important;
    border-left: var(--lesson-fresh-btn-border-left) !important;
    border-top: var(--lesson-fresh-btn-border-top) !important;
    font-family: var(--lesson-fresh-font-family) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-fresh-btn-font-size) !important;
    line-height: 1;
    text-align: center;
    color: var(--lesson-fresh-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(--lesson-fresh-btn-accent-text-color) !important;
    }

    /* Кнопка Сохранить черновик */
    .answer-form-inner button.btn.btn-link.btn-save-draft,
    .answer-form .btn-save-draft {
    background: var(--lesson-fresh-btn-secondary-background) !important;
    border-right: var( --lesson-fresh-btn-border-right) !important;
    border-bottom: var(--lesson-fresh-btn-border-bottom) !important;
    border-left: var(--lesson-fresh-btn-border-left) !important;
    border-top: var(--lesson-fresh-btn-border-top) !important;
    font-family: var(--lesson-fresh-font-family) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-fresh-btn-font-size) !important;
    line-height: 1;
    color: var(--lesson-fresh-btn-secondary-text-color) !important;
    padding: 8px 16px;
    min-height: 50px !important;
    border-radius: var(--lesson-fresh-btn-border-radius-large);
    text-decoration: none !important;
    text-transform: none !important;
    }

    .user-answer a {
    color: var(--lesson-fresh-link-student-name-color) !important;
    }

    /* Основные кнопки */
    .btn.f-btn,
    .new-comment.active .btn-send {
    background: var(--lesson-fresh-btn-accent-background) !important;
    border-radius: var(--lesson-fresh-btn-border-radius-large);
    border-right: var( --lesson-fresh-btn-border-right) !important;
    border-bottom: var(--lesson-fresh-btn-border-bottom) !important;
    border-left: var(--lesson-fresh-btn-border-left) !important;
    border-top: var(--lesson-fresh-btn-border-top) !important;
    font-family: var(--lesson-fresh-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-fresh-btn-font-size) !important;
    line-height: 1;
    color: var(--lesson-fresh-btn-accent-text-color) !important;
    padding: 15px 20px !important;
    min-height: 50px !important;
    text-transform: none !important;
    }

    /* Дополнительные кнопки */
    .btn_2 .btn.f-btn {
    background: var(--lesson-fresh-btn-secondary-background) !important;
    border-radius: var(--lesson-fresh-btn-border-radius-large);
    border-right: var( --lesson-fresh-btn-border-right) !important;
    border-bottom: var(--lesson-fresh-btn-border-bottom) !important;
    border-left: var(--lesson-fresh-btn-border-left) !important;
    border-top: var(--lesson-fresh-btn-border-top) !important;
    font-family: var(--lesson-fresh-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: var(--lesson-fresh-btn-font-size) !important;
    line-height: 1;
    padding: 15px 20px !important;
    min-height: 50px !important;
    color: var(--lesson-fresh-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 {
    -webkit-transition: var(--lesson-fresh-transition);
    -o-transition: var(--lesson-fresh-transition);
    transition: var(--lesson-fresh-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 {
    -webkit-transition: var(--lesson-fresh-transition);
    -o-transition: var(--lesson-fresh-transition);
    transition: var(--lesson-fresh-transition);
    -webkit-transform: var(--lesson-fresh-transform-hover);
    -ms-transform: var(--lesson-fresh-transform-hover);
    transform: var(--lesson-fresh-transform-hover);
    }

    /* ========================================
    13. Адаптация для мобильных устройств
    ======================================== */
    @media (min-width: 991px){
    .gc-main-content .lesson-header-block .row.lesson-navigation {
    max-width: 600px;

    }
    }


    @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;
    }
    }

    @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 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width:100%;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 120px;
    margin: 0 auto 120px;
    }

    .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: 25px!important;
    text-align: center !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(--lesson-fresh-mobail-header-font-size);
    }

    .lesson-header-block span.lesson-description-value {
    font-size: var(--lesson-fresh-mobail-description-font-size) !important;
    justify-content: center;
    }
    .gc-main-content .lesson-navigation td a {
    width: 150px;
    }

    }

    @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(--lesson-fresh-link-color) !important;
    border-radius: 6px;
    font-family: var(--lesson-fresh-font-family) !important;
    }

    .chatium_body .mode-selector .link {
    border-right: 1px solid var(--lesson-fresh-link-color) !important;
    }

    .chatium_body .mode-selector .link.active {
    background: var(--lesson-fresh-btn-accent-background) !important;
    color: var(--lesson-fresh-btn-accent-text-color) !important;
    }

    .chatium_body a.link {
    color: var(--lesson-fresh-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(--lesson-fresh-navigation-background)!important;
    border-radius: var(--lesson-fresh-navigation-border-radius)!important;
    color: var(--lesson-fresh-navigation-text-color) !important;

    }

    .chatium_body > div:nth-child(6) {
    border-bottom: none !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(--lesson-fresh-description-color);
    }


    /* Отступы блока комментариев в чатиум */
    .chatium_body .simple-answer.user-answer {
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 20px;
    }


    /*Полоса разделения контента урока и шапки*/

    .chatium_body .lesson-content {
    border-top: var(--lesson-fresh-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;
    }

    /* Хлебные крошки */
    .fa {
    font-family: 'fontawesome' !important;
    }

    .glyphicon {
    font-family: 'Glyphicons Halflings'!important;
    }

    .standard-logo .logo-text {
    display: none;
    }

    .taim_cod br,
    .text {
    display: block;
    }

    .page-menu li a {
    color: var(--lesson-fresh-link-color);
    font-weight: 500 !important;
    }

    .breadcrumb a {
    color: rgba(236, 236, 236, 0.5) !important;
    text-decoration: none;
    font-family: var(--lesson-fresh-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(--lesson-fresh-font-family);
    font-style: normal;
    font-weight: 500;
    }

    .page-header h1 a {
    margin-left: 10px;
    font-family: var(--lesson-fresh-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 {
    color:#222!important
    }