@import url("https://fs19.getcourse.ru/fileservice/file/download/a/789340/sc/118/h/9b5be284d51b3be6cf8402968f942666.css");

.attention a {
    color: #fbbb00;
}

/* Список тренингов */
.stream-table {
    /* Фоновый цвет тренинга */
    --courseBackgroundColor: rgba(226,173,27,0.75);

    /* Цвет границы тренинга */
    --courseBorderColor: rgba(0,0,0,0.17);

    /* Цвет тени тренинга */
    --courseShadowColor: rgba(207, 207, 207, 0.28);

    /* Элемент в правой нижней части */
    --courseArrowElement: url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 3.5C2.7 5.5 0 13.6667 0 17.5C3.6 9.5 10.5 8.66667 13.5 9.5V13L22 7L13.5 0.5V3.5Z' fill='%23C4C4C4' /%3E%3C/svg%3E");

    /* Элемент в правой нижней части при наведении */
    --courseArrowElementHover:url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 3.5C2.7 5.5 0 13.6667 0 17.5C3.6 9.5 10.5 8.66667 13.5 9.5V13L22 7L13.5 0.5V3.5Z' fill='%23DA89EB' /%3E%3C/svg%3E");

    /* Цвет границы внутри изображения превью */
    --courseImageBorderColor: #fff;

    /* Шрифт текста заголовка тренинга */
    --title-family: "Druk Text Wide Cyr", sans-serif;

    /* Размер текса заголовка тренинга */
    --courseTitleTextSize: 24px;

    /* Цвет текста заголовка тренинга */
    --courseTitleTextColor: #313237;

    /* Размер текста тарифа тренинга */
    --courseTitleTarifTextSize: 15px;

    /* Цвет текста тарифа тренинга */
    --courseTitleTarifTextColor: #fff;

    /* Фоновый цвет тарифа тренинга */
    --courseTitleTarifBackgroundColor: linear-gradient(90deg, #a59afe 0%, #c78ff2 35%, #e983e5 70.5%, #ffb0a3 100%);

    /* Размер текса описания тренинга */
    --courseDescriptionTextSize: 16px;

    /* Цвет текса описания тренинга */
    --courseDescriptionTextColor: rgba(34,34,34,0.8);

    /* Размер текста преимуществ курса */
    --courseBenefitTextSize: 16px;

    /* Цвет текста преимуществ курса */
    --courseBenefitTextColor: #222;

    /* Цвет границы преимуществ курса */
    --courseBenefitBorderColor: #D9D9D9;

    /* Размер текста приписки "Автор курса" */
    --courseAuthorLabelTextSize: 12px;

    /* Размер текста имени автора курса */
    --courseAuthorNameTextSize: 12px;

    /* Цвет блока "Автор курса" */
    --courseAuthorTextColor: #222;

    margin: 0 0 40px !important;
}

.stream-table tr {
    display: block;
    margin-bottom: 30px;
    
    transition: all .3s;
}

.stream-table tr:hover {
    transform: translatex(10px);
}

.stream-table tr td {
    padding: 0 !important;
    height: auto !important;
    
    background: none !important;
}

.stream-table tr td a {
    position: relative;
    padding: 16px;
    
    background: var(--courseBackgroundColor);
    border: 1px solid var(--courseBorderColor);
    border-radius: 15px;
    box-shadow: 0 4px 14px 0 var(--courseShadowColor);
}

.stream-table tr td a::after {
    content: var(--courseArrowElement);
    position: absolute;
    right: 16px;
    bottom: -16px;
    transform: translatey(100%);
    
    transition: all .3s;
}

.stream-table tr:hover td a::after {
    content: var(--courseArrowElementHover);
}

.stream-table tr td a .streamImg {
    position: relative;
    float: left;
    margin-right: 28px;
    width: 220px;
    height: 240px;
    
    border-radius: 10px;
    
    overflow: hidden;
}

.stream-table tr td a .streamImg::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translatey(-50%) translatex(-50%);
    
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    
    border: 1px solid var(--courseImageBorderColor);
    border-radius: 5px;
}

.stream-table tr td a .streamImg .innerImg {
    width: 100%;
    height: 100%;
    
    background-size: cover;
}

.stream-table tr td a .stream-title {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 0 10px;
    
    margin-bottom: 12px;
    
    font-family: var(--title-family);
    font-weight: 700;
    font-size: clamp(14px, 5vw, var(--courseTitleTextSize));

    text-transform: uppercase;
    color: var(--courseTitleTextColor);
}

.trainigTarif {
    padding: 3px 16px;
    
    font-weight: 400;
    font-size: clamp(12px, 5vw, var(--courseTitleTarifTextSize));
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: var(--courseTitleTarifTextColor);
    
    background: var(--courseTitleTarifBackgroundColor);
    border-radius: 5px;
}

.stream-table tr td a div:not([class]) {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: clamp(12px, 3vw, var(--courseDescriptionTextSize));
    color: var(--courseDescriptionTextColor);
}

.stream-table tr td a .allBenefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
        
    margin-top: 32px;
}

.stream-table tr td a .courseBenefits {
    padding: 8px 32px 8px 16px;
    
    font-family: var(--font-family);
    font-size: clamp(12px, 3vw, var(--courseBenefitTextSize));
    line-height: 1.4;
    color: var(--courseBenefitTextColor);
    
    border: 1px solid var(--courseBenefitBorderColor);
    border-radius: 5px;
}

.stream-table tr td a .courseAuthor {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    
    margin-left: -20px;
}

.stream-table tr td a .courseAuthor .authorName {
    margin-left: 10px;
    
    font-family: var(--font-family);
    font-weight: 600;
    font-size: clamp(10px, 3vw, var(--courseAuthorLabelTextSize));
    line-height: 1.4;
    color: var(--courseAuthorTextColor);
}

.stream-table tr td a .courseAuthor .authorName span {
    display: block;
    
    font-weight: 400;
    font-size: clamp(10px, 3vw, var(--courseAuthorNameTextSize));
}

@media (max-width:1200px) {
    .stream-table tr td a {
        padding-bottom: 36px;
    }
    
    .stream-table tr td a::after {
        bottom: 30px;
    }
    
}

@media (max-width:992px) {
    .stream-table {
        margin-top: 40px !important;
    }
    .stream-table tr td a {
        padding-bottom: 32px;
    }
}

@media (max-width: 520px) {
    .stream-table tr {
        margin: 50px 0 0;
    }
    
    .stream-table tr:first-child {
        margin-top: 0;
    }
    
    .stream-table tr td a {
        padding-bottom: 20px;
    }
    
    .stream-table tr td a .streamImg {
        float: none;
        margin: -40px 0 20px;
    }
    
    .stream-table tr td a::after {
        bottom: 16px;
        right: 20px;
        transform: none;
    }
}

@media (max-width: 400px) {
    .stream-table tr td a::after {
        display: none;
    }
    
    .stream-table tr td a .allBenefits {
        justify-content: space-between;
        margin-top: 24px !important;
    }
    
    .stream-table tr td a .courseBenefits {
        padding: 8px 4px;
        font-size: 12px;
        
        order: 2;
    }
    
    .stream-table tr td a .courseAuthor {
        margin: 0;
        
        order: 1;
    }   
}

/*-- [bazagc.ru] список уроков — начало --*/
.lesson-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 10px;
    margin-bottom: 30px !important;
    padding: 0 !important;
    background: 0 !important;
}

.lesson-list li {
    position: relative;
    flex: 1 1 30%;
    max-width: calc(100% / 3 - 5px);
    margin: 0 !important;
    background: linear-gradient(90deg, #5C3507 0%, #C2961F 100%);
    box-shadow: 3px 3px 6px rgba(0, 122, 163, 0.07);
    border-radius: 10px;
    transition: all .3s;
}

.lesson-list li:hover {
    transform: translatey(-5px);
    background:#be0709;
    box-shadow: 12px 24px 27px rgba(0, 0, 0, 0.09), 3px 6px 15px rgba(0, 0, 0, 0.1), 3px 3px 6px rgba(0, 122, 163, 0.07);
    cursor: pointer;
}

.lesson-list li.divider,
.lesson-list li .vmiddle div:first-child:not([class]) {
    display: none;
}

.lesson-list li::before {
    content: "";
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translatex(-50%);
    width: calc(100% - 30px);
    height: 1px;
    border-bottom: 1px solid rgba(23, 15, 34, 0.4);
}

.lesson-list li:hover::before {
    display: none;
}

.lesson-list li a {
    position: relative;
    display: block;
    padding: 25px 15px 50px;
    height: 100%;
    background: 0 !important;
    border-radius: 0 !important;
}

.lesson-list li .hidden-xs {
    display: none;
}

.lesson-list li .info {
    margin-left: 0 !important;
    background: 0 !important;
    border: 0 !important;
}

.lesson-list li .info {
    margin-bottom: 10px;
}

.lesson-list li .user-state-label.has-start-at {
    margin-bottom: 10px;
    font-family: var(--main-font);
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #fbbd00;
}

.lesson-list li:hover .user-state-label:not(.has-start-at) {
    color: #fff;
}

.lesson-list li div.user-state-label:not(.has-start-at) {
    display: none;
}
													
.lesson-list li div.user-state-label {
    bottom: 3px !important;
}

.lesson-list .item-main-td.item-with-image {
    height: inherit !important;
}

.lesson-list li table {
    min-width: inherit;
    width: 100%;
}

.lesson-list li .item-image {
    display: none;
}

.lesson-list .item-main-td {
    display: block;
    padding: 0 !important;
}

.lesson-list li .info .vmiddle {  
    padding-right: 0;
}

.lesson-list li .title {
    margin-bottom: 10px;
    font-family: var(--main-font);
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #ffffff;
}

.lesson-list li .description {
    font-family: var(--main-font);
    font-weight: 350;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
}

.lesson-list li .info .vmiddle::before {
    position: absolute;
    bottom: 0px;
    right: 0;
    color: #000
}

.lesson-list li:hover a::after,
.lesson-list li:hover .title,
.lesson-list li:hover .description,
.lesson-list li:hover .info .vmiddle::before {
    color: #ffffff;
}

.lesson-list li a::after {
    content: "Нет задания";
    position: absolute;
    bottom: 10px;
    left: 35px;
    font-size: 18px;
    color: #fbbd00;
    transition: all .2s;
}

.lesson-list li a::before {
    position: absolute;
    bottom: 11px;
    left: 15px;
    transition: all .3s;
}

.lesson-list li.user-state-reached a::after {
    left: 15px;
}

.lesson-list li.user-state-has_mission a::after {
    content: "Есть задание";
}

.lesson-list li.user-state-has_mission a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/75858/sc/206/h/7ee26d163976ec56e1716e315d5fccf1.svg);
    filter: invert(98%) sepia(3%) saturate(1153%) hue-rotate(145deg) brightness(83%) contrast(90%);
}

.lesson-list li.user-state-has_mission:hover a::before {
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(183deg) brightness(100%) contrast(104%);
}

.lesson-list li.user-state-answered a::after {
    content: "На проверкe";
}

.lesson-list li.user-state-answered a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/75858/sc/110/h/0089f88ca4e53d26190de5fe05098d45.svg);
    filter: invert(98%) sepia(3%) saturate(1153%) hue-rotate(145deg) brightness(83%) contrast(90%);
}

.lesson-list li.user-state-answered:hover a::before {
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(183deg) brightness(100%) contrast(104%);
}

.lesson-list li.user-state-accomplished a::after {
    content: "Выполнено";
}

.lesson-list li.user-state-accomplished a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/586882/sc/301/h/10ea639de338f497fde3e805cbcd08b9.png);
    filter: invert(13%) sepia(12%) saturate(2482%) hue-rotate(155deg) brightness(94%) contrast(94%);
}

.lesson-list li.user-state-accomplished:hover a::before {
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(183deg) brightness(100%) contrast(104%);
}

.lesson-list li.user-state-need_accomplish {
    border-color: #00000040;
}

.lesson-list li.user-state-need_accomplish::before {
    border-bottom-color: #00000040;
}

.lesson-list li.user-state-need_accomplish a::after {
    content: "Важный";
    color: #ff8d8d;
}

.lesson-list li.user-state-need_accomplish:hover a::after {
    color: #ff0000;
}

.lesson-list li.user-state-need_accomplish a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/75858/sc/372/h/82f0f805dd34cc71be0b4ef0ddb0e66a.svg);
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(261deg) brightness(100%) contrast(102%);
}

.lesson-list li.user-state-need_accomplish:hover a::before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.lesson-list li:not(.user-state-not_reached) .user-state-label {
    display: none;
}

.lesson-list li.user-state-not_reached {
    background: #EEEEEE;
    border: 1px solid rgba(20, 20, 20, 0.05);
}

.lesson-list li.user-state-not_reached::before {
    border-bottom-color: rgba(109, 109, 109, 0.4);
}

.lesson-list li.user-state-not_reached:hover::before {
    display: block;
}

.lesson-list li.user-state-not_reached .title,
.lesson-list li.user-state-not_reached .description,
.lesson-list li.user-state-not_reached a::after,
.lesson-list li.user-state-not_reached .info .vmiddle::before {
    color: rgba(23,15,34,.50);
}
.lesson-list li.user-state-not_reached:hover {
    transform: translatey(0px);
    background: #EEEEEE !important;
    box-shadow: 3px 3px 6px rgba(0, 122, 163, 0.07);
}

.lesson-list li.user-state-not_reached a::after {
    display: none;
}

.xdget-lessonList:not(.editable) .lesson-list li.user-state-not_reached .user-state-label {
    position: absolute;
    bottom: 12px;
    left: 40px;
    font-size: 18px;
    font-weight: 400;
}

.lesson-list li.user-state-not_reached a::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/75858/sc/326/h/c5f08c2dafbe4294336f960b1baba4c5.svg);
}

@media (max-width: 760px) {
    .lesson-list li {
        flex: 1 1 45%;
        max-width: calc(100% / 2 - 5px);
    }
    
    .lesson-list li .vmiddle {
        margin-left: 0px;
    }
}


@media (max-width: 520px) {
    .lesson-list li {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
/*-- [bazagc.ru] список уроков — конец --*/