/* Настройки визуала ЛК */
.gc_designed {
    background: #F3F3F3;
}


.gc_designed .main-page-block > .container,
.gc_designed .gc-main-content > .container{
    margin: 0 auto;
}

.gc_designed .logo.gc-account-logo,
.gc_lesson .standard-logo {
    display: none !important;
    margin: 40px 0 0px !important;
    text-align: center;
}

.gc_designed .content-menu {
    border: none !important;
}

.gc_designed .container h1 {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(24px, 4vw, 30px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.gc_designed .breadcrumbs a,
.gc_designed .page-actions > a {
    color: #1B1C1E;
    font-family: "Tilda Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.gc_designed .page-actions > a {
    color: #1B1C1E;
    border-bottom: 1px solid rgba(255,255,255,0.35);
}

.gc_designed .page-actions a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

/* Добавление тренинга */
.gc_designed.page-control_stream-new label[for="Training_title"],
.gc_designed.page-control_stream-new label[for="Training_description"],
.gc_designed.page-control_stream-new label[for="Training_parent_id"]{
    color: #1B1C1E;
}

.gc_designed.page-control_stream-new form .buttons {
    color: #1B1C1E;
    border: none;
}

.gc_designed.page-control_stream-new form .buttons a {
    display: inline-block;
    margin: 0 10px;
    color: rgba(216, 165, 102, 1);
}

.gc_designed.page-control_stream-new form .buttons .btn-primary {
    margin-right: 10px;
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-radius: 5px;
    border: 1px solid rgba(27,29,30,0.2);
    background: #FFF;
    
    transition: all .3s;
}

.gc_designed.page-control_stream-new form .buttons .btn-primary:hover {
    color: #fff;
    background: rgba(216, 165, 102, 1);
}

/* Быстрое добавление уроков */
.gc_designed.page-control_stream-view form {
    color: #1B1C1E;
}

/* Саблогин */
.gc_designed.page-system-sublogined .standard-page-content {
    color: #1B1C1E;
}

.gc_designed.page-system-sublogined .standard-page-content a {
    color: #D8A566;
}


/*
.gc_designed .logo {
    display: block !important;
}

.gc_designed .breadcrumbs {
    margin: 10px 0;
    text-align: center;
    text-decoration: none !important;
}



.gc_designed .breadcrumbs > li + li:before {
    content: ' → ';
    color: rgba(25,25,25,0.5);
    padding: 0;
}
*/

.gc_sales .content-menu {
    display: none;
}


.gc_sales .container h1 {
    margin-top: 40px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(24px, 4vw, 48px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.gc_sales .container h3 {
    margin: 60px 0 30px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(24px, 4vw, 30px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* Бонусные балы */
.gc-bonus-alert {
    padding: 0;
    padding-left: 16px;
    border-radius: 5px;
    background: #fff;
    border: none;
}

.gc-bonus-alert .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gc-bonus-info {
    width: 100%;
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.gc-bonus-info b {
    color: #D8A566;
}

.gc-bonus-info a {
    color: #000;
    border-bottom: 1px dashed rgba(0,0,0,.3);
    transition: all .3s;
}

.gc-bonus-info a:nth-child(3) {
    margin-left: 20px;
}

.gc-bonus-info a:hover {
    text-decoration: none;
    border-bottom: 1px dashed transparent;
}

.gc-bonus-info-total {
    flex:  0 0 fit-content;
    padding: 12px 26px;
    
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    color: #fff;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(143deg, #988C71 3.84%, #646464 95.14%);
}

.gc-bonus-info-total b {
    color: #fff;
}

.gc_sales a.big {
    display: inline-block;
    padding: 9px 30px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    border-radius: 5px;
    background: #D8A566;
    
    transition: all .3s;
}

.gc_sales a.big:hover {
    background: #eed1ac;
    text-decoration: none;
}


/* Таблицы */
.gc_sales .table,
.gc_sales .table thead,
.gc_sales .table tbody {
    display: block;
    width: 100%;
}

.gc_sales .table tr {
    display: flex;
    width: 100%;
}

.gc_sales .table thead {
    margin-bottom: 10px;
}

.gc_sales .table th {
    flex: 1 1 auto;
    padding: 0 !important;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    border: none !important;
}

.gc_sales .table tbody tr {
    display: flex;
    width: 100% !important;
    margin-bottom: 10px;
    padding: 12px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.1);
    border: none !important;
}

.gc_sales .table tbody tr td {
    flex: 1 1 auto;
    padding: 0px !important;
    border: none !important;
}

.gc_sales .table tbody tr a {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    
    transition: all .3s;
}

.gc_sales .table tbody tr a:hover {
    text-decoration: none;
    color: #D8A566;
}

/* Купленные продукты */
.gc_sales .table-notitle tbody tr:has(.label-success) {
    background: #EDE3D6;
}

.gc_sales .table-notitle tbody tr:has(.label-success),
.gc_sales .table-notitle tbody tr:has(.label-success) a,
.gc_sales .table-notitle tbody tr:has(.label-success) .label {
    color: rgba(0, 0, 0, 1);
}

.gc_sales .table-notitle tbody tr:has(.label-success) a:hover {
    color: #c98026;
}

.gc_sales .table-notitle thead tr th:nth-child(1) {
    width: 50%;
}

.gc_sales .table-notitle thead tr th:nth-child(2) {
    width: 20%;
}

.gc_sales .table-notitle thead tr th:nth-child(3) {
    width: 10%;
}

.gc_sales .table-notitle thead tr th:nth-child(4) {
    width: 15%;
}

.gc_sales .table-notitle tbody tr td:nth-child(1) {
    width: 50%;
}

.gc_sales .table-notitle tbody tr td:nth-child(2) {
    width: 20.5%;
}

.gc_sales .table-notitle tbody tr td:nth-child(3) {
    width: 10%;
}

.gc_sales .table-notitle tbody tr td:nth-child(4) {
    width: 13.5%;
}

.gc_sales .table-notitle tbody tr .label {
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: none !important;
}

/* Завершенные заказы */
/*.gc_sales .table:not(.table-notitle) tbody tr:has(.label-success)*/
.gc_sales .table:not(.table-notitle) tbody tr {
    border: 1px solid rgba(216,166,102,0.3) !important;
}

.gc_sales .table:not(.table-notitle) thead tr th:nth-child(1) {
    width: 15.5%;
}

.gc_sales .table:not(.table-notitle) thead tr th:nth-child(2) {
    width: 49%;
}

.gc_sales .table:not(.table-notitle) thead tr th:nth-child(3) {
    width: 10%;
}

.gc_sales .table:not(.table-notitle) thead tr th:nth-child(4) {
    width: 15%;
}

.gc_sales .table:not(.table-notitle) tbody tr td:nth-child(1) {
    width: 15%;
}

.gc_sales .table:not(.table-notitle) tbody tr td:nth-child(2) {
    width: 50%;
}

.gc_sales .table:not(.table-notitle) tbody tr td:nth-child(3) {
    width: 10%;
}

.gc_sales .table:not(.table-notitle) tbody tr td:nth-child(4) {
    width: 13.5%;
}

.gc_sales .table:not(.table-notitle) tbody tr .deal-status {
    padding: 0;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 400;
    background: none !important;
}

.gc_sales .table tbody tr button {
    margin-top: 4px;
    padding: 0;
    color: rgba(201, 168, 133, 1);
    font-weight: 600;
    
    background: none;
    border: none;
    
    transition: all .3s;
}

.gc_sales .table tbody tr button:hover {
    color: rgb(245,224,202);
}

@media (max-width: 992px) {
    .gc_sales .table th,
    .gc_sales .table tbody tr,
    .gc_sales .table tbody tr a,
    .gc_sales .table-notitle tbody tr .label,
    .gc_sales .table:not(.table-notitle) tbody tr .deal-status {
        font-size: 12px;
    }
    
    .gc_sales h3 {
        margin-top: 20px;
    }
}

@media (max-width: 600px) {
    .gc_sales .table thead tr th,
    .gc_sales .table tbody tr td {
        width: 25% !important;
    }
    
    .gc-bonus-info {
        font-size: 12px;
    }
    
    .gc-bonus-info-total {
        padding: 12px;
    }
}

@media (max-width: 350px) {
    .gc-bonus-info a:nth-child(3) {
        margin-left: 0;
    }
}

.gc_prod-info h3 a {
    color: rgb(208,140,57);
}

.gc_prod-info .panel {
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    background: #EDE3D6;
    border-color: #deceba;
    box-shadow: none;
}

.gc_prod-info .panel td.key {
    display: inline-block;
    margin: 2px 0;
    width: 100%;
    height: 100%;
    background: #deceba;
    border-radius: 5px !important;
}

.gc_prod-info .panel td {
    color: #1B1C1E;
    border-color: rgba(255,255,255,0.1);
    border-radius: 0 !important;
}

.gc_prod-info .panel td a {
    color: rgb(208,140,57);
}

.gc_prod-info .panel-heading {
    color: #1B1C1E !important;
    background: #deceba !important;
    border: none;
    border-radius: 5px;
}

.gc_prod-info .panel-body {
    padding: 0 0 10px;
}

.gc_prod-info .panel-body label,
.gc_prod-info .table>thead>tr>th {
    color: #1B1C1E !important;
}

.gc_prod-info .panel-body button {
    margin-top: 10px;
    padding: 8px 20px;
    
    color: #191919;
    font-family: "Tilda Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    border: none;
    border-radius: 3px;
    background: #D8A566;
    
    transition: all .3s;
}

.gc_prod-info .panel-body button:hover {
    color: #191919;
    background: #fff;
}

.gc_prod-info .panel-body button .fa {
    display: none;
}

.gc_prod-info .deal-status.status-payed {
    color: #191919;
    background: rgba(216,166,102,0.5);
    border-radius: 2px;
}



/* Предустановик списка тренингов */
.xdget-trainingList .row {
    margin: 0 !important;
}

.xdget-trainingList .col-md-12 {
    padding: 0 !important;
}

.xdget-trainingList .stream-table {
    margin: 0 0 40px !important;
}

.xdget-trainingList .stream-table tr {
    display: block;
    margin-bottom: 20px !important;
    
    transition: all .3s;
}

.xdget-trainingList .stream-table tr:hover {
    transform: translatex(5px);
}

.xdget-trainingList .stream-table td {
    display: block;
    padding: 0 !important;
    
    width: 100% !important;
    height: 100%;
    background: none !important;
}

.xdget-trainingList .stream-table .stream-title {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}


/* Список тренингов - стандартный */

.xdget-trainingList .stream-table tr a {
    padding: 25px;
    border-radius: 10px;
    background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='176' height='200' viewBox='0 0 176 200' fill='none'%3E%3Cmask id='mask0_4151_474' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='176' height='200'%3E%3Crect x='176' y='200' width='176' height='200' transform='rotate(-180 176 200)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4151_474)'%3E%3Crect opacity='0.1' x='83' y='100' width='156' height='156' rx='20' transform='rotate(-45 83 100)' fill='%23D09A56'/%3E%3C/g%3E%3C/svg%3E") no-repeat right center;
    border: 1px solid #E0E0E0;
}

.xdget-trainingList .stream-table tr .stream-title {
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(20px, 4vw, 24px);
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.xdget-trainingList .stream-table tr a .stream-description {
    display: flex;
    flex-wrap: wrap;
    
    color: #555;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.xdget-trainingList .stream-table tr a .stream-description b {
    order: 3;
    width: 100%;
    margin-top: 10px;
}

.xdget-trainingList .stream-table tr a .stream-description span {
    display: flex;
    align-items: center;
    gap: 5px;
   
    
    padding: 4px 8px;
    width: fit-content;
    
    color: #555;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-radius: 50px;
    border: 1px solid #EAEAEA;
    background: #F3F3F3;
}

.xdget-trainingList .stream-table tr a .stream-description span::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8Z' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6066 7.78146C10.7781 7.87671 10.7781 8.12329 10.6066 8.21854L6.87141 10.2937C6.70478 10.3862 6.5 10.2657 6.5 10.0751V5.92488C6.5 5.73426 6.70478 5.61377 6.87141 5.70634L10.6066 7.78146Z' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 16px;
}

.chatium_body a .tr_image + .stream-title,
.chatium_body a .tr_image + .stream-title + div {
     /*padding-left: 100px !important;*/
}

/* Список тренингов - на главной школы */

.xdget-trainingList.main_list .stream-table tr a {
    position: relative;
    margin-left: 20px;
    background: #fff;
}

.xdget-trainingList.main_list .stream-table tr a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    transform: translatex(-100%);
    
    height: 100%;
    width: 10px;
    
    background: rgba(216, 165, 102, .3);
    border-radius: 5px 10px 10px 5px;
    
    transition: all .3s;
}

.xdget-trainingList.main_list .stream-table tr a:hover::before {
    background: rgba(216, 165, 102, 1);
}

.xdget-trainingList.main_list .stream-table tr a::after {
    content: 'Перейти';
    
    margin-top: 18px;
    display: inline-block;
    padding: 6px 16px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    border-radius: 3px;
    background: #D8A566;
    
    transition: all .3s;
}

.xdget-trainingList.main_list .stream-table tr a:hover::after {
    color: #fff;
    background: #1B1C1E;
}

.xdget-trainingList.main_list .stream-table tr a .stream-description {
    display: block;
}

.xdget-trainingList.main_list .stream-table tr a .stream-description b {
    display: inline !important;
    width: inherit;
}

.xdget-trainingList.main_list .stream-table tr a .stream-description b span {
    display: inline;
    padding: 0;
    background: none;
    border: none;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.xdget-trainingList.main_list .stream-table tr a .stream-description b span::before {
    display: none;
}

/* Список тренингов - Прогресс модулей */

.modules_progress tr:has(.module_status) {
    margin-top: 35px;
}

.modules_progress tr a {
    position: relative;
}

.modules_progress .module_status {
    position: absolute;
    top: -13px;
    right: 15px;
    
    display: flex;
    align-items: center;
    gap: 5px;
    
    padding: 5px 9px;
    
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(12px, 4vw, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    
    border-radius: 3px;
}

.modules_progress .module_status.m_stop {
    color: rgba(255, 255, 255, 0.5);
    background: #555555;
}

.modules_progress .module_status.m_work {
    color: #FFFFFF;
    background: #9A7A5F;
}

.modules_progress .module_status.m_done {
    color: rgba(27, 28, 30, 1);
    background: #D8A566;
}

.modules_progress .module_status.m_empty {
    color: rgba(60,60,60,0.52);
    background: rgb(213,216,219);
} 

.modules_progress .module_status.m_empty img {
    display: none;
}

@media (max-width:700px) {
    .modules_progress .module_status {
        padding: 3px 9px;
    }
    
    .modules_progress .module_status img {
        display: none;
    }
}

/* Модификация старого оформления */
.xdget-trainingList .stream-table tbody {
    display: block;
}

.xdget-trainingList .stream-table tbody tr {
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
}

.xdget-trainingList .stream-table tbody tr td {
    border: none;
}

.xdget-trainingList .stream-table tbody tr td::before,
.xdget-trainingList .stream-table tbody tr td::after {
    display: none !important;
}

.xdget-trainingList .stream-table tbody tr td .stream-title {
    position: static !important;
    padding: 0;
    text-align: left;
}


/* Предустановки списка-уроков, обнуляем лишнее фоформление */
.lesson-list:not(.fast-edit) {
    padding: 0;
    background: none;
}

.lesson-list:not(.fast-edit) li {
    min-height: 0;
    margin: 0 0 16px;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    
    transition: all .3s;
}

.lesson-list:not(.fast-edit) li:hover {
	transform: translatex(5px);
}

.lesson-list:not(.fast-edit) li a {
	background: none !important;
    border-radius: 0 !important;
}

.lesson-list:not(.fast-edit) li a .hidden-xs {
    display: none;
}

.lesson-list:not(.fast-edit) li a .info {
    margin: 0 !important;
    height: auto;
    border: none;
}

.lesson-list:not(.fast-edit) li a table,
.lesson-list:not(.fast-edit) li a tbody,
.lesson-list:not(.fast-edit) li a tr {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 0;
}

.lesson-list:not(.fast-edit) li a .info tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px 30px;
}

.lesson-list:not(.fast-edit) li a .item-image {
    flex: 0 1 180px;
    width: 180px !important;
    height: 120px !important;
}

.lesson-list:not(.fast-edit) li a .item-main-td.item-with-image {
    flex: 1 1 10%;
    height: auto !important;
    padding: 0;
}

.lesson-list:not(.fast-edit) li a .item-main-td {
    padding: 0;
    min-height: 0;
}

.lesson-list:not(.fast-edit) li a .vmiddle {
    display: flex !important;
    flex-wrap: wrap;
    gap: 5px;
    
    padding: 0 !important;
    margin: 0 !important
}

.lesson-list:not(.fast-edit) li a .vmiddle > * {
    flex: 1 1 100%;
}

.lesson-list:not(.fast-edit) li a .title {
    order: 1;
    margin: 0;
}

.lesson-list:not(.fast-edit) li a .title span {
    display: none !important;
}

.lesson-list:not(.fast-edit) li a .description {
    order: 2;
    width: 100%;
    color: rgba(85, 85, 85, 1);
    font-family: "Tilda Sans", Sans-Serif;
    font-size: 16px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
}

.lesson-list:not(.fast-edit) li a .user-state-label:not(.custom-state) {
    display: none;
}

.lesson-list:not(.fast-edit) li.user-state-reached a .user-state-label,
.lesson-list:not(.fast-edit) li.user-state-not_reached a .user-state-label {
    display: inline-block !important;
    flex: 0 0 auto;
}

.lesson-list:not(.fast-edit) li a .user-state-label {
    order: 3;
}

/* Список уроков - стандартное оформление */

.lesson-list:not(.fast-edit) li a .info {
    position: relative;

    padding: 24px 90px 24px 20px;
    border-radius: 10px;
    background: #FFF;
    border: 1px solid #D4D4D4;
}

.lesson-list:not(.fast-edit) li.user-state-not_reached a .info {
    border: 1px solid rgba(255, 255, 255, 0.19);
    background: #D7D7D7;
}

.lesson-list:not(.fast-edit) {
	counter-reset: lesson 0;
}

.lesson-list:not(.fast-edit) li {
	counter-increment: lesson 1;
}

.lesson-list:not(.fast-edit) li:not(.user-state-not_reached) a .info::before {
    content: "#"counter(lesson);
    position: absolute;
    top: 20px;
    right: 14px;
    transform: translatey(-50%);
    
    align-content: center;
    text-align: center;
    
    color: rgba(27, 28, 30, .7);
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;

    z-index: 5;
}

.lesson-list:not(.fast-edit) li a .info .item-image {
    flex: 0 0 126px;
    max-height: 84px;
}

.lesson-list:not(.fast-edit) li a .info .ls_mobile_img {
    display: none;
}


.lesson-list:not(.fast-edit) li a .info .title {
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(20px, 4vw, 24px);
    font-weight: 400;
    line-height: normal;
}

.lesson-list:not(.fast-edit) li.user-state-not_reached a .info .title {
    font-weight: 500;
}

.lesson-list:not(.fast-edit) li a .info .all-state {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 10px;
    
    margin-top: 12px;
    order: 2;
}

.lesson-list:not(.fast-edit) li a .info .all-state:not(:has(div)) {
    display: none;
}

.chatium_body .lesson-list li a .info .custom-state,
.lesson-list:not(.fast-edit) li a .info .custom-state {
    display: flex !important;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    
    padding: 4px 8px;
    width: fit-content;
    
    color: #555;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    background: #FFF;
}

.lesson-list:not(.fast-edit) li a .info .custom-state::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M15.75 9C15.75 12.7279 12.7279 15.75 9 15.75C5.27208 15.75 2.25 12.7279 2.25 9C2.25 5.27208 5.27208 2.25 9 2.25C12.7279 2.25 15.75 5.27208 15.75 9Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9325 8.75414C12.1253 8.8613 12.1253 9.1387 11.9325 9.24586L7.73034 11.5804C7.54288 11.6845 7.3125 11.549 7.3125 11.3345V6.66549C7.3125 6.45104 7.54288 6.31549 7.73034 6.41963L11.9325 8.75414Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 18px;
}

.lesson-list:not(.fast-edit) li.user-state-has_mission a .info .custom-state::before {
    filter: invert(77%) sepia(9%) saturate(2212%) hue-rotate(349deg) brightness(93%) contrast(81%);
}

.lesson-list:not(.fast-edit) li.user-state-answered a .info .custom-state::before {
    filter: invert(48%) sepia(14%) saturate(1916%) hue-rotate(172deg) brightness(92%) contrast(85%);
}

.lesson-list:not(.fast-edit) li.user-state-accomplished a .info .custom-state::before {
    filter: invert(80%) sepia(4%) saturate(2077%) hue-rotate(76deg) brightness(89%) contrast(84%);
}

.lesson-list:not(.fast-edit) li.user-state-need_accomplish a .info .custom-state::before {
    filter: invert(45%) sepia(12%) saturate(2711%) hue-rotate(284deg) brightness(94%) contrast(83%);
}

.lesson-list:not(.fast-edit) li.user-state-not_reached a .info .custom-state::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M10.3125 6.5625V4.21875C10.3125 2.66545 9.0533 1.40625 7.5 1.40625C5.9467 1.40625 4.6875 2.66545 4.6875 4.21875V6.5625M4.21875 13.5938H10.7812C11.5579 13.5938 12.1875 12.9642 12.1875 12.1875V7.96875C12.1875 7.1921 11.5579 6.5625 10.7812 6.5625H4.21875C3.4421 6.5625 2.8125 7.1921 2.8125 7.96875V12.1875C2.8125 12.9642 3.4421 13.5938 4.21875 13.5938Z' stroke='%23555555' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at {
    display: flex !important;
    align-items: center;
    
    color: #555;
    font-family: "Tilda Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1; /* 16.8px */
    
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    background: #E8E8E8;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .date {
    position: relative;
    padding: 4px 14px;
    
    border-radius: 20px;
    border: 1px solid #EAEAEA;
    background: #F3F3F3;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at span {
    display: flex;
    align-items: center;
    gap: 3px;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at span::before {
    
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .date::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.5 2V3.5M11.5 2V3.5M2 12.5V5C2 4.17157 2.67157 3.5 3.5 3.5H12.5C13.3284 3.5 14 4.17157 14 5V12.5M2 12.5C2 13.3284 2.67157 14 3.5 14H12.5C13.3284 14 14 13.3284 14 12.5M2 12.5V7.5C2 6.67157 2.67157 6 3.5 6H12.5C13.3284 6 14 6.67157 14 7.5V12.5' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 18px;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .time {
    padding: 4px 14px 4px 10px;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .time::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M10.3333 7H7V3.33333M13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7Z' stroke='%23555555' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 14px;
}

.lesson-list:not(.fast-edit) li.with-image a .info .item-image {
    border-radius: 5px;
}

.lesson-list:not(.fast-edit) li.with-image a .info .vmiddle {
    position: relative;
    top: 50%;
    transform: translatey(-50%);
}

@media (max-width: 700px) {
    .lesson-list:not(.fast-edit) li a .info {
        padding: 12px 18px;
    }

    .lesson-list:not(.fast-edit) li:not(.user-state-not_reached) a .info::before {
        content: '' !important;
    }
    
    .chatium_body li.with-image a .info .vmiddle,
    .lesson-list:not(.fast-edit) li.with-image a .info .vmiddle {
        gap: 20px;
    }
    
    .lesson-list li .item-image {
        display: none;
    }
    
    .lesson-list:not(.fast-edit) li.with-image a .info .ls_mobile_img {
        display: inline-block !important;
        flex: 0 0 104px;
        width: 104px !important;
        height: 84px !important;
        border-radius: 5px;
    }
    
    .lesson-list:not(.fast-edit) li.with-image a .info .ls_info {
        flex: 1 1 10%;
    }
    
    .lesson-list:not(.fast-edit) li.with-image a .info.all-state {
        flex:  1 1 100%;
    }
    
    .lesson-list:not(.fast-edit) li a .info .all-state .has-start-at {
        font-size: 11px;
    }
    
    .lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .date,
    .lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .time {
        padding: 4px 6px;
    }
}

@media (max-width: 400px) {
    .lesson-list:not(.fast-edit) li a .info {
    	min-height: auto;
    }
    .lesson-list:not(.fast-edit) li:not(.user-state-not_reached) a .info::before {
        display: none;
    }
    
    .all-state {
        padding-top: 14px;
        border-top: 1px solid rgba(204,204,204,0.3);
    }
}

/* Настрйока урока */
.gc_lesson .breadcrumb {
    margin: 20px 0;
}

.gc_lesson .breadcrumb a {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

.gc_lesson .standard-page-content .breadcrumb > li + li:before {
    content: ' → ';
    color: #1B1C1E;
    padding: 0;
}

.gc_lesson .page-header {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
}

.gc_lesson .page-header .clearfix,
.gc_lesson .page-header h1 {
    display: none;
}

.gc_lesson .center-block {
    margin: 0 0 60px !important;
    max-width: 100% !important;
    width: 100% !important;
}

.gc_lesson .lite-block-live-wrapper:not(.o-lt-lesson-mission-block, .o-lt-lesson-comment-block) {
    max-width: 970px !important;
    margin: 0 auto;
}

/* Шапка урока */
.gc_lesson .lesson-header-block {
    margin-bottom: 32px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}


.gc_lesson .lesson-header-block .header-view {
    margin: 0 0 32px !important;
    padding: 30px;
    border-radius: 10px;
    background: #EDE3D6 !important;
}

.gc_lesson .lesson-header-block .header-view .text-center {
    padding: 0 !important;
}

.gc_lesson .lesson-header-block .lesson-title-value {
    color: #1B1C1E;
    text-align: center;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(20px, 4vw, 36px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.gc_lesson .lesson-header-block .lesson-description-value {
    display: inline-block;
    margin: 15px 0 20px;
    max-width: 650px !important;
    
    color: #1B1C1E;
    text-align: center;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(12px, 3.5vw, 14px);
    font-weight: 400;
    line-height: normal;
}

.gc_lesson .lesson-header-block .lesson-navigation {
    padding: 0 !important;
}

.gc_lesson .lesson-header-block .lesson-navigation tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td:nth-child(1) {
    flex: 1 1 10%;
    text-align: right;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td:nth-child(2) {
    flex: 0 0 130px;
    text-align: center;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td:nth-child(3) {
    flex: 1 1 10%;
    text-align: left;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td .hidden-xs {
    display: none;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td.hidden-xs span,
.gc_lesson .lesson-header-block .lesson-navigation tr td.hidden-xs div {
    display: none;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td.hidden-xs .all_lessons span {
	display: block;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td a {
    display: inline-block;
    padding: 8px 40px;
    
    color: #1B1C1E;
    text-align: center;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    
    border-radius: 5px;
    background: #D8A566;
    
    transition: all .3s;
}

.gc_lesson .lesson-header-block .lesson-navigation tr td a.all_lessons {
    padding: 8px 26px;
    color: #fff;
    background: rgba(27, 28, 30, 1);
}

.gc_lesson .lesson-header-block .lesson-navigation tr td a:hover {
    color: rgba(27, 28, 30, 1);
    text-decoration: none;
    background: #EDE3D6;
}


@media (max-width: 768px) {
    .standard-logo {
        display: block;
    }
}

@media (max-width: 700px) {
    .gc_lesson .lesson-header-block .lesson-description-value {
        margin-bottom: 0;
    }
    
    .gc_lesson .lesson-header-block .header-view {
        margin-bottom: 16px !important;
    }

    .gc_lesson .lesson-navigation table tr {
        justify-content: center;
        gap: 20px 10px !important;
    }

    .gc_lesson .lesson-navigation table tr td {
        display: inline-block !important;
        width: 100%;
    }
    
        
    .gc_lesson .lesson-header-block .lesson-navigation tr td a {
        min-width: 0px !important;
        padding: 12px  18px !important;
    }
    
    .gc_lesson .lesson-navigation table tr td[style="padding-left: 19px;"] {
        order: 1;
        flex: 0 0 40px !important;
    }
    
    .gc_lesson .lesson-navigation table tr a .mobile_hide {
        display: none;
    }
    
    .gc_lesson .lesson-navigation table tr td[style="padding-left: 19px;"] a::before {
        content: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 1L2 4L5 7' stroke='%231B1C1E' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E") !important;
        display: inline-block;

    }
    
    .gc_lesson .lesson-navigation table tr td:has(.all_lessons) {
        order: 2;
        flex: 0 0 fit-content !important;
    }
    
    .gc_lesson .lesson-navigation table tr td.all-lessons .mobile_hide {
        display: inline-block;
    }
    
    .gc_lesson .lesson-navigation table tr td[style="padding-right:17px;"] {
        order: 3;
        flex: 0 0 40px !important;
    }
    
    .gc_lesson .lesson-navigation table tr td[style="padding-right:17px;"] a::before {
        content: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L1 7' stroke='%231B1C1E' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E") !important;
        display: inline-block;

    }
    
    
    .gc_lesson .lesson-navigation table tr td a {
        font-size: 14px !important;
    }
    
    .empty-space {
        display: none !important;
    }
}


/* Шапка урока чатиум */

.chatium_body.gc_lesson .lesson-title {
    margin: 0 15px 32px !important;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    background: #EDE3D6 !important;
}

.chatium_body.gc_lesson .lesson-title h2 {
    color: #1B1C1E;
    text-align: center;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(20px, 4vw, 36px);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.chatium_body.gc_lesson .lesson-title  {
    color: #1B1C1E;
    font-size: clamp(12px, 3.5vw, 14px);
    font-weight: 400;
}

.chatium_body.gc_lesson div[style="display: flex; flex-direction: row; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.chatium_body.gc_lesson div[style="display: flex; flex-direction: row; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px"] > div {
    flex: 1 1 100%;
    padding: 0 !important;
    text-align: center !important;
}

.chatium_body.gc_lesson div[style="display: flex; flex-direction: row; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px"] a {
    display: inline-block;
    padding: 8px 40px;
    
    color: #1B1C1E;
    text-align: center;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    
    border-radius: 5px;
    background: #D8A566;
    
    transition: all .3s;
}

.chatium_body.gc_lesson div[style="display: flex; flex-direction: row; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px"] a:hover {
    color: rgba(27, 28, 30, 1);
    text-decoration: none;
    background: #EDE3D6;
}


.mode-selector {
    border-color: #161616 !important;
}

.mode-selector .link.active {
    color: #fff !important;
    background: #161616!important;
}

.mode-selector .link {
    color: #161616!important;
    border-color: #161616 !important;
}

/* Убираем подложки у старых блоков */
.gc_lesson .lt-block .modal-block-content,
.gc_lesson .lt-block .my-container > div {
    background: none !important;
}


/* Заголовки */
.gc_lesson .f-header {
    position: relative;
    padding: 16px 0px;
}

.gc_lesson .f-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    
    border-radius: 10px;
    background: #D8A566;
}

.gc_lesson .f-header,
.gc_lesson .f-header p,
.gc_lesson .lt-text-header-expand .header p {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(20px, 4vw, 28px);
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 28px */
}

.gc_lesson .lt-text-header-expand .header p {
	border-color: #fff;
}

/* Тексты */

.gc_lesson .f-text,
.gc_lesson .f-text p,
.gc_lesson .f-text li {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(16px, 4vw, 22px);
    font-weight: 300;
    line-height: 150%;
}

.chatium_body.gc_lesson .f-text p em {
    font-style: normal !important;
}

.gc_lesson .f-text a {
    color: #D8A566;
    font-weight: 400;
    border-bottom: 1px solid #D8A566;
    
    transition: all .3s;
}

.gc_lesson .f-text a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent
}



/* Видео */
.gc_lesson .vhi-root {
    border-radius: 10px !important;
    overflow: hidden;
}

.gc_lesson .image-wrapper img {
	border-radius: 10px !important;
}

/* Тайм коды */

.gc_lesson .vhi-root:has(.block_time-codes) {
		--lesson_width: 940px;
		--main_color: 216, 165, 102;

    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    gap: 0;
    align-items: top;
    
    margin-bottom: 20px;
    padding-top: 0;
    height: calc(var(--lesson_width) / var(--video-aspect-ratio)) !important;
    
    overflow: hidden;
}

.gc_lesson .vhi-root:has(.block_time-codes) iframe {
    position: static;
    width: calc(100% - 250px);
    background: rgba(27, 28, 30, 1);
    border-radius: 10px 0 0 10px !important;
    transition: all .3s;
}

.gc_lesson .vhi-root:has(.block_time-codes.closed) iframe {
    flex: 1 1 100% !important;
}

.gc_lesson .vhi-root:has(.block_time-codes.opend) iframe {
    flex: 1 1 calc(100% - 270px) !important;
}

.gc_lesson .vhi-root .block_time-codes  {
    position: relative;
    flex: 0 1 270px; 
    
    transition: all .3s;
}

.gc_lesson .vhi-root .block_time-codes.closed {
    flex: 0 0 0;
    
    transition: all .3s;
}

.gc_lesson .vhi-root .block_time-codes.closed * {
    font-size: 0;
    
    transition: all .3s;
}

.gc_lesson .vhi-root .block_time-codes .overfill {
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    display: block;
    height: 100%;
    
    transition: all .3s;
}

.gc_lesson .vhi-root .block_time-codes .inner_Codes {
    background: rgba(56, 48, 37, 1);
    height: 100%;
    
    overflow-y: scroll;
    
    transition: all .3s;
}

.gc_lesson .vhi-root .block_time-codes.closed .inner_Codes {
    opacity: 0;
}

.gc_lesson .vhi-root .block_time-codes .inner_Codes::-webkit-scrollbar {
  width: 3px;
  height: 8px;
  background-color: #aaa;
}

.gc_lesson .vhi-root .block_time-codes .inner_Codes::-webkit-scrollbar-thumb {
  background: #000;
}

.gc_lesson .vhi-root .block_time-codes.closed .inner_Codes {
    overflow: hidden;
}

.gc_lesson .vhi-root .block_time-codes.closed .inner_Codes a {
    padding: 0;
}

.gc_lesson .vhi-root .block_time-codes .open_timecodes {
    position: absolute;
    top: 10px;
    left: -10px;
    transform: translatex(-100%);

    min-width: 100px;
    padding: 6px 14px;
    color: #1C274C;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(var(--main_color), .3);
    z-index: 10;
    
    cursor: pointer;
    
    transition: all .3s;
}

.gc_lesson .vhi-root .block_time-codes .open_timecodes:hover {
	color: #fff;
	background: rgba(var(--main_color),1);
}

.gc_lesson .vhi-root .block_time-codes.opend .open_timecodes {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600' fill='none'%3E%3Cpath d='M333.333 200L433.333 300M433.333 300L333.333 400M433.333 300H166.667M460 566.667H140C102.663 566.667 83.9933 566.667 69.7333 559.4C57.1899 553.01 46.99 542.81 40.6 530.267C33.3333 516.007 33.3333 497.337 33.3333 460V140C33.3333 102.663 33.3333 83.9947 40.6 69.734C46.99 57.1897 57.1899 46.991 69.7333 40.5997C83.9933 33.3333 102.663 33.3333 140 33.3333H460C497.337 33.3333 516.005 33.3333 530.266 40.5997C542.81 46.991 553.009 57.1897 559.4 69.734C566.667 83.9947 566.667 102.663 566.667 140V460C566.667 497.337 566.667 516.007 559.4 530.267C553.009 542.81 542.81 553.01 530.266 559.4C516.005 566.667 497.337 566.667 460 566.667Z' stroke='black' stroke-width='66.6667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gc_lesson .vhi-root .block_time-codes a {
		position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px;
    padding: 16px 20px 16px 40px;
    
    color: #FFF;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none !important;
    
    background: rgba(255,255,255,0.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5 9C6.98526 9 9 6.98526 9 4.5C9 2.01472 6.98526 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98526 2.01472 9 4.5 9ZM3.91207 6.23061L6.03616 4.97655C6.38793 4.76883 6.38793 4.23117 6.03616 4.02345L3.91207 2.76939C3.57017 2.56752 3.15 2.83026 3.15 3.24592V5.75406C3.15 6.16972 3.57017 6.43248 3.91207 6.23061Z' fill='white'/%3E%3C/svg%3E") no-repeat 15px center;
    border-left: 4px solid rgba(var(--main_color),1);
    
    transition: all .3s;
}

.gc_lesson .vhi-root .block_time-codes.closed a {
    display: none;
}

.gc_lesson .vhi-root .block_time-codes a.active {
    background-color: rgba(var(--main_color),.7);
}

.gc_lesson .vhi-root .block_time-codes a:hover {
    text-decoration: none;
    background-color: rgba(var(--main_color),0.1);
}

.gc_lesson .vhi-root .block_time-codes a strong {
    font-weight: 500;
}

.gc_lesson .timecode_progress {
    position: absolute;
    bottom: 0;
    left: -5px;
    height: 3px;
    width: calc(100% + 5px);
    padding-left: 1px;
}

.gc_lesson .vhi-root .block_time-codes a.active .timecode_progressLine {
    display: block;
    height: 100%;
    background: rgba(255,255,255, .5);
    transition: all 4s;
}


@media (max-width: 992px) {
    .gc_lesson .vhi-root:has(.block_time-codes) {
        height: calc((100vw - 70px) / var(--video-aspect-ratio)) !important;
    }
}

@media (max-width: 520px) {
    .gc_lesson .vhi-root:has(.block_time-codes) {
        display: block;
        height: inherit !important;
        overflow: visible;
    }
    
    .gc_lesson .vhi-root:has(.block_time-codes) iframe {
        width: 100%;
        height: calc(100vw / var(--video-aspect-ratio) - 40px) !important;
        border-radius: 10px !important;
    }
    
    .gc_lesson .vhi-root .block_time-codes .open_timecodes {
        position: static;
        display: inline-block;
        
        margin: 10px 0;
        
        transform: none;
    }
    
    .gc_lesson .vhi-root .block_time-codes {
        display: block;
    }
    
    .gc_lesson .vhi-root .block_time-codes .overfill {
        border-radius: 10px;
    }
}

@media (max-width: 400px) {
    .gc_lesson .vhi-root .block_time-codes a {
        gap: 10px 20px;
        font-size: 10px;
    }
}

/* Кнопки */
.gc_lesson .part-button .btn-success {
    padding: 16px 70px;
    min-height: auto;
    font-family: "Tilda Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 120%;
    font-weight: 600 !important;
    
    border-radius: 70px;
    box-shadow: none !important;
    transition: all .3s;
}

.gc_lesson .part-button .btn-success:hover {
    color: #fff!important;
    background: #1B1C1E !important;
}

/* Разделитель */
.gc_lesson .lt-separator hr {
    border-top: 2px solid rgba(216, 165, 102, 1);
    border-radius: 10px;
}

/* Файлы */
.gc_lesson .lt-lesson-files .col-md-12 {
    padding: 0 !important;
}

.gc_lesson .lt-lesson-files .row {
    margin: 0;
}

.gc_lesson .lt-lesson-files .container {
    padding: 0;
}

.gc_lesson .files-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
}

.gc_lesson .files-table tbody tr {
    flex: 1 1 30%;
    max-width: calc(100% / 3 - 10px);
}

.gc_lesson .new-file {
    display: flex;
    align-items: center;
    gap: 10px 30px;
    
    padding: 12px 18px;
    
    border-radius: 10px;
    border: 1px solid rgba(27,29,30,0.2);
    
    transition: all .3s;
}

.gc_lesson .new-file:hover {
    text-decoration: none;
    transform: translatey(-5px);
}

.gc_lesson .new-file .file-name {
    margin-bottom: 4px;
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    transition: all .3s;
}

.gc_lesson .new-file:hover .file-name {
    color: rgba(216, 165, 102, 1);
}

.gc_lesson .new-file .file-size {
    color: rgba(216, 165, 102, 1);
    font-family: "Tilda Sans", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 992px) {
    .gc_lesson .files-table tbody tr {
        flex: 1 1 45%;
        max-width: calc(100% / 2 - 10px);
    }
}

@media (max-width: 700px) {
    .gc_lesson .files-table tbody tr {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/* Аулиофайлы */
.gc_lesson .lt-lesson-audio .container {
    margin: 16px 15px !important;
    max-width: calc(100% - 30px);
    padding: 0 !important;
}

.gc_lesson .gc-restyled-audio .jp-gui,
.gc_lesson .gc-restyled-audio .jp-type-playlist .jp-playlist {
    background: #fff;
}

.gc_lesson .gc-restyled-audio .jp-gui .jp-interface .jp-play-bar:before, 
.gc_lesson .gc-restyled-audio .jp-gui .jp-interface .jp-volume-bar-value::before,
.gc_lesson .gc-restyled-audio .jp-gui .jp-interface .jp-play-bar, 
.gc_lesson .gc-restyled-audio .jp-gui .jp-interface .jp-volume-bar-value {
    background-color: #D8A566;
}

.gc_lesson .gc-restyled-audio .jp-speeding li a:hover, 
.gc_lesson .gc-restyled-audio .jp-speeding li a.selected {
    color: #D8A566;
}

.gc_lesson .gc-restyled-audio .jp-type-playlist .jp-playlist .jp-playlist-current .jp-playlist-item.jp-playlist-current {
    color: #1B1C1E;
    font-weight: 500;
    font-family: "Tilda Sans", sans-serif;
}

.gc_lesson .gc-restyled-audio .jp-playlist-item {
    color: #D8A566 !important;
}


/* Важный блок */
.gc_lesson .warning_block .row {
    margin: 0 !important;
}

.gc_lesson .warning_block .container {
    padding: 24px 44px;
    border-radius: 10px;
    background: rgba(213, 30, 24, 1) url(https://fs.getcourse.ru/fileservice/file/download/a/66109/sc/251/h/81dc2538f3dcaa793b00c5d6bb8f9948.png) no-repeat 40px 30px;
}

.gc_lesson .warning_block .container .modal-block-content {
    padding: 0;
    padding-left: 160px;
}

.gc_lesson .warning_block .f-header {
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.gc_lesson .warning_block .f-header::after {
    display: none;
}

.gc_lesson .warning_block .f-header p {
    color: #FFF !important;
    font-family: "Tilda Sans", sans-serif !important;
    font-size: clamp(20px, 4vw, 26px);
    font-weight: 800;
    line-height: 1.2;
}

.gc_lesson .warning_block .f-text {
    padding: 0 !important;
}

.gc_lesson .warning_block .f-text p {
    color: #FFF !important;
    font-family: "Tilda Sans", sans-serif !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
}

.gc_lesson .warning_block .btn-success {
    border-radius: 5px !important;
}

@media (max-width: 700px) {
    .gc_lesson .warning_block .container {
        background-size: 80px;
    }
    .gc_lesson .warning_block .container .modal-block-content {
        padding-left: 40px;
    }
}

@media (max-width: 400px) {
    .gc_lesson .warning_block .btn-success {
        padding: 16px 40px !important;
    }
}

@media (max-width: 350px) {
    .gc_lesson .warning_block .container {
        background-size: 50px;
    }
    .gc_lesson .warning_block .container .modal-block-content {
        padding-left: 0px;
    }
}


.gc_lesson .part-button .btn-success {
    color: #1B1C1E !important;
    background: #D8A566 !important;
}

/* Домашнее задание и тест */
.gc_lesson .lt-lesson-mission-block,
.gc_lesson .lt-lesson-comment-block{
	margin-top: 24px;
}
.gc_lesson .lt-lesson-mission-block .col-md-12 {
    padding: 0;
}

.gc_lesson .lt-lesson-mission-block h3 {
    padding: 14px 24px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    
    
    border-radius: 10px 10px 0 0;
    background: #D8A566;
}

.gc_lesson .lesson-mission-wrapper {
    margin: 0;
    border: none !important;
    background: #fff;
    border-radius: 0 0 10px 10px;
}

.gc_lesson .lesson-mission-text {
    color: #2C2A28;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    
    background: #FFF;
}

.gc_lesson .lesson-mission-text span[style="background-color: rgb(255, 255, 0); font-size: 16px;"] {
    display: inline-block !important;
    padding: 5px 8px;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #EDE3D6 !important;
}

.gc_lesson .lesson-mission-text u:has(a) {
    text-decoration: none !important;
}

.gc_lesson .lesson-mission-text a {
    color: #D8A566;
    font-weight: 500;
    border-bottom: 1px solid #D8A566;
    text-decoration: none !important;
    
    transition: all .3s;
}

.gc_lesson .lesson-mission-text a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent
}

.gc_lesson .lesson-mission-wrapper div:has(> .testing-widget) {
    background: #FFF;
}


.gc_lesson .testing-content .btn-restart {
    padding: 10px 30px;
    color: rgba(27, 28, 30, 1);
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2;

    border: none;
    border-radius: 5px !important;
    background: rgba(216, 165, 102, 1) !important;
    
    transition: all .3s;
}

.gc_lesson .testing-content .btn:hover {
    color: #fff;
    background: rgba(27, 28, 30, 1) !important;
}

.gc_lesson .testing-content .question-number,
.gc_lesson .testing-content .question-title-big,
.gc_lesson .testing-content .stat-title,
.gc_lesson .testing-content .stat-str {
    font-family: "Tilda Sans", sans-serif;
    text-align: center;
}

.gc_lesson .testing-content .stat-title {
    margin-bottom: 0 !important;
}

.gc_lesson .testing-content .stat-str {
    margin-bottom: 20px;
}

.gc_lesson .testing-content .question-answer-block {
    padding-top: 0 !important;
}

.gc_lesson .testing-content .button-list .btn {
    border-radius: 5px;
    
    color: #4F4F4F;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    
    transition: all .3s;
}

.gc_lesson .testing-content .button-list .btn:hover {
    color: #fff;
}

.gc_lesson .testing-content .button-list .btn.btn-send-all-variants {
    color: #fff;
    border: none;
    background: rgba(216, 165, 102, 1)
}

.gc_lesson .testing-content .has-restart-button {
    margin-top: 20px;
}

.gc_lesson .answer-form {
    border-radius: 0 0 10px 10px;
    background: #fff;
}

.gc_lesson .lesson-mission-wrapper .user-profile-image,
.gc_lesson .lt-lesson-comment-block .user-profile-image {
    background-color: #fff;
    border-radius: 100px;
    border: 3px solid rgba(196, 196, 196, 1);
}

.gc_lesson .answer-textarea-container,
.gc_lesson .type-string {
    width: 100% !important;
}

.gc_lesson .addfield label,
.gc_lesson .addfield div {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.gc_lesson .uploadifive-queue-item.complete {
    background: #EDE3D6;
}

.gc_lesson .addfield input, 
.gc_lesson .addfield textarea,
.gc_lesson .emoji-container textarea {
    padding: 0 6px;
    min-height: 32px;
    color: #4F4F4F;
    border-radius: 5px !important;
    border: 1px solid #CDCDCD !important;
}

.gc_lesson .emoji-container textarea {
    padding: 6px;
    min-height: 50px !important;
}

.gc_lesson .uploadifive-button {
    color: rgba(43, 43, 42, 1) !important;
    font-family: "Tilda Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    
    border-radius: 5px;
    background: #EDE3D6;
    transition: all .3s;
}

.gc_lesson .uploadifive-button:hover {
    cursor: pointer;
    background: rgba(216, 165, 102, 1);
}

.gc_lesson .addfield-type-file_list .text-muted,
.gc_lesson .addfield-type-file .text-muted,
.gc_lesson .field-lessonanswer-answer_text .text-muted.small,
.gc_lesson label[for="user_hide_answer"] {
    color: #1B1C1E;
}

.gc_lesson div:has( > label[for="user_hide_answer"]) {
	margin-bottom: 20px;
}

.gc_lesson .addfield-type-checkbox input {
    position: relative;
    top: 2px;
    min-height: inherit !important;
}

.gc_lesson .btn-send-answer {
    padding: 14px 40px;
    color: #1B1C1E;

    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    border: none;
    border-radius: 5px !important;
    background: rgba(216, 165, 102, 1);
    
    transition: all .3s;
}

.gc_lesson .btn-send-answer:hover {
    color: #fff;
    background: rgba(27, 28, 30, 1);
}

.gc_lesson .btn-save-draft {
    display: none;
    padding: 14px 20px !important;
    
    font-family: var(--font-family);
    font-size: 13px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 1;
    color: #fff !important;
    
    border-radius: 3px !important;
    border: none !important;
    background: rgba(27, 28, 30, 1);
    
    transition: all .3s;
}

.gc_lesson .btn-save-draft:hover {
    text-decoration: none;
    color: rgba(27, 28, 30, 1);
    background: #fff;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

.gc_lesson .lesson-mission-wrapper .self-answers .user-answer {
    padding: 20px 30px 0;
}

.gc_lesson .lesson-mission-wrapper .self-answers .user-answer *:not(i, .fa) {
    font-family: "Tilda Sans", sans-serif !important;
}

.gc_lesson .lesson-mission-wrapper .self-answers .type-mission_answer .text,
.gc_lesson .lesson-mission-wrapper .self-answers .type-mission_answer .answer-date,
.gc_lesson .lesson-mission-wrapper .self-answers .type-mission_answer .answer-date a {
    color: #1B1C1E !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}

.gc_lesson .answer-content > div:not([class]),
.gc_lesson .answer-content .answer-text {
    margin-top: 10px;
    color: #1B1C1E !important;
    font-size: 16px;
    font-style: normal;
    line-height: 140%;
}

.gc_lesson .answer-content > div:not([class]) b {
    color: #D8A566;
    font-weight: 500;
}

.gc_lesson .lesson-mission-wrapper .self-answers .answer-status a {
    color: rgba(27,29,30,0.5);

    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.gc_lesson .lesson-mission-wrapper .self-answers .user-answer .addfield  {
    background: rgba(237,227,214,0.3);
    border-radius: 5px;
}

.gc_lesson .user-answer .addfield {
    background: #EDE3D6;
    border-radius: 10px;
}

.gc_lesson .lesson-mission-wrapper .self-answers .user-answer .addfield label,
.gc_lesson .lesson-mission-wrapper .self-answers .user-answer .addfield .value,
.gc_lesson .lesson-mission-wrapper .self-answers .user-answer .addfield .value a {
    color: #1B1C1E !important;
    font-family: "Tilda Sans", sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
}

.gc_lesson .lesson-mission-wrapper .self-answers .user-answer .addfield .value a {
    font-weight: 400;
    text-decoration: underline;
}

.gc_lesson .lesson-mission-wrapper .self-answers .user-answer .addfield .value {
    font-weight: 400;
}

.gc_lesson .b-like-and-subscribe-notifications {
    display: block;
    margin-top: 10px !important;
}

.gc_lesson .b-like-and-subscribe-notifications * {
    color: #D8A566 !important;
    border-color: #D8A566 !important;
}

.gc_lesson .lesson-mission-wrapper .btn-send,
.gc_lesson .textarea-block .btn-send {
    border-radius: 3px !important;
    color: #1B1C1E !important;
    background: #D8A566;
    border: none;
    transition: all .3s;
}

.gc_lesson .lesson-mission-wrapper .self-answers .type-mission_answer button .text {
    color: #1B1C1E !important;
}

.gc_lesson .lesson-mission-wrapper .self-answers .type-mission_answer button:hover .text {
    color: #fff !important;
}

.gc_lesson .lesson-mission-wrapper .btn-send .text,
.gc_lesson .textarea-block .btn-send .text {
    padding: 0 !important;
    color: #1B1C1E !important;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none;
    
    transition: all .3s;
}

.gc_lesson .lesson-mission-wrapper .btn-send span.fa,
.gc_lesson .textarea-block .btn-send span.fa {
    display: none;
}

.gc_lesson .lesson-mission-wrapper .btn-send:hover,
.gc_lesson .textarea-block .btn-send:hover {
    color: #ffff !important;
    background: #1B1C1E;
}

.gc_lesson .lesson-mission-wrapper .btn-send:hover .text,
.gc_lesson .textarea-block .btn-send:hover .text {
    color: #fff !important;
}

.gc_lesson .lesson-answer-comment {
    padding: 16px 16px 8px;
    background: rgba(228,228,228,.4);
    border-radius: 10px;
}

.gc_lesson .lesson-answer-comment * {
    background: none !important;
}

.gc_lesson .lesson-answer-comment .value {
    color: #1B1C1E !important;
    font-family: "Tilda Sans", sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
}

.gc_lesson .lesson-answer-comment .text-content {
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

@media (max-width: 700px) {
    .gc_lesson .user-answer  {
        position: relative;
    }
    
    .gc_lesson .user-answer .user-image {
        display: none;
    }
    
    .user-answer .answer-status .answer-status-label {
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0 5px 0 5px;
    }
    
    .gc_lesson .lesson-answers-title #answers {
        float: none !important;
    }
}

@media (max-width: 400px) {
    .gc_lesson .lesson-mission-wrapper .self-answers .user-answer {
        padding: 0 10px;
    }
}

/* Комментарии */
.gc_lesson .lt-lesson-comment-block .row {
    margin: 0;
}

.gc_lesson .lt-lesson-comment-block .container,
.gc_lesson .lt-lesson-comment-block .col-md-12{
    padding: 0;
}


.gc_lesson .lesson-answers-title {
    margin-bottom: 14px;
    padding: 15px 20px;
    background: #1B1C1E;
    border-radius: 5px;
}

.gc_lesson #answers {
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
}

.gc_lesson #answers a {
    color: #D8A566;
}

.gc_lesson #answers b {
    font-weight: 600;
}

.gc_lesson .lesson-answers-title h3 {
    margin: 0 !important;
    color: #fff;
    font-family: "Tilda Sans", sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
}

.gc_lesson .lesson-answers-title h3 a {
    color: #D8A566;
    border-bottom: 1px solid #D8A566;
    transition: all .3s;
}

.gc_lesson .lesson-answers-title h3 a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.gc_lesson .simple-answer {
    margin-bottom: 20px;
    padding: 26px;
    background: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 5px;
}

.gc_lesson .new-comment .user-image .user-profile-image {
    border-color: rgba(96,96,96,0.1);
}

.gc_lesson .simple-answer .btn-send {
    padding: 8px 16px;

    background: rgba(216, 165, 102, 1) !important;
    transition: all .3s;
}

.gc_lesson .simple-answer .btn-send:hover {
    color: #fff !important;
    background: rgba(27, 28, 30, 1) !important;
}

.gc_lesson .other-answers .user-answer {
    position: relative;
    margin-bottom: 36px;
    padding: 20px 26px 0;
    
    border-radius: 5px;
    border: none;
    background: rgba(255, 255, 255, 1);
    
    overflow: visible;
}

.gc_lesson .comments-container .more-comments {
    display: inline-block;
    margin-bottom: 10px;
    color: rgba(216, 165, 102, 1);
    border-bottom: 1px solid rgba(216, 165, 102, .5);
    
    transition: all .3s;
}

.gc_lesson .comments-container .more-comments:hover {
    text-decoration: none;
    border-bottom: 1px solid rgba(216, 165, 102, .1);
}

.gc_lesson .other-answers .user-answer .answer-status a {
    color: rgba(27,28,30,0.51);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
}

.gc_lesson .other-answers .user-answer .title .text,
.gc_lesson .other-answers .user-answer .title .answer-date,
.gc_lesson .other-answers .user-answer .title .answer-date a {
    color: #1B1C1E !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; 
}

.gc_lesson .user-answer.status-viewed .answer-status .answer-status-label {
    background: rgba(27, 28, 30, 1);
}

.gc_lesson .user-answer.status-accepted .answer-status .answer-status-label {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    
    background: rgba(216, 165, 102, 1);
}

.gc_lesson .user-answer.status-accepted .answer-status .answer-status-label span {
    display: none;
}

.gc_lesson .other-answers + .text-center button {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    border-radius: 3px;
    background: #D8A566;
    border: none;
}

.gc_lesson .lesson-mission-text pre {
    display: inline-block !important;
    padding: 5px 8px;
    margin-bottom: 10px;
    
    color: #2C2A28;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    
    border-radius: 5px;
    background: #EDE3D6 !important;
    border: none;
}

.lesson-list:not(.fast-edit) li:not(.user-state-not_reached) a .info::before {
    display: none;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .date {
    border: none;
}

.lesson-list:not(.fast-edit) li a .info .all-state .has-start-at .time {
    display: none;
}/* Включаем стили только когда есть этот класс */
body.gc_designed .platform_navigation {
  width: 100%;
  background: #111827;      /* тёмный фон */
  color: #fff;
  padding: 10px 20px;
  box-sizing: border-box;
}

body.gc_designed .inner_navifation {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

body.gc_designed .nav_profile {
  display: flex;
  align-items: center;
  gap: 15px;
}

body.gc_designed .nav_notify,
body.gc_designed .nav_favorite {
  position: relative;
}

body.gc_designed .nav_notfy-icon,
body.gc_designed .nav_favorite-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
}

body.gc_designed .nav_notify-count {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  display: none;
}

body.gc_designed .nav_avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

body.gc_designed .nav_info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

body.gc_designed .nav_user-name {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

body.gc_designed .nav_user-mail {
  font-size: 12px;
  opacity: 0.8;
}

/* Меню пользователя */
body.gc_designed .nav_user-menu {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  background: #1f2937;
  border-radius: 8px;
  padding: 8px 0;
  min-width: 160px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  display: none;
  z-index: 1000;
}

body.gc_designed .nav_user-navigation {
  position: relative;
}

body.gc_designed .nav_user-menu.active {
  display: block;
}

body.gc_designed .user-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.gc_designed .user-menu-element a {
  display: block;
  padding: 8px 16px;
  font-siz

/* ------------- 
content start - навигатор
------------- */

html, body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.module_move .stream-table {
    margin-bottom: 0 !important;
}

.module_move .stream-table b {
    display: none;
}

.short_preview .item-image {
    flex: 0 0 80px !important;
}

.short_preview .lesson-list:not(.fast-edit) li a .info tr {
    gap: 20px;
}

.xdget-trainingList .stream-table tr a {
    position: relative;
}

.xdget-trainingList .stream-table tr a:has(.tr_image) {
    padding-left: 120px;
    overflow: hidden;
}

.xdget-trainingList .stream-table tr a .tr_image {
    position: absolute;
    top: calc(50% - 40px);
    left: 20px;
    
    width: 80px;
    height: 80px;
    
    background-size: cover !important;
    background-position: center;
}

.main_content a {
    background: #fff !important;
}

.main_content .lesson-list:not(.fast-edit) li:not(.user-state-not_reached) a .info::before {
    display: none;
}

.main_content .lesson-list:not(.fast-edit) li a .info {
    padding: 25px 25px 25px 120px;
}

.main_content .lesson-list:not(.fast-edit) li a .item-image,
.main_content .lesson-list:not(.fast-edit) li a .ls_mobile_img {
    position: absolute;
    top: calc(50% - 40px);
    left: 20px;
    width: 80px !important;
    height: 80px !important;
}

.lesson-list:not(.fast-edit) li a .ls_info {
    align-content: center;
}

.main_content .ls_mobile_img {
    left: -10px !important;
    transform: translatex(-100%);
}

.main_content .lesson-list:not(.fast-edit) li a .title {
    margin-bottom: 8px;
}

.page_banner {
    margin-bottom: 24px;
}

.page_banner img {
    border-radius: 10px;
}

/* Навигация в модулях */
.page-header .clearfix {
    display: none;
}

.page-header .navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    
    width: 100%;
    
    margin: 0 0 10px!important;
    padding: 20px 30px;
    border-radius: 10px;
    background: #D8A566;
}

.page-header .navigation .module {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    
    width: 100%;
    
    color: #191919;
    font-family: "Tilda Sans";
    font-size: clamp(28px, 4vw, 36px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page-header .navigation .module_number {
    display: inline-block;
    padding: 10px 18px;
    
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(12px, 3.5vw, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 80%; /* 16px */

    border-radius: 5px;
    background: #fff;
}

.page-header .navigation .module_name {
    flex: 1 1 10%;
}

.page-header .navigation .course_navigation {
    position: relative;
    top: -3px;
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    
    flex: 0 0 fit-content;
}

.page-header .navigation .course_navigation span.mobile_span {
    display: none;
}

.page-header .navigation .course_navigation a {
    align-content: center;
    padding: 8px 16px;
    
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    border-radius: 5px;
    background: #FFF;
    
    transition: all .3s;
}

.page-header .navigation .course_navigation a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(77, 57, 41, 1);
}

.page-header .navigation .course_navigation .main_page a:hover svg {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(131deg) brightness(120%) contrast(115%);
}

.page-header .navigation .course_navigation a:has(svg) {
    padding: 8px;
}

.page-header .navigation .course_navigation a svg {
    position: relative;
    top: 7px;
}

@media (max-width: 1200px) {
    .page-header .navigation .module_name {
        font-size: 24px;
    }
}

@media (max-width: 992px) {
    .page-header .navigation .course_navigation span.desktop_span {
        display: none;
    }
    
    .page-header .navigation .course_navigation span.mobile_span {
        display: inline-block !important;
    }
}

@media (max-width: 700px) {
    .page-header .navigation {
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-header .navigation .module {
        flex-wrap: wrap;
        flex: 1 1 100%;
        text-align: center;
        justify-content: center;
    }
    
    .page-header .navigation .course_navigation {
        flex: 1 1 100%;
        justify-content: center;
    }
    
    .page-header .navigation .module_name {
        flex: 1 1 100%;
        width: 100%;
    }
}

/* Подзаголовки разделов */
.custom_header {
    padding: 9px 12px;
    margin-bottom: 16px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    background: #EDE3D6;
    border-radius: 5px;
}

.sidebar_hr {
    margin: 30px 0 40px;
    border-color: rgba(166,110,42, 0.2);
}

/* Сайдбар */
.sidebar {
    padding: 15px 18px;
    border-radius: 10px;
    background: #fff !important;
}

/* Общие настройки виджетов */
.widget_block {
    margin-bottom: 50px;
}

.widget_block:last-child {
    margin-bottom: 0;
}

.widget_block .xdget-header,
.xdget-lessonSchedule > h3,
.widget_prolongate h2.prolong__name,
.widget_tags h2 {
    margin-bottom: 20px;
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

/* Виджет - ранее вы изучали */
.widget_lessonLastWatched {
    position: relative;
    margin-bottom: 30px;
}

.widget_lessonLastWatched.course {
    padding: 16px 16px 1px;
    border-radius: 10px;
}

.widget_lessonLastWatched:has(.ls_course) > .widget__header {
    display: none;
}

.widget_lessonLastWatched .last_empty {
    padding: 8px 5px;
    border-radius: 3px;
    background: rgba(237,227,214,0.4);
}


.widget_lessonLastWatched .html-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_lessonLastWatched .ls_course .html-content ul {
    margin-bottom: 16px;
}

.widget_lessonLastWatched .html-content ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 14px;
    padding-right: 50px;
}

.widget_lessonLastWatched .html-content ul li a {
    display: block;
}

.widget_lessonLastWatched .html-content ul li {
    padding: 10px 14px;
    border-radius: 5px;
    background: #F7EDE0;

    transition: all .3s;
}

.widget_lessonLastWatched li:hover {
    transform: translatey(-5px);
}

.widget_lessonLastWatched .html-content ul li:last-child {
    margin-bottom: 0;
}

.widget_lessonLastWatched .html-content ul li a:hover {
    text-decoration: none;
}

.widget_lessonLastWatched .watched_title {
    display: block;
    margin-bottom: 5px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    transition: all .3s;
}

.widget_lessonLastWatched a:hover .watched_title {
    color: #A66E2A;
}

.widget_lessonLastWatched .watched_module {
    display: block;
    
    color: rgba(27,29,30,0.5);
    font-family: "Tilda Sans", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
}

.widget_lessonLastWatched .little_btn {
    display: inline-block;
    margin-top: 10px;
    color: #A66E2A;
    font-family: Manropeб, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid transparent;
    
    transition: all .3s;
}

.widget_lessonLastWatched a:hover .little_btn {
    border-bottom-color: #A66E2A;
}

/* Виджет - Актуальные события */
.xdget-lessonSchedule {
    margin-bottom: 50px;
}

.xdget-lessonSchedule * {
    font-family: Manrope, sans-serif;
}

.xdget-lessonSchedule .schedule-block {
    padding: 0;
    background: none;
}

.xdget-lessonSchedule .schedule-block .day {
    padding: 12px 16px;
    border-radius: 5px;
    background: rgba(216, 165, 102, 1);
}

.xdget-lessonSchedule .schedule-block .day-label {
    margin-bottom: 8px;
    
    color: #22282A;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.xdget-lessonSchedule .schedule-block .record {
    padding: 0 !important;
}

.xdget-lessonSchedule .schedule-block .time {
    position: relative;
    top: 3px;
    font-family: "Tilda Sans", sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

.xdget-lessonSchedule .schedule-block .event {
    font-family: "Tilda Sans", sans-serif;
    color: rgba(255,255,255,0.5);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.xdget-lessonSchedule .schedule-block .event a {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 15px;
    color: #fff !important;
    font-weight: 500;
    line-height: normal;
    
    transition: all .3s;
}

/* Виджет - Полезные ссылки */
.widget_block .links_container button {
    position: relative;
    display: block;
    margin: 0 0 16px 37px;
    padding: 5px 10px;
    width: calc(100% - 37px);
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    
    border: none;
    border-radius: 3px;
    
    transition: all .3s;
}

.widget_block .links_container button:last-child {
    margin-bottom: 0;
}

.widget_block.links .links_container button {
    background: rgba(201, 168, 133, .2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='7' viewBox='0 0 6 7' fill='none'%3E%3Cpath d='M6 3.5L1.70857e-07 7L4.76837e-07 -2.62268e-07L6 3.5Z' fill='%231B1C1E'/%3E%3C/svg%3E") no-repeat calc(100% - 12px) center;
}

.widget_block.links .links_container button:hover {
    background-color: rgba(201, 168, 133, .5);
}

.widget_block .links_container button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -7px;
    transform: translatex(-30px);
    
    width: 30px;
    height: 100%;
    
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}

.widget_block.links .links_container button::before {
    background-color: rgba(216, 165, 102, 1);
    
}

.calc::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.5 3.125H5.75983C4.93669 3.125 4.20981 3.66185 3.96774 4.44859L1.95791 10.9805C1.90295 11.1592 1.875 11.345 1.875 11.5319V15C1.875 16.0355 2.71447 16.875 3.75 16.875H16.25C17.2855 16.875 18.125 16.0355 18.125 15V11.5319C18.125 11.345 18.0971 11.1592 18.0421 10.9805L16.0323 4.44859C15.7902 3.66185 15.0633 3.125 14.2402 3.125H12.5M1.875 11.25H5.09119C5.80138 11.25 6.45063 11.6513 6.76824 12.2865L6.98176 12.7135C7.29937 13.3487 7.94862 13.75 8.65881 13.75H11.3412C12.0514 13.75 12.7006 13.3487 13.0182 12.7135L13.2318 12.2865C13.5494 11.6513 14.1986 11.25 14.9088 11.25H18.125M10 2.5V9.375M10 9.375L7.5 6.875M10 9.375L12.5 6.875' stroke='%23664E39' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.news::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 6.25H11.25M10 8.75H11.25M5 11.25H11.25M5 13.75H11.25M13.75 6.25H16.5625C17.0803 6.25 17.5 6.66973 17.5 7.1875V15C17.5 16.0355 16.6605 16.875 15.625 16.875M13.75 6.25V15C13.75 16.0355 14.5895 16.875 15.625 16.875M13.75 6.25V4.0625C13.75 3.54473 13.3303 3.125 12.8125 3.125H3.4375C2.91973 3.125 2.5 3.54473 2.5 4.0625V15C2.5 16.0355 3.33947 16.875 4.375 16.875H15.625M5 6.25H7.5V8.75H5V6.25Z' stroke='%23664E39' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.shop::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.25 14.0625H14.0625M14.0625 14.0625H16.875M14.0625 14.0625V11.25M14.0625 14.0625V16.875M5 8.75H6.875C7.91053 8.75 8.75 7.91053 8.75 6.875V5C8.75 3.96447 7.91053 3.125 6.875 3.125H5C3.96447 3.125 3.125 3.96447 3.125 5V6.875C3.125 7.91053 3.96447 8.75 5 8.75ZM5 16.875H6.875C7.91053 16.875 8.75 16.0355 8.75 15V13.125C8.75 12.0895 7.91053 11.25 6.875 11.25H5C3.96447 11.25 3.125 12.0895 3.125 13.125V15C3.125 16.0355 3.96447 16.875 5 16.875ZM13.125 8.75H15C16.0355 8.75 16.875 7.91053 16.875 6.875V5C16.875 3.96447 16.0355 3.125 15 3.125H13.125C12.0895 3.125 11.25 3.96447 11.25 5V6.875C11.25 7.91053 12.0895 8.75 13.125 8.75Z' stroke='%23664E39' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* Виджет - режим работы тех. поддержки */
.widget_block.support .html-content {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.widget_block.support .html-content strong {
    display: inline-block;
    margin: 0 0 8px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.widget_block.support .html-content strong em {
    font-size: 20px;
    font-style: normal;
}

.widget_block.support button {
    margin-top: 30px;
    padding: 8px 30px;
    
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    border-radius: 5px;
    background: #1B1C1E;
    border: none;
    
    transition: all .3s;
}

.widget_block.support button:hover {
    color: rgba(34, 40, 42, 1);
    background: rgba(216, 165, 102, 1);
}

.support.course {
    padding: 16px 16px 20px;
    border-radius: 10px;
}

.support.course .xdget-header {
    margin-bottom: 5px;
}

@media (max-width: 350px) {
    .widget_block.support .html-content {
        font-size: 14px;
    }
    .widget_block.support button {
        font-size: 13px;
    }
}

/* Виджет - Наши социальные сети */
.widget_block.social .social_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 14px;
}

.widget_block.social .social_btns .xdget-image {

    align-content: center;
    
    width: 60px;
    height: 60px;
    text-align: center;
    
    background: rgba(166,110,42,0.2);
    border-radius: 50px;
    
    transition: all .3s;
}

.widget_block.social .social_btns .xdget-image:hover {
    cursor: pointer;
    background: rgba(216,165,102,0.7);
}

/* Виджет - Срок окончания подписки */
.widget_prolongate {
    position: relative;

    margin-bottom: 30px;
}

.widget_prolongate .new_date {
    margin-bottom: 10px;
}

.widget_prolongate .new_date > span {
    display: inline-block;
    font-style: normal;
    line-height: normal;
}

.widget_prolongate .final_count {
    display: block;
    width: 100%;
    margin-top: -5px;
    color: rgba(216, 165, 102, 1);
    font-family: "Tilda Sans", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.widget_prolongate .final_count em {
    color: rgba(27,29,30,0.5);
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
}

.widget_prolongate .final_date {
    color: rgba(27,29,30,0.5);
    font-family: "Tilda Sans", sans-serif; 
    font-size: 14px;
    font-style: italic !important;
    font-weight: 300;
    line-height: normal;
}


.widget_prolongate .xdget-productTiming {
    padding: 0;
    margin-top: 10px;
    background: none;
}

.widget_prolongate .prolong__product {
    color: rgba(27,29,30,0.5);
}

.widget_prolongate .xdget-productTiming .prolong-link {
    color: rgba(216, 165, 102, 1);
    font-family: "Tilda Sans", sans-serif; 
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
}

.widget_prolongate .new-btn .html-content a {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 30px 12px;
    
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    border-radius: 5px;
    background: #1B1C1E;
    
    transition: all .3s;
}

.widget_prolongate .new-btn .html-content a:hover {
    text-decoration: none;
    color: #000;
    background: rgba(216, 165, 102, 1);
}

.widget_prolongate .xdget-productTiming .prolong-offers label {
    margin: 0;
    font-weight: 600 !important;
}

.widget_prolongate .xdget-productTiming .prolong-offers label:has(input[type="radio"]) {
    padding-left: 18px;
}

.widget_prolongate .xdget-productTiming .prolong-offers label input[type="radio"] {
    margin-right: 4px;
}

.widget_prolongate .xdget-productTiming .prolong-offers label span {
    display: block;
    margin: 10px 0;
    text-indent: 0;
    
    color: #1B1C1E;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 120%; /* 19.2px */
    font-weight: 400;
}

.widget_prolongate .xdget-productTiming .prolong-offers div[style="padding-left: 15px; padding-bottom: 15px;"] {
    padding: 10px 20px !important;
    margin-bottom: 30px;
    border-radius: 5px;
    background: rgba(204,204,204,.2);
}

.widget_prolongate .prolong__description {
    display: block;
    margin-bottom: 30px;
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 13px;
}

.widget_prolongate .prolong__description strong {
    color: #1B1C1E !important;
    font-size: 18px !important;
}

.widget_prolongate .xdget-productTiming .btn-prolongate {
    color: #FFF;
    font-family: Manrope, sans-serif; 
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    
    border: none;
    border-radius: 5px;
    background: #EDE3D6;
    
    transition: all .3s;
}

.widget_prolongate .xdget-productTiming .btn-prolongate:hover {
    background: #D8A566;
}

.widget_prolongate .prr {
    display: none;
}

.xdget-userScaleRating {
    
}

/* Виджет - рейтинг пользователей */

.bgc_userRating {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.bgc_userRating h3 {
    position: relative;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.ch_rateUserInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;

    margin-bottom: 10px;
    padding: 23px 0 25px;

}

.ch_rateUserInfo > div:nth-child(2) {
    flex: 1 1 90px;
    padding-right: 30px;
}

.ch_rateUserInfo > div:nth-child(3) {
    flex: 1 1 calc(60% - 90px);
}

.ch_rateUserPhoto {
    position: relative;
    flex: 1 1 60px;
}

.ch_rateUserPhoto img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    border: 2px solid #EDE3D6;
}


.ratingBtn {
    display: block;
    margin: 0px auto 20px!important;
    padding: 6px 10px;
    max-width: calc(100% - 40px);
    width: 100%;
    
    color: #fff;
    text-align: center;
    
    background: #FF1420;
    border-radius: 5px;
    
    transition: all .3s;
}

.ratingBtn:hover {
    color: #000;
    background: #FFCA0F;
    text-decoration: none;
}

.ch_ratingBadgesAll {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: -7px;
    
    padding: 10px;
    min-width: 300px;
    min-height: 100px;
    
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 1000;
}

.ch_ratingBadgesAll div {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 15px 5px 10px !important;
    color: #fff;
    border: none !important;
    border-radius: 5px !important;
    background: #DD141F;
}

.ch_ratingBadgesAll div img {
    max-width: 30px;
    height: auto;
    background: #fff;
}

.ch_ratingBadgesAll div span {
    color: #fff !important;
}

.ch_rateUSText {
    display: block;

    font-family: "Tilda Sans", sans-serif;
    color: #1B1C1E;
    font-size: 14px;
    font-weight: 400;
    
    line-height: 1;
}

.ch_rateUSCount {
    display: inline-block;
    margin-top: 10px;
   
    font-family: "Tilda Sans", sans-serif !important;
    font-size: 40px;
    font-weight: 700;
    
    line-height: 1;
}

.ch_rateUserScore .ch_rateUSCount {
    color: rgba(216, 165, 102, 1);
}

.ch_rateUserRating .ch_userPos {
    color: rgba(216, 165, 102, 1);
    font-size: 40px;
    font-weight: 700;
}

.ch_rateUserRating .ch_rateUSCount {
    color: #1B1C1E;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
}

.ch_rateUSCount .noRating {
    display: inline-block;
    margin-top: 19px;
    font-style: italic;
    font-size: 16px;
    opacity: .5;
}

.ch_rateUserRating {
    opacity: 0;
}

.ch_rateLiderBoard {
    margin-bottom: 10px;
}

.ch_rateLiderBoard {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    
    position: relative;
}

.ch_rateLBText {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 3px;
    background: #EDE3D6;
}

.ch_rateLiderBoard .ch_rateBoard {
    width: 100%;
    padding: 20px 10px 20px;
}

.ch_rateLBText .ch_rateLBText-header {
    position: relative;
    display: inline-block;
    padding: 10px 50px 10px 10px;
    
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    
    z-index: 10;
}

.ch_rateLBText .ch_rateLBText-link {
    position: relative;
    
    z-index: 5;
}

.ch_rateLBText .ch_rateLBText-link a {
    padding: 9px 20px;
    
    color: rgba(27, 28, 30, 1);
    text-align: center;
    font-family: "Tilda Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    border-radius: 3px;
    background: #D8A566;
    
    transition: all .3s;
}

.ch_rateLBText .ch_rateLBText-link a:hover {
    background: rgba(216,165,102,0.6);
    text-decoration: none;
}


.ch_rateUsers .ch_rateUsersImage {
    position: relative;
    
}

.ch_rateUsers .ch_rateUsersImage::after {
    position: absolute;
    bottom: 0px;
    right: 10px;
    
    width: 16px;
    height: 16px;
    
    color: #fff;
    
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    
    border-radius: 20px;
    background: #DD141F;
    
    z-index: 100;
}

.ch_rateUsers[data-rankposition="1"] .ch_rateUsersImage::after {
    content: "1";
    background: rgba(216, 165, 102, 1);
}

.ch_rateUsers[data-rankposition="2"] .ch_rateUsersImage::after {
    content: "2";
    background: rgba(154, 122, 95, 1);
}

.ch_rateUsers[data-rankposition="3"] .ch_rateUsersImage::after {
    content: "3";
    background: rgba(85, 85, 85, 1);
}

.ch_rateUsers[data-rankposition="4"] .ch_rateUsersImage::after {
    content: "4";
    background: rgba(43, 43, 42, 1);
}

.ch_rateUsers[data-rankposition="5"] .ch_rateUsersImage::after {
    content: "5";
    background: rgba(43, 43, 42, 1);
}

.ch_rateLiderBoard > div .ch_rateUsers:first-child {
    margin-top: 5px !important;
}

.ch_rateUsers {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    
    margin-top: 15px;
}

.ch_rateUsers img {
    position: relative;
    top: 0px;
    margin: 0 15px 0 0;
    
    height: 32px;
    width: 32px;
    
    background: rgb(235,226,214);
    border-radius: 100px;
}

.ch_rateUsersName {
    flex: 1 1 10%;
    align-content: center;
    
    color: rgba(27,29,30,0.5);
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ch_rateUsersScore {
    align-content: center;
    font-family: "Tilda Sans", sans-serif;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: rgba(154, 122, 95, 1);
}


@media (max-width:1200px) and (min-width:992px), (max-width: 520px) {
    .ch_rateUserInfo > div:nth-child(2) {
        padding-right: 0 !important;
        flex: 0 1 65px;
    }
    
    .ch_rateLBText .ch_rateLBText-header {
        padding: 7px 20px 7px 20px;
    }
    
    .ch_rateUserPhoto {
        flex: 1 1 100%;
        margin-bottom: 20px;
    }
    
    .ch_ratingBadgesHeader {
        font-size: 14px;
        bottom: 20px;
        left: 80px;
    }
    
    .ch_ratingBadgesAll {
        left: 0;
        min-width: 0;
        width: 100%;
    }
    
    .ch_rateUsers {
        margin-bottom: 20px;
    }
    
    .ch_rateUsers .ch_rateUsersImage::after {
        right: 0;
        left: inherit;
    }
    
    .ch_rateUsers img {
        margin-left: 0;
    }
    
    .ch_rateUsersImage {
        flex: 1 1 100%;
    }
    
    .ch_rateBtn a span {
        position: static;
    }
}

@media (max-width:992px) {
    .ch_ratingWidget > div {
        flex: 1 1 100% !important;
        max-width: 100%;
    }
    
    .ch_rateLiderBoard {
        margin: 10px 0;
    }
    
    .ch_rateBtn a {
        margin-top: 0;
    }
}

.ch_rateUSCount {
    margin-top: 5px;
}

.ch_ratingBadgesHeader {
    display: none;
}

@media (max-width: 1200px) and (min-width: 992px), (max-width: 700px) {
    .ch_rateUserPhoto {
        flex: 0 1 80px;
    }
}

/* Виджет - Участники раздела */
.studentsPRO__blockHeader {
    position: relative;
    display: inline-block;
    padding: 10px;
    
    font-family: "Tilda Sans", sans-serif;
    color: #1B1C1E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    width: 100%;
    border-radius: 3px;
    background: #EDE3D6;
    
    z-index: 10;
}

.studentsPRO__students .xdget-student-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 14px 11px;
    padding: 20px 10px;
}


.studentsPRO__students .user-tr {
    position: relative;
    margin: 0;
    max-height: inherit !important;
    overflow: visible;
    transition: all .3s;
}

.chatium_body .studentsPRO__students .user-tr {
    margin: 5px;
}

.studentsPRO__students .user-tr:not(:has(img)) {
    display: none !important;
}

.studentsPRO__students .user-tr:hover {
    transform: translatey(-5px);
}

.studentsPRO__students .user-tr a {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 3px;
    z-index: 10;
    overflow: hidden;
}

.studentsPRO__students .user-tr a img {
    height: 100%;
    width: 100%;
}

.studentsPRO__students .user-tr a span {
    align-content: center;
    width: 60px !important;
    height: 60px !important;
    border-radius: 5px !important;
}

.load-more-btn {
    display: block;
    margin: 10px 10px 20px;
    padding: 10px 24px;
    
    font-size: 14px;
    color: white;
    font-family: "Tilda Sans", sans-serif;
    background-color: #1B1C1E;
    
    border: none;
    border-radius: 5px;
    cursor: pointer;
    
    transition: background-color 0.3s;
}

.load-more-btn:hover {
    color: rgba(27, 28, 30, 1);
    background-color: rgba(216, 165, 102, 1);
}

.load-more-btn:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
}


/* Виджет - Шапка тренинга */
.course_top_header {
    padding: 28px;
    border-radius: 10px 10px 0 0;
    background: #D8A566 url(https://fs.getcourse.ru/fileservice/file/download/a/66109/sc/162/h/6b7f6467bfda919bfd061827a5318e83.png) no-repeat left top;
}

.course_top_title .html-content {
    margin-bottom: 5px;
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(24px, 4vw, 40px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.course_top_description .html-content {
    margin-bottom: 20px;
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(16px, 4vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.course_header  {
    margin-bottom: 32px;
    background: #EDE3D6;
    border-radius: 10px;
}

/* Виджет - Поиск */
.widget_search {
    position: relative;
    border-radius: 10px;
    background: rgba(27, 28, 30, 1);
    z-index: 50;
}

.search_body::before,
.search_body::after {
    display: none;
}

.search_body {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    
    padding: 8px 20px;
    margin: 0 !important;
}

.search_info {
    flex: 0 1 30%;
    padding: 0;
}

.search_info .html-content p {
    margin: 0;
}

.search_info .html-content strong {
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}


.search_info .html-content em {
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.1;
}

.search_field  {
    flex: 1 1 10%;
    padding: 4px 0 0;
}

.search-container {
    position: relative;
}


#lesson-search-input {
    position: relative;
    top: -4px;
    width: calc(100% - 80px);
    padding: 10px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
}

#lesson-search-button {
    padding: 10px 15px;
    margin-left: 10px;
    background: #D8A566;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 1;
    transition: all .3s;
}

#lesson-search-button:hover {
    background: rgba(255, 255, 255, .3);
}

.course_top_search .clear-search {
    display: none;
    position: absolute;
    right: 78px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 20px;
    color: #666;
}

.course_top_search .search-status {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #666;
}

.course_top_search .search-status:has(.search-loader) {
    display: none;
}

.course_top_search .search-loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

#lesson-search-results-container {
    //display: block !important;
    position: absolute;
    left: 0;
    width: 100%;
    
    z-index: 100;
    
    
    padding: 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2);
}

.course_top_search .lesson-item {
    padding: 15px;
    margin: 10px 0;
    border: 1px solid rgba(221,221,221,0.53);
    border-radius: 4px;
    background: #fff;
}

.course_top_search .lesson-link {
    display: inline-block;
    margin-bottom: 5px;
    color: rgba(216, 165, 102, 1);
    text-decoration: none;
    
    transition: all .3s;
}

.course_top_search .lesson-link:hover {
    color: #191919;
    text-decoration: underline;
}

.course_top_search .lesson-item h3, 
.course_top_search .lesson-item h4 {
    margin: 0 0 5px;
    
    color: #191919;
    font-family: "Tilda Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.course_top_search .lesson-item h4 {
    color: #555;
    font-size: 16px;
    opacity: .5;
}

.course_top_search .lesson-item p {
    margin: 0 0 0px;
    color: #666;
}


.course_top_search .highlight {
    background: #FFCA0F;
    padding: 0 2px;
}

.course_top_search .no-results {
    padding: 15px;
    color: #666;
    text-align: left;
}

@media (max-width: 520px) {
    .course_top_search .search_info {
        flex:  1 1 100%;
        padding: 10px 0;
    }
    
    .course_top_search .lesson-item h4 {
        font-size: 12px;
    }
    
    .course_top_search .lesson-item h3 {
        font-size: 16px;
        line-height: 1.4;
    }
    
    .course_top_search .lesson-item p {
        font-size: 13px;
    }
}

/* Виджет - Прогресс тренинга */
.progress_bar {
    padding: 20px 20px 24px;
    border-radius: 10px;
}

.progress_bar .progress_header-name {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.progress_bar .progress_statistic {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.progress_bar .progress_done span {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    background: rgba(216, 165, 102, 1);
}

.progress_bar .progress_left span {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(27, 28, 30, 1);
    border-radius: 3px;
    background: #fff;
}

.progress_bar .progress_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    
    margin-bottom: 24px;
}

.progress_bar .progress_statistic {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 40px;
}

.progress_bar .progress_line {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background: #FFF;
    overflow: hidden;
}

.progress_bar .progress_progress {
    position: relative;
    height: 100%;
    min-width: 40px;
    border-radius: 0 5px 5px 0;
    background: linear-gradient(90deg, #D8A566 0%, #C89352 100%);
}

.progress_bar .progress_progress span {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translatey(-50%);
    
    color: #FFF;
    font-family: "Tilda Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.progress_bar.short_progress .progress_header {
    margin-bottom: 0;
}

.progress_bar.short_progress .progress_body {
    flex: 1 1 100%;
    margin: 8px 0 14px;
}

.bgc_userRating .widget_progress {
    display: none;
}


@media (max-width: 400px) {
    .widget_progress.circle {
        display: block;
    }
    
    .widget_progress.circle .progress_header-name {
        margin-bottom: 20px;
    }
    
    .progress_circle {
        margin-top: 20px;
    }
}


/* Виджет - теги для уроков */
.widget_tags {
    margin-bottom: 30px;
}

.widget_tags .wg_allTags .tags_label {
    display: none;
}

.widget_tags .wg_allTags .navigation {
    margin-bottom: 0 !important;
}

.widget_tags .navigation {
    margin: 0 0 20px !important;
}

.widget_tags .tags_label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #4b6984;
}

.widget_tags .navigation > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 5px;
}

.widget_tags .nav-tag {
    display: inline-block;
    padding: 2px 2px 2px 10px;

    font-family: "Tilda Sans", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: #1B1C1E;
    
    
    background: #EDE3D6;
    border-radius: 5px;
    border: 1px solid transparent;
    
    overflow: hidden;
    
    transition: all .3s;
}

.widget_tags .nav-tag:first-letter {
    text-transform: capitalize;
}

.widget_tags .nav-tag.active,
.widget_tags .nav-tag:hover {
    color: rgba(27, 28, 30, 1) !important;

    background: rgba(216, 165, 102, 1);
    border-color: transparent;
    cursor: pointer;
}

.widget_tags .nav-tag:hover {
    transform: scale(1.05);
}

.widget_tags .tag_count {
    display: inline-block;
    margin-left: 3px;
    padding: 4px 10px;
    color: #1B1C1E;
    background: transparent;
    border-radius: 5px;
    
    transition: all .3s;
}

.widget_tags .nav-tag.active .tag_count,
.widget_tags .nav-tag:hover .tag_count {
    color: rgba(27, 28, 30, 1) !important;

}

.lesson-list li .description .lss-tag {
    display: inline-block;
    display: none;
    margin: 0 5px 5px 0;
    padding: 4px 14px;
    font-size: 12px !important;
    border-radius: 5px;
    background: #F4F4F4;
}

.lesson-header-block .favIcon {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 700px) {
    .lesson-header-block .favIcon {
        top: -24px;
        right: -14px;
    }
}



body {
    padding-top: 0 !important;
}

.platform_navigation {
  width: 100%;
  padding: 25px 0;
  background: #1B1C1E;
}

.inner_navifation {
  display: flex;
  font-weight: wrap;
  justify-content: space-between;
  
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 15px;
}

.nav_profile {
  flex: 0 1 410px;
  display: flex;
  gap: 10px;
align-items: center;
}

.nav_notify {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}

.nav_notfy-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M7 2.38657C8.14443 2.38657 9.24195 2.79067 10.0512 3.50998C10.8604 4.22928 11.315 5.20487 11.315 6.22212C11.315 7.79557 11.6707 8.9738 12.1319 9.84024C12.7211 10.9473 13.0157 11.5008 12.9994 11.6272C12.9803 11.7748 12.9559 11.8154 12.8346 11.9015C12.7306 11.9754 12.2135 11.9754 11.1793 11.9754H2.82066C1.78644 11.9754 1.26934 11.9754 1.16538 11.9015C1.04413 11.8154 1.01976 11.7748 1.00065 11.6272C0.984259 11.5008 1.27888 10.9473 1.86814 9.84024C2.32934 8.9738 2.685 7.79557 2.685 6.22212C2.685 5.20487 3.13962 4.22928 3.94883 3.50998C4.75805 2.79067 5.85557 2.38657 7 2.38657ZM7 2.38657V0.78843M4.88565 14.3727C5.44996 14.8707 6.19126 15.173 7.0032 15.173C7.81505 15.173 8.55635 14.8707 9.12074 14.3727' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  border-radius: 5px;
    
  transition: all .3s;
}

.nav_notfy-icon:hover {
  background-color: #EDE3D6;
  cursor: pointer;
}

.nav_notify-count {
	display: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translatex(-50%);
  
  padding: 1px 6px;

  height: 20px;
  
  color: #1B1C1E;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  text-align: center;
  
  background: #D8A566;
  border-radius: 20px;
}

.nav_user_info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.nav_avatar {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #fff;
  
  overflow: hidden;
}

.nav_avatar img {
	width: 100%;
	object-fit: cover;
}

.nav_info {
  flex: 1 1 10%;
  
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap:3px;
}

.nav_user-navigation {
  flex: 1 1 100%;
  position: relative;
}

.nav_user-name {
  flex: 1 1 100%;
  display: block;
  margin-bottom: 5px;
  color: #fff;
  font-family: "Tilda Sans", sans-serif;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.nav_user-menu-icon {
  position: relative;
  top: 2px;
  cursor: pointer;
}

.nav_user-menu {
  display: none !important;
  position: absolute;
  top: 25px;
  right: 0;
  display: inline-block;
  padding: 10px;
  text-align: right;
  background: #F7F7F7;
  border-radius: 10px;
  z-index: 1000;
}

.nav_user-menu.active {
  display: block !important;
}

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

.user-menu li {
  margin-bottom: 5px;
}

.user-menu li a {
  color: rgba(51, 53, 55, .5);
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  
  transition: all .3s;
}

.user-menu li a:hover {
  color: rgba(51, 53, 55, 1);
}

.nav_user-mail {
  display: block;
  flex: 1 1 100%;
  
  color: rgba(255,255,255,0.5);;
  font-family: "Tilda Sans", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.nav_btns {
  display: flex;
  gap: 10px;
  align-items: center;
}

.nav_btns.active {
    position: absolute;
    top: 90px;
    right: 15px;
    
    display: block;
    padding: 12px;
    
    
    background: #f9f6f6;
    border-radius: 10px;
    
    z-index: 100;
}

.nav_mobile_btns {
  position: relative;
  display: none;
  width: 50px;
  height: 50px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='20' viewBox='0 0 27 20' fill='none'%3E%3Cpath d='M1 1H26M1 10H26M1 19H26' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  border: 1px solid #EDEDED;
  border-radius: 5px;
    
  transition: all .3s;
}

.nav_btn {
  display: inline-block;
  padding: 16px 32px;
  
  color: #1B1C1E !important;
  font-family: "Tilda Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  
  transition: all .3s;
}

.nav_btn:hover {
	text-decoration: none;
  background: #EDE3D6;
}

.special_btn {
  color: #fff !important;
  background: #D8A566 !important;
  border: 1px solid #D8A566;
}

.special_btn:hover {
    color: #1B1C1E !important;
  background: #e9d0af !important;
  border: 1px solid #EDE3D6;
}

.nav_btns.active .nav_btn {
    display: block;
    margin: 0px 0 10px;
    text-align: center;
    background: #fff;
}

.nav_btns.active .nav_btn:last-child {
    margin: 0;
}

@media (max-width: 1200px) {
    .nav_btn {
        padding: 16px 14px;
    }
}

@media (max-width: 992px) {
    .nav_user-name {
        font-size: 0;
    }
    
    .nav_user-mail {
        display: none;
    }
    
    .nav_user-menu {
        min-width: 145px;
        border: 1px solid #ccc;
    }
    
    .user-menu li a {
        color: rgba(51, 53, 55, 1);
    }
}

@media (max-width: 700px) {
    .nav_mobile_btns {
        display: block;
    }
    
    .nav_btns {
        display: none;
    }
}
@media (max-width: 400px) {
    .nav_mobile_btns {
        flex: 0 1 70px;
    }
}


.nav_favorite {
    position: relative;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}

.nav_favorite-icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M1 7.26716V10.7071C1 12.8403 1 13.9069 1.50572 14.3729C1.74691 14.5952 2.05135 14.7349 2.37566 14.7719C3.05566 14.8498 3.84976 14.1474 5.43793 12.7427C6.13994 12.1218 6.49099 11.8113 6.89709 11.7295C7.09708 11.6892 7.30292 11.6892 7.5029 11.7295C7.909 11.8113 8.26006 12.1218 8.96204 12.7427C10.5503 14.1474 11.3444 14.8498 12.0244 14.7719C12.3487 14.7349 12.6531 14.5952 12.8943 14.3729C13.4 13.9069 13.4 12.8403 13.4 10.7071V7.26716C13.4 4.3128 13.4 2.83561 12.492 1.91781C11.5841 1 10.1227 1 7.2 1C4.27729 1 2.81594 1 1.90797 1.91781C1.35188 2.47992 1.13637 3.25185 1.05285 4.44444' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M9.26614 3.75488H5.13281' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center !important;
  border: 1px solid #fff;
  border-radius: 5px !important;
    
  transition: all .3s;
}

.nav_favorite-icon:hover {
  background-color: #EDE3D6;
  cursor: pointer;
}

.nav_favorite-count {
    display: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translatex(-50%);
  
  padding: 1px 4px;

  height: 20px;
  
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  
  background: #F23A4A;
  border-radius: 20px;
}

.user_favorite {
    position: absolute;
    top: 55px;
    left: 0;
    
    padding: 24px 20px;
    width: 360px;
    
    border-radius: 5px;
    border: 1px solid #EDEDED;
    background: #fff !important;
    
    z-index: 100;
}

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

.user_favorite ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EDE3D6;
}

.user_favorite ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.user_favorite a:hover {
    text-decoration: none;
}

.user_favorite .favTitle {
    display: block;
    position: relative;
    
    color: #262427;
    font-family: "Tilda Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    transition: all .3s;
}

.user_favorite a:hover .favTitle {
    color: #D8A566;
}

.user_favorite .favModule {
    color: rgba(51,53,55,0.55);
    font-family: "Tilda Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


@media (max-width: 992px) {
    .nav_profile {
        flex:  0 0 360px;
    }
    
    .nav_user-name {
        font-size: 16px !important;
    }
    
    .nav_btn {
        padding: 15px 10px !important;
        font-size: 12px !important;
    }
    
    .nav_btns {
        flex: 1 1 100%;
        justify-content: end;
    }
    
    .lesson .lesson-description-value {
        padding-right: 50px;
    }
}

@media (max-width: 520px) {
    .nav_profile {
        flex:  1 1 360px;
    }
    
    .user_favorite {
        top: 70px;
        left: -50px;
    }
    
    .nav_user-name {
        font-size: 0px !important;
    }
}

@media (max-width: 400px) {
    .user_favorite {
        width: 320px;
    }
}


@media (max-width: 350px) {
    .user_favorite {
        width: 270px;
    }
}

/* Оглавление */
.book_allCats .f-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
    
    padding: 30px 40px;
    
    border-radius: 10px;

    background: rgba(255,255,255, .1);
}

.book_allCats .f-text > div {
    flex: 1 1 45%;
    max-width: calc(100% / 2 - 5px)
}

.book_allCats .f-text p {
    padding: 0;
    margin-bottom: 12px
}

.book_allCats .f-text p br {
    display: none;
}

.book_allCats .f-text p:last-child {
    margin: 0;
}

.book_allCats .f-text p a {
    display: block;
    padding: 4px 34px 4px 14px;
    
    color: #000 !important;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(13px, 4vw, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.808px */
    
    border-radius: 5px;
    background: #f3e2ce url(https://fs.getcourse.ru/fileservice/file/download/a/66109/sc/82/h/0c12ff6302a860005bfb0624d79e90e4.png) no-repeat calc(100% - 8px) center;
    border: none;
    
    transition: all .3s;
}

.book_allCats .f-text p a:hover {
    background: #D8A566 url(https://fs.getcourse.ru/fileservice/file/download/a/66109/sc/82/h/0c12ff6302a860005bfb0624d79e90e4.png) no-repeat calc(100% - 8px) center;
    border: none;
}

@media (max-width: 700px) {
    .book_allCats .f-text {
        padding: 20px;
    }
    .book_allCats .f-text > div {
        flex: 1 1 100%;
        max-width: 100%;
    }
}



/* Книга */
.book_block {
    margin: 0 15px;
}

.book_block .lt-block-wrapper {
    margin-bottom: 36px;
    padding: 20px 20px 25px !important;
    border-radius: 10px;
    background: rgba(255, 255, 255, .1);
}

.book_block .lt-block-wrapper div[data-path="column2"]  {
    padding: 0;
}

.book_block .lt-block-wrapper div[data-path="column2"] .image-box {
    position: relative;
    margin-bottom: 0px;
}

.book_block .lt-block-wrapper div[data-path="column2"] .image-box img {
    border-radius: 5px;
    border: 1px solid #D7D7D7;
}


.book_block .lt-block-wrapper div[data-path="column2"] .part-button button {
    width: 100%;
    
    font-size: 18px;
    color: #fff !important;
    font-weight: 400 !important;
    border-radius: 5px !important;
    background: #D8A566 !important;
}

.book_block .lt-block-wrapper div[data-path="column2"] .part-button button:hover {
    color: #fff !important;
    background: #1B1C1E !important;
}

.book_block .lt-block-wrapper div[data-path="column1"] {
    padding: 0 30px;
}

.book_block .lt-block-wrapper div[data-path="column1"] .f-subheader p,
.book_block .lt-block-wrapper div[data-path="column1"] .f-header p {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(18px, 4vw, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.book_block .lt-block-wrapper div[data-path="column1"] .part-text {
    margin-bottom: 0 !important;
}

.book_block .lt-block-wrapper div[data-path="column1"] .f-text {
    padding: 0 !important;
}

.book_block .lt-block-wrapper div[data-path="column1"] .f-text p,
.book_block .lt-block-wrapper div[data-path="column1"] .f-text li {
    color: #1B1C1E;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(14px, 4vw, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 700px) {
    .book_block .lt-block-wrapper div[data-path="column1"] {
        padding: 0;
    }
}

/* Кнопка "к содержанию" */
.gc_lesson  .part-button.book_backBtn button {
    padding: 6px 30px 6px 50px !important;
    min-height: 0;
    
    color: #000 !important;
    font-family: "Tilda Sans", sans-serif !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M3.22222 29H25.7778C26.6324 29 27.4519 28.6605 28.0562 28.0562C28.6605 27.4519 29 26.6324 29 25.7778V3.22222C29 2.36764 28.6605 1.54805 28.0562 0.943767C27.4519 0.339483 26.6324 0 25.7778 0H3.22222C2.36764 0 1.54805 0.339483 0.943767 0.943767C0.339483 1.54805 0 2.36764 0 3.22222V25.7778C0 26.6324 0.339483 27.4519 0.943767 28.0562C1.54805 28.6605 2.36764 29 3.22222 29ZM14.5 6.44444L22.5556 14.5H16.1111V22.5556H12.8889V14.5H6.44444L14.5 6.44444Z' fill='%23D8A566'/%3E%3C/svg%3E") no-repeat center left !important;
    
    border-radius: 3px !important;
    
    transition: all .3s;
}

.gc_lesson  .part-button.book_backBtn button:hover {
    background: #D8A566 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M3.22222 29H25.7778C26.6324 29 27.4519 28.6605 28.0562 28.0562C28.6605 27.4519 29 26.6324 29 25.7778V3.22222C29 2.36764 28.6605 1.54805 28.0562 0.943767C27.4519 0.339483 26.6324 0 25.7778 0H3.22222C2.36764 0 1.54805 0.339483 0.943767 0.943767C0.339483 1.54805 0 2.36764 0 3.22222V25.7778C0 26.6324 0.339483 27.4519 0.943767 28.0562C1.54805 28.6605 2.36764 29 3.22222 29ZM14.5 6.44444L22.5556 14.5H16.1111V22.5556H12.8889V14.5H6.44444L14.5 6.44444Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center left !important;
}/* Навигация в модулях */
.page-header .clearfix {
    display: none;
}

.page-header .navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
    
    width: 100%;
    
    margin: 0 0 10px!important;
    padding: 20px 30px;
    border-radius: 10px;
    background: #D8A566;
}

.page-header .navigation .module {
    display: flex;
    align-items: center;
    gap: 10px 20px;
    
    width: 100%;
    
    color: #191919;
    font-family: "Tilda Sans";
    font-size: clamp(28px, 4vw, 36px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page-header .navigation .module_number {
    display: inline-block;
    padding: 10px 18px;
    
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: clamp(12px, 3.5vw, 20px);
    font-style: normal;
    font-weight: 500;
    line-height: 80%; /* 16px */

    border-radius: 5px;
    background: #fff;
}

.page-header .navigation .module_name {
    flex: 1 1 10%;
}

.page-header .navigation .course_navigation {
    position: relative;
    top: -3px;
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    
    flex: 0 0 fit-content;
}

.page-header .navigation .course_navigation span.mobile_span {
    display: none;
}

.page-header .navigation .course_navigation a {
    align-content: center;
    padding: 8px 16px;
    
    color: #191919;
    font-family: "Tilda Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    border-radius: 5px;
    background: #FFF;
    
    transition: all .3s;
}

.page-header .navigation .course_navigation a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(77, 57, 41, 1);
}

.page-header .navigation .course_navigation .main_page a:hover svg {
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(131deg) brightness(120%) contrast(115%);
}

.page-header .navigation .course_navigation a:has(svg) {
    padding: 8px;
}

.page-header .navigation .course_navigation a svg {
    position: relative;
    top: 7px;
}

@media (max-width: 1200px) {
    .page-header .navigation .module_name {
        font-size: 24px;
    }
}

@media (max-width: 992px) {
    .page-header .navigation .course_navigation span.desktop_span {
        display: none;
    }
    
    .page-header .navigation .course_navigation span.mobile_span {
        display: inline-block !important;
    }
}

@media (max-width: 700px) {
    .page-header .navigation {
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-header .navigation .module {
        flex-wrap: wrap;
        flex: 1 1 100%;
        text-align: center;
        justify-content: center;
    }
    
    .page-header .navigation .course_navigation {
        flex: 1 1 100%;
        justify-content: center;
    }
    
    .page-header .navigation .module_name {
        flex: 1 1 100%;
        width: 100%;
    }
}

/* ------------- 
content finish - навигатор
------------- */