/*==================================================
Коллекция «Золотое свечение». Тема 3
================================================== */


/*тут можно скачать шапку ученика https://fs.getcourse.ru/fileservice/file/download/a/644347/sc/102/h/e1914bd11bc35f09128e82e955c3765d.png*/

/*@import url('');*/

/* === Импортируем шрифт === */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

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

:root{

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

    /*фон*/

    /* === Шрифты === */
    --traning-zoloto-font-family-header:"Open Sans", serif; /*Шрифт Заголовков*/
    --traning-zoloto-font-family-text: "Open Sans", serif; /*Шрифт текста*/  

    /* === Фоновые стили === */
    --traning-zoloto-background-img: url(https://fs.getcourse.ru/fileservice/file/download/a/644347/sc/114/h/67f263c8182977bd6920e540e9cd7aa4.jpg); /*Картинка фона*/
    --traning-zoloto-color-bg: #f3e6d3;/*Цвет общего фона */


    /* === Цветная подложка под элементами === */
    --traning-zoloto-bg-fon: #ffffff61; /*Фон цветной подложки под элементы*/

    /* Обводка цветной подложки*/
    --traning-zoloto-border-top: 0px solid #d4ae67; /* Верхняя обводка*/
    --traning-zoloto-border-right: 0px solid #d4ae67; /* Правая обводка*/
    --traning-zoloto-border-bottom: 0px solid #d4ae67; /* Нижняя обводка */
    --traning-zoloto-border-left: 0px solid #d4ae67; /* Левая обводка*/

    /* === Скругление углов и расстояния между элементами === */
    --traning-zoloto-border-radius: 30px; /*Скугление углов всех элементов*/
    --traning-zoloto-gap: 10px; /*расстояние между уроками, тренингами и горячими кнопками в столбик*/
    --traning-zoloto-padding: 15px; /*размер отступа цветной подложки*/
    --traning-zoloto-margin-bottom:20px; /*дополнительное расстояние между элементами когда используется цветная подложка*/

    /* Обводка для списков тренингов и уроков*/
    --traning-zoloto-color-border: 0px solid #ffeece; /*обводка */
    --traning-zoloto-color-border-hover:0px solid #ffeece; /*обводка при наведении */
    --traning-zoloto-color-border-no-public:0px solid #fff3dd; /*обводка при недоступности */

    /* Тень (подсветка) для списков тренингов и уроков*/
    --traning-zoloto-box-shadow: 0px 0px 0px 1px #ffeece; /*Подсветка*/
    --traning-zoloto-box-shadow-hover: 0px 0px 0px 1px #ffeece; /*Подсветка при наведении*/
    --traning-zoloto-box-shadow-no-public: 0px 0px 0px 1px #fff3dd; /*Подсветка при недоступности*/

    /* Обводка и тень (подсветка) для остальных эелементов*/
    --traning-zoloto-color-border2: 0px solid #ffeece; /*обводка */
    --traning-zoloto-box-shadow2: 0px 0px 0px 1px #ffeece; /*Подсветка*/


    /* === Виджет чата  === */
    --traning-zoloto-chat-bg: #d4af60; /* Фон виджета чата */
    --traning-zoloto-chat-icon-color: #181818; /* Цвет иконки виджета чата */
    --traning-zoloto-chat-info-bg: #feda62; /*Цвет уведомлений*/
    --traning-zoloto-chat-info-color: #222; /*Цвет текста уведомлений*/

    /* === Навигация (хлебные крошки) === */
    --traning-zoloto-nav-color: #181818; /* Цвет пунктов навигации */
    --traning-zoloto-nav-bg-active: #d4af60; /* Фон активного пункта навигации */
    --traning-zoloto-nav-color-active: #181818; /* Цвет активного пункта навигации */
    --traning-zoloto-nav-header-color: #181818; /* Цвет заголовка навигации */

    --traning-zoloto-color-big-header:#181818; /*Цвет больших заголовков*/





    /* =======================
    Интерактивный баннер
    =======================*/

    --traning-zoloto-banner2-bg: #fff; /*Цвет фона баннера*/ 
    --traning-zoloto-banner2-color-header: #181818; /*Цвет заголовка баннера*/
    --banner-zoloto-color-border: 0px solid #ffefd1; /*Цвет обводки баннера*/






    /*==================================================
    Тренинги плашками с картинками
    ================================================== */
    --traning-zoloto-width-img: 120px; /*Размер картинок в ПК версии*/
    --traning-zoloto-width-img-mabail: 100%; /*Размер картинок в мобильной версии*/

    --traning-zoloto-color-main-fon-2: #fff; /*Цвет карточек тренинга*/
    --traning-zoloto-color-main-fon-2-hover: #fff; /*Цвет карточек тренинга при наведении*/
    --traning-zoloto-bg-no-public:#ffffffa1;/*Цвет карточек недоступного тренинга*/

    --traning-zoloto-color-header: #181818; /*Цвет названия тренинга*/
    --traning-zoloto-color-header-hover: #181818; /*Цвет названия тренинга при наведении*/
    --traning-zoloto-color-header-no-public: #c8c8c8;/*Цвет названия тренинга при недоступности*/

    --traning-zoloto-text-text2: #c4a730; /*Описание тренинга*/
    --traning-zoloto-text-text2-hover: #c4a730; /*Описание тренинга при наведении*/
    --traning-zoloto-color-text2-no-public: #c8c8c8;/*Цвет описания тренинга при недоступности*/

    --traning-zoloto-fon-btn: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/*Фон кнопки*/
    --traning-zoloto-fon-btn-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/*Фон кнопки при наведении*/
    --traning-zoloto-fon-btn-no-public: linear-gradient(126.14deg, #f3e6d3 -6.33%, #f3e6d3 29.66%, #f3e6d3 99.7%);/*Фон кнопки недоступного тренинга*/


    --traning-zoloto-color-text: #181818; /*Цвет текста на кнопке*/
    --traning-zoloto-color-text-hover: #181818; /*Цвет текста на кнопке при наведении*/
    --traning-zoloto-color-text-no-public: #a0a0a0;/*Цвет текста на кнопке недоступного тренинга*/ 

    --traning-zoloto-border-color: 0px solid #fff;/* Обводка кнопок*/
    --traning-zoloto-border-color-hover: 0px solid #fff; /* Обводка кнопок при наведении*/
    --traning-zoloto-border-color-no-public: 0px solid #fff;/* Обводка кнопок недоступного тренинга*/








    /* ========================================
    Оформление списка тренингов большими плитками
    ============================================== */
    --traning-zoloto-box-width-img: 100%; /*Размер картинок в ПК версии*/
    --traning-zoloto-box-width-img-mabail: 100%; /*Размер картинок в мобильной версии*/

    --traning-zoloto-box-color-main-fon-2: #fff; /*Цвет карточек тренинга*/
    --traning-zoloto-box-color-main-fon-2-hover: #fff; /*Цвет карточек тренинга при наведении*/
    --traning-zoloto-box-bg-no-public:#ffffffa1;/*Цвет карточек недоступного тренинга*/

    --traning-zoloto-box-color-header: #181818; /*Цвет названия тренинга*/
    --traning-zoloto-box-color-header-hover: #181818; /*Цвет названия тренинга при наведении*/
    --traning-zoloto-box-color-header-no-public: #c8c8c8;/*Цвет названия тренинга при недоступности*/

    --traning-zoloto-box-text-text2: #c4a730; /*Описание тренинга*/
    --traning-zoloto-box-text-text2-hover: #c4a730; /*Описание тренинга при наведении*/
    --traning-zoloto-box-color-text2-no-public: #c8c8c8;/*Цвет описания тренинга при недоступности*/

    --traning-zoloto-box-fon-btn: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/*Фон кнопки*/
    --traning-zoloto-box-fon-btn-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/*Фон кнопки при наведении*/
    --traning-zoloto-box-fon-btn-no-public: linear-gradient(126.14deg, #f3e6d3 -6.33%, #f3e6d3 29.66%, #f3e6d3 99.7%);/*Фон кнопки недоступного тренинга*/


    --traning-zoloto-box-color-text: #181818; /*Цвет текста на кнопке*/
    --traning-zoloto-box-color-text-hover: #181818; /*Цвет текста на кнопке при наведении*/
    --traning-zoloto-box-color-text-no-public: #a0a0a0;/*Цвет текста на кнопке недоступного тренинга*/ 

    --traning-zoloto-box-border-color: 0px solid #fff;/* Обводка кнопок*/
    --traning-zoloto-box-border-color-hover: 0px solid #fff; /* Обводка кнопок при наведении*/
    --traning-zoloto-box-border-color-no-public: 0px solid #fff;/* Обводка кнопок недоступного тренинга*/








    /* ============================================
    Оформление списка тренингов маленькими плитками
    =============================================== */
    --traning-zoloto-box-three-width-img: 100%;/*Размер картинок в ПК версии*/
    --traning-zoloto-box-three-width-img-mabail: 100%; /*Размер картинок в мобильной версии*/

    --traning-zoloto-box-three-color-main-fon-2: #fff; /*Цвет карточек тренинга*/
    --traning-zoloto-box-three-color-main-fon-2-hover: #fff; /*Цвет карточек тренинга при наведении*/
    --traning-zoloto-box-three-bg-no-public:#ffffffa1;/*Цвет карточек недоступного тренинга*/

    --traning-zoloto-box-three-color-header: #181818; /*Цвет названия тренинга*/
    --traning-zoloto-box-three-color-header-hover: #181818; /*Цвет названия тренинга при наведении*/
    --traning-zoloto-box-three-color-header-no-public: #c8c8c8;/*Цвет названия тренинга при недоступности*/

    --traning-zoloto-box-three-text-text2: #c4a730; /*Описание тренинга*/
    --traning-zoloto-box-three-text-text2-hover: #c4a730; /*Описание тренинга при наведении*/
    --traning-zoloto-box-three-color-text2-no-public: #c8c8c8;/*Цвет описания тренинга при недоступности*/

    --traning-zoloto-box-three-fon-btn: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/*Фон кнопки*/
    --traning-zoloto-box-three-fon-btn-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/*Фон кнопки при наведении*/
    --traning-zoloto-box-three-fon-btn-no-public: linear-gradient(126.14deg, #f3e6d3 -6.33%, #f3e6d3 29.66%, #f3e6d3 99.7%);/*Фон кнопки недоступного тренинга*/


    --traning-zoloto-box-three-color-text: #181818; /*Цвет текста на кнопке*/
    --traning-zoloto-box-three-color-text-hover: #181818; /*Цвет текста на кнопке при наведении*/
    --traning-zoloto-box-three-color-text-no-public: #a0a0a0;/*Цвет текста на кнопке недоступного тренинга*/ 

    --traning-zoloto-box-three-border-color: 0px solid #fff;/* Обводка кнопок*/
    --traning-zoloto-box-three-border-color-hover: 0px solid #fff; /* Обводка кнопок при наведении*/
    --traning-zoloto-box-three-border-color-no-public: 0px solid #fff;/* Обводка кнопок недоступного тренинга*/






    /* ========================================
    Шаблон оформления списка уроков плашками с нумерацией
    ======================================== */
    --lesson-zoloto-gorizont-number-bg: #fff; /*Цвет фона уроков*/
    --lesson-zoloto-gorizont-number-bg-hover: #fff; /*Цвет фона уроков при наведении*/
    --lesson-zoloto-gorizont-number-bg-no-public:#ffffffa1; /*Цвет фона недоступного урока*/

    --lesson-zoloto-gorizont-number-color-text-1: #c4a730; /*Цвет нумерации уроков*/
    --lesson-zoloto-gorizont-number-color-text-3: #181818; /*Цвет Названия уроков*/
    --lesson-zoloto-gorizont-number-color-text-2: #c4a730; /*Цвет описания уроков*/
    --lesson-zoloto-gorizont-number-color-text-4: #c4a730; /*Цвет даты открытия уроков*/

    --lesson-zoloto-gorizont-number-color-text-1-hover: #c4a730; /*Цвет нумерации уроков при наведении*/
    --lesson-zoloto-gorizont-number-color-text-3-hover: #181818; /*Цвет Названия уроков при наведении*/
    --lesson-zoloto-gorizont-number-color-text-2-hover: #c4a730; /*Цвет описания уроков при наведении*/
    --lesson-zoloto-gorizont-number-color-text-4-hover: #c4a730; /*Цвет даты открытия уроков при наведении*/

    --lesson-zoloto-gorizont-number-color-text-1-no-public: #f3e6d3;  /*Цвет нумерации уроков при недоступности*/
    --lesson-zoloto-gorizont-number-color-text-3-no-public: #c8c8c8; /*Цвет названия уроков при недоступности*/
    --lesson-zoloto-gorizont-number-color-text-2-no-public: #c8c8c8;  /*Цвет описания уроков при недоступности*/
    --lesson-zoloto-gorizont-number-color-text-4-no-public: #c8c8c8;  /*Цвет даты открытия уроков при недоступности*/

    --lesson-zoloto-gorizont-number-color-text-6: #181818; /*Цвет текста кнопки*/
    --lesson-zoloto-gorizont-number-color-text-6-hover: #181818; /*Цвет текста кнопки при наведении*/
    --lesson-zoloto-gorizont-number-color-text-6-no-public: #a0a0a0; /*Цвет текста кнопки недоступного урока*/

    --lesson-zoloto-gorizont-number-border-btn: 0px solid #c4a730; /*обводка кнопки*/
    --lesson-zoloto-gorizont-number-border-btn-hover: 0px solid #c4a730; /*обводка кнопки при наведении*/
    --lesson-zoloto-gorizont-number-border-btn-no-public: 0px solid #c4a730; /*обводка кнопки недоступного урока*/


    /*Фоны кнопок*/

    --lesson-zoloto-gorizont-number-color-status-1: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок без дз */
    --lesson-zoloto-gorizont-number-color-status-2: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок с дз */
    --lesson-zoloto-gorizont-number-color-status-3: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок на проверке */
    --lesson-zoloto-gorizont-number-color-status-4: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок принят */
    --lesson-zoloto-gorizont-number-color-status-5: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* Фон кнопки стоп-урока */
    --lesson-zoloto-gorizont-number-color-status-6: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*фон кнопки просмотрено*/
    --lesson-zoloto-gorizont-number-color-status-7: linear-gradient(126.14deg, #f3e6d3 -6.33%, #f3e6d3 29.66%, #f3e6d3 99.7%); /*фон кнопки недоступного урока*/

    --lesson-zoloto-gorizont-number-color-status-1-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок без дз Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-number-color-status-2-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок с дз Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-number-color-status-3-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок на проверке Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-number-color-status-4-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок принят Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-number-color-status-5-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*Стоп-урок Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-number-color-status-6-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*Просмотрено Цвет кнопки при наведении*/







    /* ========================================
    Шаблон оформления списка уроков плашками с картинками
    ======================================== */

    --lesson-zoloto-gorizont-img-bg: #fff; /*Цвет фона уроков*/
    --lesson-zoloto-gorizont-img-bg-hover: #fff; /*Цвет фона уроков при наведении*/
    --lesson-zoloto-gorizont-img-bg-no-public:#ffffffa1; /*Цвет фона недоступного урока*/

    --lesson-zoloto-gorizont-img-color-text-3: #181818; /*Цвет Названия уроков*/
    --lesson-zoloto-gorizont-img-color-text-2: #c4a730; /*Цвет описания уроков*/
    --lesson-zoloto-gorizont-img-color-text-4: #c4a730; /*Цвет даты открытия уроков*/

    --lesson-zoloto-gorizont-img-color-text-3-hover: #181818;/*Цвет названия уроков при наведении*/
    --lesson-zoloto-gorizont-img-color-text-2-hover: #c4a730;/*Цвет описания уроков при наведении*/
    --lesson-zoloto-gorizont-img-color-text-4-hover: #c4a730; /*Цвет даты открытия уроков при наведении*/

    --lesson-zoloto-gorizont-img-color-text-3-no-public: #c8c8c8; /*Цвет названия уроков при недоступности*/
    --lesson-zoloto-gorizont-img-color-text-2-no-public: #c8c8c8;  /*Цвет описания уроков при недоступности*/
    --lesson-zoloto-gorizont-img-color-text-4-no-public: #c8c8c8;  /*Цвет даты открытия уроков при недоступности*/

    --lesson-zoloto-gorizont-img-color-text-6: #181818; /*Цвет текста кнопки*/
    --lesson-zoloto-gorizont-img-color-text-6-hover: #181818; /*Цвет текста кнопки при наведении*/
    --lesson-zoloto-gorizont-img-color-text-6-no-public: #a0a0a0; /*Цвет текста кнопки недоступного урока*/

    --lesson-zoloto-gorizont-img-border-btn: 0px solid #c4a730; /*обводка кнопки*/
    --lesson-zoloto-gorizont-img-border-btn-hover: 0px solid #c4a730;/*обводка кнопки при наведении*/
    --lesson-zoloto-gorizont-img-border-btn-no-public: 0px solid #c4a730; /*обводка кнопки недоступного урока*/


    /*Фоны кнопок*/

    --lesson-zoloto-gorizont-img-color-status-1: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок без дз */
    --lesson-zoloto-gorizont-img-color-status-2: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок с дз */
    --lesson-zoloto-gorizont-img-color-status-3: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок на проверке */
    --lesson-zoloto-gorizont-img-color-status-4: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок принят */
    --lesson-zoloto-gorizont-img-color-status-5: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* Фон кнопки стоп-урока */
    --lesson-zoloto-gorizont-img-color-status-6: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*фон кнопки просмотрено*/
    --lesson-zoloto-gorizont-img-color-status-7: linear-gradient(126.14deg, #f3e6d3 -6.33%, #f3e6d3 29.66%, #f3e6d3 99.7%); /*фон кнопки недоступного урока*/

    --lesson-zoloto-gorizont-img-color-status-1-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок без дз Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-img-color-status-2-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок с дз Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-img-color-status-3-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок на проверке Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-img-color-status-4-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок принят Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-img-color-status-5-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*Стоп-урок Цвет кнопки при наведении*/
    --lesson-zoloto-gorizont-img-color-status-6-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*Просмотрено Цвет кнопки при наведении*/







    /* ========================================
    Оформление списка уроков плитками
    ======================================== */
    --traning-zoloto-box-img-width-img: 100%; /*Ширина картинок в ПК версии*/
    --traning-zoloto-box-img-height-img:220px; /*Высота картинок в ПК версии*/

    --traning-zoloto-box-img-width-img-mabail: 100%; /*Ширина картинок в мобильной версии*/
    --traning-zoloto-box-img-height-img-mabail:290px; /*Высота картинок в мобильной версии*/

    --lesson-zoloto-box-img-bg:#fff;/*Цвет фона уроков*/
    --lesson-zoloto-box-img-bg-hover: #fff; /*Цвет фона уроков при наведении*/
    --lesson-zoloto-box-img-bg-no-public:#fff; /*Цвет фона недоступного урока*/

    --lesson-zoloto-box-img-color-text-3: #181818; /*Цвет Названия уроков*/
    --lesson-zoloto-box-img-color-text-2: #c4a730; /*Цвет описания уроков*/
    --lesson-zoloto-box-img-color-text-4: #c4a730;  /*Цвет даты открытия уроков*/

    --lesson-zoloto-box-img-color-text-3-hover: #181818;/*Цвет названия уроков при наведении*/
    --lesson-zoloto-box-img-color-text-2-hover: #c4a730;/*Цвет описания уроков при наведении*/
    --lesson-zoloto-box-img-color-text-4-hover: #c4a730; /*Цвет даты открытия уроков при наведении*/

    --lesson-zoloto-box-img-color-text-3-no-public: #c8c8c8; /*Цвет названия уроков при недоступности*/
    --lesson-zoloto-box-img-color-text-2-no-public: #c8c8c8;  /*Цвет описания уроков при недоступности*/
    --lesson-zoloto-box-img-color-text-4-no-public: #c8c8c8;  /*Цвет даты открытия уроков при недоступности*/

    --lesson-zoloto-box-img-color-text-6: #181818; /*Цвет текста кнопки*/
    --lesson-zoloto-box-img-color-text-6-hover: #181818; /*Цвет текста кнопки при наведении*/
    --lesson-zoloto-box-img-color-text-6-no-public: #a0a0a0; /*Цвет текста кнопки недоступного урока*/


    --lesson-zoloto-box-img-border-btn: 0px solid #fff; /*обводка кнопки*/
    --lesson-zoloto-box-img-border-btn-hover: 0px solid #fff; /*обводка кнопки при наведении*/
    --lesson-zoloto-box-img-border-btn-no-public: 0px solid #fff; /*обводка кнопки недоступного урока*/


    /*Фоны кнопок*/

    --lesson-zoloto-box-img-color-status-1: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок без дз */
    --lesson-zoloto-box-img-color-status-2: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок с дз */
    --lesson-zoloto-box-img-color-status-3: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок на проверке */
    --lesson-zoloto-box-img-color-status-4: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* урок принят */
    --lesson-zoloto-box-img-color-status-5: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* Фон кнопки стоп-урока */
    --lesson-zoloto-box-img-color-status-6: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*фон кнопки просмотрено*/
    --lesson-zoloto-box-img-color-status-7: linear-gradient(126.14deg, #f3e6d3 -6.33%, #f3e6d3 29.66%, #f3e6d3 99.7%);  /*фон кнопки недоступного урока*/



    --lesson-zoloto-box-img-color-status-1-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок без дз Цвет кнопки при наведении*/
    --lesson-zoloto-box-img-color-status-2-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок с дз Цвет кнопки при наведении*/
    --lesson-zoloto-box-img-color-status-3-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок на проверке Цвет кнопки при наведении*/
    --lesson-zoloto-box-img-color-status-4-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*урок принят Цвет кнопки при наведении*/
    --lesson-zoloto-box-img-color-status-5-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /*Стоп-урок Цвет кнопки при наведении*/
    --lesson-zoloto-box-img-color-status-6-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /*Просмотрено Цвет кнопки при наведении*/











    /* ========================================
    Шаблон оформления уроков внутри
    ======================================== */

    /* Карточка урока */
    --lesson-zoloto-card-background: #ffffff82; /* Фон карточки урока */
    --lesson-zoloto-link-color: #CA973F; /* Общий цвет ссылок */
    --lesson-zoloto-card-color-text: #181818;  /*Цвет текста основных блоков внутри урока*/


    /*Шапка урока*/

    --lesson-zoloto-header-background: #fff; /* Фон шапки урока */
    --lesson-zoloto-header-background-mobail: #fff; /* Фон шапки урока в приложении*/

    --lesson-zoloto-header-lesson-background: #181818; /* Цвет заголовка урока в шапке урока */
    --lesson-zoloto-header-lesson-background_mobail: #181818; /* Цвет заголовка урока в шапке урока в приложении */
    --lesson-zoloto-header-lesson-font-size: clamp(24px, 5vw, 36px); /* Размер шрифта заголовка урока в шапке урока. Большее значение в px это размер ПК, меньшее мобила  */


    --lesson-zoloto-description-color: #181818; /* Цвет описания урока в шапке урока */
    --lesson-zoloto-description-color-mobail: #181818; /* Цвет описания урока в шапке урока в приложении */
    --lesson-zoloto-description-font-size: clamp(14px, 5vw, 20px);/* Размер шрифта описания урока. Большее значение в px это размер ПК, меньшее мобила*/


    /*Навигация */
    --lesson-zoloto-navigation-background: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* Фон навигации левой кнопки*/
    --lesson-zoloto-navigation-background2:linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* Фон навигации правой кнопки*/
    --lesson-zoloto-navigation-border1: 0px solid #181818; /* обводка левой кнопки*/
    --lesson-zoloto-navigation-border2: 0px solid #181818; /* обводка правой кнопки*/
    --lesson-zoloto-navigation-text-color: #181818; /* Цвет текста навигации */
    --lesson-zoloto-navigation-font-size: clamp(12px, 5vw, 14px); /* Размер шрифта в кнопках навигации. Большее значение в px это размер ПК, меньшее мобила */
    --lesson-zoloto-navigation-padding: 5px 10px; /* Внутренний отступ навигации */
    --lesson-zoloto-info-color:#181818; /*Цвет количества уроков*/

    /*Навигация в приложении*/
    --lesson-zoloto-navigation-background-mobail: transparent; /* Фон навигации в чатиум*/
    --lesson-zoloto-navigation-border-mobail: 1px solid #CA973F; /* обводка навигации в чатиум */
    --lesson-zoloto-btn-secondary-text-color-mobail2: #181818; /* Цвет текста кнопок след и предыдущий уроки*/

    --lesson-zoloto-btn-secondary-text-color-mobail: #181818; /* Цвет текста неактивных кнопок задание, комментарии, урок в чатиум*/


    /*  Кнопки */

    /* Акцентные кнопки */
    --lesson-zoloto-btn-accent-background: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* Фон акцентной кнопки */
    --lesson-zoloto-btn-accent-border: 1px solid #181818; /* Цвет обводки  кнопки */
    --lesson-zoloto-btn-accent-text-color: #181818; /* Цвет текста акцентной кнопки */

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

    /* Общие параметры кнопок */
    --lesson-zoloto-btn-font-size: 1.9rem; /* размер шрифта кнопок */



    /* Домашнее задание */
    --lesson-zoloto-homework-background: #fff; /* Фон домашнего задания */
    --traning-zoloto-homework-border: 1px solid #cdcdcd; /*обводка*/
    --lesson-zoloto-homework-head-color:  #181818; /* Цвет заголовка ЗАДАНИЕ*/
    --lesson-zoloto-homework-text-color-dz-info: #181818; /*Цвет текста домашнего задания*/
    --lesson-zoloto-homework-text-color: #181818; /* Цвет текста в полях ответа на задание при вводе */
    --lesson-zoloto-homework-text-color-dz: #181818; /*Цвет текста ответа на задание после отправки*/
    --lesson-zoloto-link-student-name-color: #CA973F; /* Цвет имени учеников */

    /*  Кнопки */

    /* Отправить задание */
    --lesson-zoloto-btn-accent-background2: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* Фон акцентной кнопки */
    --lesson-zoloto-btn-accent-border2: 0px solid #181818; /* Цвет обводки  кнопки */
    --lesson-zoloto-btn-accent-text-color2: #181818; /* Цвет текста акцентной кнопки */

    /* В черновик */
    --lesson-zoloto-btn-secondary-background2: transparent; /* Фон дополнительной кнопки */
    --lesson-zoloto-btn-secondary-border2: 1px solid #181818; /* Цвет обводки дополнительной кнопки */
    --lesson-zoloto-btn-secondary-text-color2: #181818; /* Цвет текста дополнительной кнопки */


    /* Комментарии */
    --lesson-zoloto-comments-background: #fff; /* Фон комментариев */
    --traning-zoloto-comments-border: 1px solid #cdcdcd; /*обводка*/
    --lesson-zoloto-comments-text-color: #181818; /* Цвет текста в комментариях */
    --lesson-zoloto-comments-header-color: #181818; /* Цвет заголовка фильтра комментариев */


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

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









    /*====================================
    Единая панель ученика
    ======================================*/
    --panel-shadow-color-main-fon2: #fff; /*2 Подложка единой панели*/
    --panel-shadow-box-border-box:0px solid #181818;/*Обводка панели*/

    --panel-background-color-2: #fff; /* Фон под контентом */

    --border_main_info: 1px solid #c4a730; /*Ободка информации о пользователе*/
    --panel-btn-border-color-1: 1px solid #c4a730;/*Обводка актуальных событий и покупок*/
    --panel-btn-border-color:1px solid #c4a730; /* Обводка кнопок перейти в профиль и в покупки*/

    --panel-txt-color: #181818; /* Цвет текста всей панели*/
    --lessons-info: #181818; /*Цвет названия уроков в актуальных событиях*/

    --panel-a-color: #fff; /*фон сегодняшнего события в актуальных событиях */
    --panel-calendar-box-shadow-today:0 0 4px #c4a730; /*Подсветка сегодняшнего дня*/

    --panel-background-time:linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/*фон времени актуальных событий*/
    --panel-color-time:#181818;/*цвет текста времени событий*/

    --panel-btn-txt-color:  #181818;  /* Цвет текста кнопок */
    --panel-background-color2:  #fff; /* Цвет фона кнопок*/  
    --panel-btn-border-color2: 1px solid #c4a730; /* Обводка кнопок*/
    --panel-icons-color:#c4a730;/*Цвет иконок на кнопках*/

    --panel-btn-txt-hover-color:  #181818; /* Цвет текста кнопок при наведении*/
    --panel-background-color: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/* Цвет фона кнопок при наведении */  
    --panel-btn-info-border-color-hover: 1px solid #c4a730; /* Обводка кнопок при наведении*/
    --panel-icons-color-hover:#181818;/*Цвет иконок на кнопках при наведении*/







    /* ===============================
    Зачётка / Цели тренинга №1
    ============================= */

    --target-block: #fff; /*Цвет подложки под целями*/
    --target-line: 1px solid #E2E2E2;/*Разделители между целями*/

    --target-header:  #181818; /*Цвет заголовка*/
    --target-text:  #181818; /*Цвет достигнутой цели*/
    --target-text-goal-not-achieved:  #98988D; /*Цвет недостигнутой цели*/

    --font-size-title: 0px; /*Если вы хотите менять название цели на свое оставьте тут 0. Если не хотите оставить название, то проставьте размер текста, например 18px */
    --font-size-after: 18px; /*Если вы хотите менять название цели на свое, то оставьте размер текста например 18px. Если не хотите менять название, то поставьте 0 */


    /*Чек-бокс*/
    --target-checkbox-size: 20px; /* Размер чекбокса */
    --target-checkbox-radius: 50px; /* Скругление чекбокса */
    --target-checkbox-border-width: 2px; /* Толщина рамки */
    --target-checkbox-border-color: #C4C4C4; /* Цвет рамки у неотмеченного чекбокса */
    --target-checkbox-bg-color: #ffffff; /* Цвет фона чекбокса */
    --target-checkbox-margin-right: 10px; /* Отступ от текста */
    --target-checkbox-check-color: #fff; /* Цвет галочки */
    --target-checkbox-fill-color: #dbaf27; /* Цвет заливки отмеченного чекбокса */
    --target-checkbox-font-size: 14px; /* Размер галочки */






    /* ========================================
    Актуальные события с горячими кнопками
    ======================================== */

    --traning-zoloto-events-bg: #fff; /* фон всего блока */
    --traning-zoloto-events-border: 0px solid #181818; /* обводка блока */

    --traning-zoloto-events-header-color: #181818; /* Цвет заголовка Актуальные событития */

    --traning-zoloto-events-inner-bg: #f9f4ed; /* Фон под актуальными событиями*/
    --traning-zoloto-events-border2: 0px solid #f9f4ed; /*Обводка всех событий*/

    --traning-zoloto-events-time-bg:  linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/* Фон времени события */
    --traning-zoloto-events-text-color-time: #181818; /* Цвет времени событий */

    --traning-zoloto-events-text-color: #181818; /* Цвет даты и названия тренинга в актуальных событиях */
    --traning-zoloto-events-text-color-btn: #181818; /* Цвет Текста на кнопках и время событий */
    --traning-zoloto-events-text-color2: #181818;  /* Цвет названия урока */

    --traning-zoloto-events-today-bg: #fff; /* Фон для сегодняшнего дня */
    --traning-zoloto-events-today-text-color: #181818; /* Цвет текста событий на сегодня */
    --traning-zoloto-events-box-shadow-today:0px 0px 2px 1px #e0e0e0;/* Тень для сегодняшнего дня */  


    --traning-zoloto-events-button-bg: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);/* Фон горячих кнопок */

    --traning-zoloto-events-btn-border-top: 0px solid transparent; /* Верхняя обводка горячей кнопки */
    --traning-zoloto-events-btn-border-right: 0px solid transparent; /* Правая обводка горячей кнопки */
    --traning-zoloto-events-btn-border-bottom: 0px solid transparent; /* Нижняя обводка горячей кнопки */
    --traning-zoloto-events-btn-border-left: 0px solid transparent; /* Левая обводка горячей кнопки */
    --traning-zoloto-events-button-color: #181818;/* текст горячих кнопок */

    --traning-zoloto-events-button-bg-hover:  linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* Фон горячих кнопок при наведении*/
    --traning-zoloto-events-btn-border-hover: 0px solid #181818;/* Обводка при наведении */
    --traning-zoloto-events-button-color-hover: #181818; /* Текст горячих кнопок при наведении */






    /* ========================================
    Календарь с ручным добавлением событий
    ======================================== */

    --calendar-main_fon: #fff;/*Общий фон календаря*/
    --calendar-header-color: #181818; /*Цвет заголовка расписание*/
    --calendar-color-mon: #181818; /*Цвет месяца и года*/
    --calendar-color-day:#181818; /*Цвет дат календаря без событий*/
    --calendar-color-date: #c4a730;/*Цвет дней недели и обводка событий*/

    --calendar-color-navigation: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /*Фон кнопок навигации по месяцам*/
    --calendar-color-navigation-arrow: #181818;  /*Цвет стрелок навигации*/

    --calendar-background-day: linear-gradient(188.16deg, #eac26c -3.71%, #F9D462 17.14%, #F9EF9E 61.89%, #ffd16d 96.78%, #f1c374 116.03%); /*Цвет фона дня при наличии события или текущего дня*/
    --calendar-color-active-day: #181818; /*Цвет дат календаря с событием*/

    --calendar-background-info-day: #f4ece2; /*Цвет фона всплывающего события*/
    --calendar-color-info-day:#181818; /*Цвет текста в всплывающей подсказке*/  






    /* ==================================================================
    Календарь с автоматическим подтягиванием событий на ближайшую неделю
    ==================================================================== */

    --zoloto-calendar-main-fon: #fff; /* Фон календаря  */
    --zoloto-calendar-header-color: #181818; /* Цвет заголовка Расписание */
    --zoloto-calendar-txt-color: #181818; /* Цвет текста месяца и года */
    --zoloto-calendar-color-date: #181818; /* Цвет дней недели */
    --zoloto-calendar-color-day: #181818; /* Цвет дней календаря без событий */


    --zoloto-calendar-color-navigation:linear-gradient(188.16deg, #eac26c -3.71%, #F9D462 17.14%, #F9EF9E 61.89%, #ffd16d 96.78%, #f1c374 116.03%);/* Фон кнопок навигации */
    --zoloto-calendar-color-navigation-arrow:#181818; /*Цвет стрелок навигации*/


    --zoloto-calendar-background-today: transparent; /* Цвет фона текущего дня без событий*/
    --zoloto-calendar-color-date_today: #181818; /*Цвет сегодняшней даты без событий*/
    --zoloto-calendar-border-today: 1.5px solid #7f7f7e; /* Цвет обводки сегодняшнего дня без событий*/
    --zoloto-calendar-border-day: 1.5px solid #7f7f7e;/* Обводка даты текущего дня с событием*/

    --zoloto-calendar-background-active:linear-gradient(188.16deg, #eac26c -3.71%, #F9D462 17.14%, #F9EF9E 61.89%, #ffd16d 96.78%, #f1c374 116.03%);/*Цвет фона при наличии событий*/
    --zoloto-calendar-color-date-active: #181818;/*Цвет даты при наличии событий*/
    --zoloto-calendar-color-border-active: #f5ede2;/* Цвет обводки при наличии событий*/



    /* === Всплывающее окно с событием === */
    --zoloto-calendar-color-traning-link:#181818;  /*Цвет названия тренинга*/
    --zoloto-calendar-color-lesson-link: #181818;  /*Цвет названия урока*/
    --zoloto-calendar-background-box-link:#f4ece2; /*фон всплывающего окна*/

    --zoloto-calendar-background-time: linear-gradient(188.16deg, #eac26c -3.71%, #F9D462 17.14%, #F9EF9E 61.89%, #ffd16d 96.78%, #f1c374 116.03%); /*фон времени события*/
    --zoloto-calendar-color-border-time: transparent;  /*обводка времени события*/
    --zoloto-calendar-color-time: #181818; /*цвет времени события*/







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

    --calendar-auto-main-fon: #fff; /*Фон календаря*/

    --calendar-auto-header-color:#181818;/*Цвет названия месяца*/
    --calendar-auto-color-week: #181818; /* Цвет дней недели*/
    --calendar-auto-color-date:#181818;/*Цвет даты календаря без событий*/

    --calendar-auto-background-today:transparent; /* Цвет фона текущего дня без событий*/
    --calendar-auto-color-today:#181818;/* Цвет даты текущего дня без событий*/
    --calendar-auto-border-today:1px solid #b89752;/* Обводка даты текущего дня без событий*/
    --calendar-auto-border-day:2px solid #b89752;/* Обводка даты текущего дня с событием*/

    --calendar-auto-background-day: #eac26c; /* Цвет фона при наличии события */
    --calendar-auto-color-day: #181818; /* Цвет даты событий */
    --calendar-auto-main-color: #181818; /* Цвет текста во всплывающей подсказке*/

    --calendar-auto-background-info: #fff; /*Фон для ближайших событий*/
    --calendar-auto-background-icon:#eac26c; /* Цвет фона иконки событий*/
    --calendar-color-arow: #fff; /*цвет стрелки событий*/
    --main-color: #181818; /* Цвет названия ближайших событий*/
    --cal-color-primary:#181818;





    /* ==================================================
    Диаграмма пройденных уроков или модулей в процентах
    ===================================================== */
    --color4-progress: #fff;/*Цвет фона шкалы*/
    --color6-progress: #181818;/*Цвет заголовка шкалы*/
    --progress-border-top: 0px solid #fff;/*верхний бордер*/
    --progress-border-right: 0px solid #fff;/*правый бордер*/
    --progress-border-bottom: 0px solid #fff;/*нижний бордер*/
    --progress-border-left: 0px solid #fff;/*левый бордер*/
    --color1-progress: transparent;/* цвет дырки */
    --color2-progress: #f5ede2;/* цвет кольца */
    --color3-progress: #d4af60;/* цвет заполнения */
    --color7-progress: #181818;/*Цифры прогресса*/





    /* =====================================================================
    Горизонтальный прогресс-бар пройденных уроков или модулей в процентах
    ======================================================================== */
    --color1-gorizont-progress: #fff;/*Цвет фона шкалы*/
    --color2-gorizont-progress: #181818;/*Цвет заголовка шкалы*/
    --gorizont-progress-border-top: 0px solid #fff;/*верхний бордер*/
    --gorizont-progress-border-right: 0px solid #fff;/*правый бордер*/
    --gorizont-progress-border-bottom: 0px solid #fff;/*нижний бордер*/
    --gorizont-progress-border-left: 0px solid #fff;/*левый бордер*/
    --color3-gorizont-progress: #f5ede2;/* цвет прогресса до заполнения*/
    --color4-gorizont-progress: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* цвет заполнения */
    --color5-gorizont-progress: #181818;/*Цифры прогресса*/





    /* ==========================================
    Диаграмма пройденных модулей (подтренингов)
    =========================================== */
    --color4-progress-les: #fff;/*Цвет фона шкалы*/
    --color6-progress-les: #181818;/*Цвет заголовка шкалы*/
    --progress-les-border-top: 0px solid #fff;/*верхний бордер*/
    --progress-les-border-right: 0px solid #fff;/*правый бордер*/
    --progress-les-border-bottom: 0px solid #fff;/*нижний бордер*/
    --progress-les-border-left: 0px solid #fff;/*левый бордер*/
    --color1-progress-les: transparent;/* цвет дырки */
    --color2-progress-les: #f5ede2;/* цвет кольца */
    --color3-progress-les: #d4af60;/* цвет заполнения */
    --color7-progress-les: #181818;/*Цифры прогресса*/




    /* ========================
    Диаграмма пройденных уроков
    ========================= */
    --color4-progress-les: #fff;/*Цвет фона шкалы*/
    --color6-progress-les: #181818;/*Цвет заголовка шкалы*/
    --progress-les-border-top: 0px solid #fff;/*верхний бордер*/
    --progress-les-border-right: 0px solid #fff;/*правый бордер*/
    --progress-les-border-bottom: 0px solid #fff;/*нижний бордер*/
    --progress-les-border-left: 0px solid #fff;/*левый бордер*/
    --color1-progress-les: transparent;/* цвет дырки */
    --color2-progress-les: #f5ede2;/* цвет кольца */
    --color3-progress-les: #d4af60;/* цвет заполнения */
    --color7-progress-les: #181818;/*Цифры прогресса*/ 





    /*==========================================================
    Командный рейтинг
    ============================================================*/   
    --traning-zoloto-comand-bg-color: #fff; /*Цвет фона всего рейтинга*/
    --traning-zoloto-comand-header-color:#181818;  /* цвет заголовка */ 

    --traning-zoloto-comand-bg: transparent; /* фон блока команд*/
    --traning-zoloto-comand-border: 0px solid #ffeece; /* обводка рейтинга команд */

    --traning-zoloto-comand-bar-bg: #f5ede2;/* фон прогресс-бара до заполнения */
    --traning-zoloto-comand-bar-progress: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* цвет прогресса */
    --traning-zoloto-comand-text-color: #181818;   /* основной текст */

    --traning-zoloto-comand-leader-bg: transparent; /* Фон блока у лидера */
    --traning-zoloto-comand-text-leader: #181818;  /* цвет текста у лидера */
    --traning-zoloto-comand-border: 1px solid #181818; /* обводка рейтинга команды */







    /* ========================================
    Три «горячие» кнопки в ряд
    ======================================== */
    --traning-zoloto-hot-btn-background: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%);  /* Фон горячей кнопки */
    --traning-zoloto-hot-btn-background-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* Фон горячей кнопки при наведении */

    --traning-zoloto-hot-btn-color-text: #181818; /* Цвет текста горячей кнопки */
    --traning-zoloto-hot-btn-color-text-hover: #181818;  /* Цвет текста горячей кнопки при наведении */

    --traning-zoloto-hot-btn-border: none; /* Обводка горячей кнопки */
    --traning-zoloto-hot-btn-border-hover: none;/* Обводка при наведении */
    --traning-zoloto-hot-box-shadow-btn: none;  /* Цвет тени горячей кнопки*/
    --traning-zoloto-hot-box-shadow-btn-hover: -1px -1px 5px 3px #ffeece;  /* Цвет тени горячей кнопки при наведении */






    /*========================================
    Две «горячие» кнопки в столбик
    ======================================== */

    --traning-zoloto-chat-btn-background:#fff; /* Фон горячей кнопки */
    --traning-zoloto-chat-btn-background-hover: linear-gradient(88.16deg, #CA973F -3.71%, #F9D462 37.14%, #F9EF9E 71.89%, #D4AF60 96.78%, #CA973F 116.03%); /* Фон горячей кнопки при наведении */

    --traning-zoloto-chat-btn-color-text: #181818; /* Цвет текста горячей кнопки */
    --traning-zoloto-chat-btn-color-text-hover: #181818; /* Цвет текста горячей кнопки при наведении */

    --traning-zoloto-chat-btn-border: 1px solid #ffeece; /* обводка горячей кнопки */
    --traning-zoloto-chat-btn-border-hover: 1px solid #ffeece; /* Обводка при наведении */
    --traning-zoloto-chat-box-shadow-btn: 0px 0x 0px 0px #ffeece; /* Цвет тени горячей кнопки*/
    --traning-zoloto-chat-box-shadow-btn-hover: -1px -1px 5px 3px #ffeece;  /* Цвет тени горячей кнопки при наведении*/

}

/* =============
Стили страницы
=============== */

/*Большие заголовки*/
h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    color: var(--traning-zoloto-color-big-header);
    letter-spacing: 0px!important;
    line-height: 1.1!important;
    font-family: var(--traning-zoloto-font-family-header)!important;
    text-align: center;
    padding: 20px 5px 10px;
}

h1 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: var(--traning-zoloto-color-big-header);
    letter-spacing: 0px!important;
    line-height: 1.1!important;
    font-family: var(--traning-zoloto-font-family-header)!important;
    padding: 20px 5px 10px;
}

/* === Скрываем  кол-во уроков === */

.stream-table td div > b{
    display: none;
}

/* === Навигация === */
.page-header h1 {
    color: var(--traning-zoloto-nav-header-color);
    font-family: var(--traning-zoloto-font-header);
}

.page-header a,
.breadcrumbs a {
    color: var(--traning-zoloto-nav-color)!important;
}

.page-menu li.active {
    background: var(--traning-zoloto-nav-bg-active);
    border-radius: var(--traning-zoloto-border-radius);
}

.page-menu li.active a {
    color: var(--traning-zoloto-nav-color-active)!important;
}


.standard-page-content .breadcrumb li a,
.standard-page-content .breadcrumb > li + li:before{
    color: var(--traning-zoloto-nav-color)!important;
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--traning-zoloto-background-img), var(--traning-zoloto-color-bg);
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}


/* === Убираем полосы у тренингов при клике === */
.stream-table tr a:hover,
.stream-table tr a:target,
.stream-table tr a:focus,
.stream-table tr a:active{
    text-decoration: none!important;
}


/* === Виджет чата === */
.talks-widget-button,
.help-widget-button{
    background: var(--traning-zoloto-chat-bg) !important;
}

.talks-widget-button:after {
    content: "\f075";
    color: var(--traning-zoloto-chat-icon-color) !important;
    position: absolute;
    font-family: "fontawesome";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.help-widget-button {
    background-image: url(/pl/nassets/2e2b5931/img/help1.svg)!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
}

.talks-widget-button{
    background-image: url(/nassets/88cf4e0e/img/help.svg)!important;
}

.talks-widget-button .conversations-counter {
    background: var(--traning-zoloto-chat-info-bg);
    color: var(--traning-zoloto-chat-info-color);
    z-index: 5;
}




.dropdown-menu>li>a{
    color:#333!important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings'!important; /*НЕ МЕНЯТЬ!*/
}

@media (max-width: 1300px) {
    .col-md-4 {
        width: 100%!important;
    }
}


.stream-table tr.training-row.no-public, 
.lesson-list li.user-state-not_reached,
.lesson-list li.user-state-not_reached a{
    opacity: 0.8;
}

.stream-table tr.training-row.no-public,
.lesson-list li.user-state-not_reached{
    outline: none;
    fill: none !important;
}