/* ------------- 
content start - Стили
------------- */

@font-face {
    font-family: 'Сirce'; /* Укажите название первого шрифта */
    src: url('https://fs.getcourse.ru/fileservice/file/download/h/c2cef4dcd3a55ac83bb1371d6402d20f.ttf/a/147006/sc/315') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Сirce';
    src: url('https://fs.getcourse.ru/fileservice/file/download/h/7d38f3d9f1d47ced0f549aa945074bb0.ttf/a/147006/sc/249') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.training-page-body .main-page-block {
    padding-bottom: 0;
}
.training-page-body.page-for-user .page-header h1,
.training-page-body .gc-user-user .page-header,
.training-page-body .gc-user-user .empty-breadcrumbs {
    display: none;
    height: auto;
    position: absolute;
    z-index: -1;
}
.training-page-body .xdget-row.row {
    margin-right: 0;
    margin-left: 0;
}
.training-page-body .xdget-trainingList .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}
.training-page-body .main-page-block .container {
    padding-top: 42px;
}
:root {
    --border-radius15px: 15px;
    --main-color: #272727;
    --yellow-50: rgba(251, 183, 22, 0.50);
    --yellow: #FBB716;
    --background-gray: #EEE;
    --p: 30px;
    --c: 1117px;
}
#iframe-container {
    position: absolute;
    opacity: 0;
    z-index: -1;
    top: -1000px;
}
/*Загрузка*/
.preloader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999;
}

.preloader-custom {
    position: relative;
    width: 200px;
    height: 200px;
}

.loader-circle {
    position: absolute;
    border: 3px dotted transparent;
    border-top-color: var(--yellow);
    border-radius: 50%;
    animation: rotate linear infinite;
}

.circle-1 {
    width: 180px;
    height: 180px;
    left: 10px;
    top: 10px;
    animation-duration: 3s;
}

.circle-2 {
    width: 150px;
    height: 150px;
    left: 20px;
    top: 20px;
    animation-duration: 2s;
    animation-direction: reverse;
    border-top-color: black;
}

.circle-3 {
    width: 120px;
    height: 120px;
    left: 30px;
    top: 30px;
    animation-duration: 1.5s;
    border-top-color: var(--yellow);
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
.training-page-body .xdget-block > *,
.training-page-body .page-header > *,
.training-page-body .breadcrumbs > * {
    font-family: "Montserrat", sans-serif;
    color: var(--main-color);
}
body.training-page-body {
    background: #EEE;
}
.training-page-body .gc-main-content {
    overflow-x: hidden;
}
.training-page-body .container {
    max-width: calc(var(--c) + var(--p) * 2);
    padding: 0 var(--p);
    width: 100%;
    margin: 0 auto !important;
}
.training-page-body .gc-account-logo {
    display: none;
}
.xdget-block:not(.editable) .main-cont-for-new-tran {
    display: none;
}
/*Приветсвие*/
.title-text {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
}
.main-list-traninig .row,
.main-list-traninig .stream-table {
    margin: 0
}
.left-right-column-cont {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.left-right-column-cont::before,
.left-right-column-cont::after {
    display: none;
}
/*Левая колонка*/
.left-column {
    width: 100%;
    max-width: 800px !important;
    padding: 0;
    margin: 0;
}
/*.xdget-block:not(.editable) .training-row {
display: none;
}*/
.title-cont{
    margin-bottom: 20px;
}
.title-list-traning {
    font-size: 48px;
}
.title-new-cont {
    display: flex;
    align-items: flex-end;
}
.title-new-cont svg {
    max-width: 100%;
}
.svg-fire-cont {
    margin-left: 15px;
    display: flex;
    width: fit-content;
}
.main-list-traninig {
    margin-bottom: 80px;
}
.main-list-traninig .stream-table tr td {
    padding: 0 0 10px 0 !important;
    background: transparent  !important;
}
.main-list-traninig .training-row a {
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: var(--border-radius15px);
    border: 1px solid var(--main-color);
    padding: 13px 35px 12px 17px;
    text-decoration: none;
    min-height: 140px;
    background-image: none;
}
.main-list-traninig .training-row a .stream-title {
    color: var(--main-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    width: 100%;
    max-width: 250px;
}
.main-list-traninig .training-row a .stream-title span {
    white-space: nowrap;
}
.main-list-traninig .training-row a div:not(.training-status) {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    width: 100%;
    max-width: 387px;
}
.main-list-traninig .training-row a div b {
    display: none;
}
/*Статусы тренинга*/
.training-status {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-width: 82px;
}
.progress-traninig-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding: 0 0 8px 0;
}
.status-action-top {
    margin-bottom: 14px;
}
.traning-completed .status-action-top {
    margin: 0 !important;
}
.status-text {
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.status-start.status-text::after,
.status-continue.status-text::after {
    content: '';
    display: inline-block;
    width: 10.062px;
    height: 8.392px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3e%3cpath d='M10.0596 4.22021H10.0586L10.0615 4.22314L5.86621 8.41846L5.12598 7.67822L8.05762 4.74561H0V3.69971H8.05859L5.12598 0.76709L5.86621 0.0268555L10.0596 4.22021Z' fill='%23272727'/%3e%3c/svg%3e");
    background-size: contain;
}
.completed-count,
.total-count {
    font-size: 32px;
    font-weight: 800;
    line-height: 110%;
}
.completed-count {
    padding-right: 30px;
}
.total-count {
    padding-left: 30px;
    text-align: right;
}
.traning-continue .completed-count {
    color: var(--yellow);
}
.traning-completed > * {
    color: var(--yellow);
}
.progress-separator {
    width: 80px;
    height: 2px;
    background: var(--main-color);
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.traning-completed .progress-separator {
    background: var(--yellow);
}
/*Правая колонка*/
.right-column {
    max-width: 270px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    padding: 0;
    margin-left: auto;
}

.black-right-block {
    border-radius: var(--border-radius15px);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.black-right-block > *,
.black-right-block a:not(.re-icon),
.black-right-block .xdget-block,
.black-right-block div {
    color: white !important;
}
.black-block-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}
.soc-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 25px 0px;
}
.soc-cont-point {
    display: flex;
    align-items: center;
    gap: 20px;
}
.soc-cont-point .xdget-header {
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
    text-decoration: underline;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
}
.black-block-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 17px;
}
.black-block-title-event {
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
    text-transform: uppercase;
}
.btn-event {
    padding: 10px;
    border-radius: 5px;
    background: #919191;
    font-size: 20px;
    font-weight: 600;
    line-height: 110%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    border: 0;
    outline: none;
}
.html-content svg {
    display: flex;
}
.main-list-traninig .training-row.without-des a div:not(.training-status){
    display: none !important;
}
.main-list-traninig .training-row.without-des a .stream-title {
    max-width: 650px !important;
}
@media (max-width: 1550px) {
    .left-column {
        width: 58vw;
    }
}
@media (max-width: 1400px) {
    .main-list-traninig .training-row a .stream-title {
        font-size: 20px;
        max-width: 190px;
    }
    .main-list-traninig .training-row a div:not(.training-status) {
        font-size: 16px;
    }
}
@media (max-width: 1250px) {
    :root {
        --c: 1250px;
    }
    .title-text {
        font-size: 3vw !important;
    }
    .left-column {
        width: 62vw;
    }
    .title-new-cont svg{
        width: 3vw !important;
        height: 7.5vw;
    }
}
@media (max-width: 1150px) {
    .left-right-column-cont {
        flex-direction: column;
    }
    .left-column,
    .right-column {
        width: 100%;
        max-width: 100% !important;
    }
    .main-list-traninig {
        margin-bottom: 40px;
    }
    .svg-fire-cont {
        margin-left: 6px;
    }
    .title-list-traning {
        font-size: 5vw !important;
    }
    .title-cont {
        margin-bottom: 10px;
    }
    .title-new-cont .title-text {
        line-height: 100%;
    }
    .title-new-cont svg{
        width: 5.3vw !important;
    }
    .right-column {
        flex-direction: row;
    }
    .main-list-traninig .training-row a .stream-title {
        max-width: 240px;
    }
    .main-list-traninig .training-row a div:not(.training-status) {
        max-width: 500px;
    }
    .right-column {
        gap: 30px;
    }
    .black-right-block {
        width: 50%;
        justify-content: center;
    }
    .soc-cont-point .html-content {
        display: flex;
    }
}
@media (max-width: 768px) {
    :root {
        --border-radius15px: 1.5vw;
        --p: 20px;
    }
    body {
        padding-top: 0 !important;
    }
    .main-page-block .container {
        padding-top: 20px;
    }
    .main-list-traninig .training-row a {
        padding: 5px 10px;
        min-height: 100px;
    }
    .main-list-traninig .training-row a .stream-title {
        max-width: 160px;
    }
    .main-list-traninig .training-row a .stream-title {
        font-size: 16px;
    }
    .main-list-traninig .training-row a div:not(.training-status) {
        font-size: 12px;
    }
    .progress-separator {
        width: 130%;
    }
    .completed-count, 
    .total-count {
        font-size: 22px;
    }
    .black-right-block {
        width: 50%;
    }
    .black-right-block svg {
        width: 100%;
        height: auto;
    }
    .black-block-title,
    .black-block-title-event {
        font-size: 20px;
    }
}
@media (max-width: 640px) {
    .right-column {
        justify-content: center;
    }
    .black-right-block {
        width: 41%;
        padding: 10px 16px;
        justify-content: flex-start;
    }
    .soc-cont {
        width: 100%;
        justify-content: space-between;
    }
    .black-block-title {
        font-size: 3.7vw;
    }
    .black-block-title-event {
        font-size: 3vw !important;
    }
    .soc-cont {
        gap: 5px;
        margin: 20px 0px 14px 0px;
    }
    .soc-cont-point {
        gap: 2.1vw;
    }
    .soc-cont-point svg {
        width: 4.5vw;
        height: 4.5vw;
    }
    .soc-cont-point .xdget-header {
        font-size: 2.4vw;
    }
    .black-block-text {
        font-size: 2.1vw;
        margin-bottom: 1vw;
    }
    .blcok-hands {
        margin-top: auto;
    }
}
@media (max-width: 480px) {
    .left-right-column-cont {
        gap: 0px;
    }

    .title-new-cont .title-text {
        line-height: 120%;
    }
    .main-list-traninig .training-row a {
        gap: 5px !important;
        min-height: 70px !important;
    }
    .main-list-traninig .training-row a .stream-title {
        font-size: 12px;
        max-width: 115px;
    }
    .main-list-traninig .training-row a div:not(.training-status),
    .status-text {
        font-size: 8px;
    }
    .training-status {
        min-width: 62px;
    }
    .progress-traninig-container {
        padding: 0 0 3px 0 !important;
    }
    .status-action-top {
        margin-bottom: 5px !important;
    }
    .completed-count, 
    .total-count {
        font-size: 14px;
    }
    .completed-count {
        padding-right: 20px;
    }
    .total-count {
        padding-left: 20px;
    }
}
@media (max-width: 374px) {
    .title-text {
        font-size: 12px !important;
    }
    .title-list-traning {
        font-size: 20px !important;
    }
}

.href-and-swiper {
    position: relative;
    margin: 47px 0px 95px 0px;
}
.swiper-cont {
    position: relative;
    padding: 53px 65px;
}
.swiper-cont::before {
    content: '';
    display: inline-block;
    width: 113px;
    height: 113px;
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    background-size: contain;
    box-shadow: 0px 4px 9.9px 0px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='113' height='113' viewBox='0 0 113 113' fill='none'%3e%3crect width='113' height='113' fill='%23FBB716'/%3e%3cpath d='M60.9521 49.083H66V85.8887H19.7305V65.0674H13V49.083H19.7305V28.6826H60.9521V49.083ZM35.7139 69.9053H50.0156V65.0674H35.7139V69.9053ZM35.7139 49.083H44.9678V44.667H35.7139V49.083Z' fill='black'/%3e%3cpath d='M79 30C75.0151 24.536 76.1368 17.5871 76.5 15C80.5 28.5 82.4811 27.1637 94 38.5C105.059 49.3839 97.6273 64.0517 94.4623 68.0876C97.2019 66.1007 99.9623 67.2597 101 68.0876C94.4623 71.1921 93.0613 76.1594 88.3915 81.7476C84.6556 86.2181 79.1556 86.3009 76.8726 85.7835C79.2075 74.1415 84.8113 75.0728 91.6604 66.2249C100.43 54.896 93.5802 44.8553 89.9481 41.8543C92.5424 44.9588 95.1472 53.1237 84.8113 60.9472C74.4754 68.7706 73.6556 79.4192 74.5377 83.7655C73.9151 82.5237 71.0198 81.0956 71.2689 73.5205C71.5802 64.0517 81.6981 54.7381 82.4764 51.1679C83.0991 48.3117 82.217 45.9419 81.6981 45.114C85.434 45.8591 86.3679 49.4604 86.3679 51.1679C89.6368 42.0095 83.9811 36.83 79 30Z' fill='black'/%3e%3cpath d='M68 39.8363C71.9953 41.699 79.2076 47.2251 76.0944 54.4276C78.6368 50.3917 80.5774 41.8232 68 39.8363Z' fill='black'/%3e%3c/svg%3e");
}
.yellow-bottom-block {
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.yellow-bottom-block div {
    background: #FBB716;
}
.left-yellow-block {
    width: 100%;
    max-width: 135px;
    height: 80%;
    border-radius: 25px 25px 0px 25px;
    margin-top: auto;
}
.right-yellow-block {
    width: 100%;
    height: 100%;
    max-width: 982px;
    margin-left: auto;
    border-radius: 25px 25px 25px 0px;  
}
.sample-slider2 {
    max-width: 985px;
    position: relative;
    z-index: 5;
    border-radius: 25px;
    border: 2px solid #FFF;
    background: linear-gradient(172deg, rgba(0, 0, 0, 0.00) 67.28%, rgba(0, 0, 0, 0.40) 85.83%), url(<path-to-image>) lightgray -94.208px -117px / 110.594% 128.686% no-repeat;
    box-shadow: 0px 4px 8.9px 0px rgba(0, 0, 0, 0.25);
}
.swiper-btn-next  {
    position: absolute;
    top: 50%;
    right: 464px;
    transform: translateY(-50%);
    z-index: 10;

}
.xdget-block:not(.editable) .main-href-list {
    position: absolute;
    top: 50%;
    right: 125px;
    transform: translateY(-50%);
}
.main-href-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    z-index: 10;
}

.main-href-point-font {
    width: 296px;
    height: 95px;
    border-radius: var(--border-radius15px);
    background: #000;
    box-shadow: 0px 4px 12.5px 0px rgba(0, 0, 0, 0.30);
    padding: 10px;
}
.main-href-point {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px solid #FBB716;
    box-shadow: 0px 4px 12.5px 0px rgba(0, 0, 0, 0.25);
    color: #FFF !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 110%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    position: relative;
    letter-spacing: 1px;
    background-color: black !important;
}
.main-href-point::after {
    position: absolute;
    top: 12px;
    right: 15px;
    content:'';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M16.999 17H13.999V6.29297L3.05371 17.1074L0.945312 14.9736L12.0527 4H0.999023V1H16.999V17Z' fill='white'/%3e%3c/svg%3e");
}
@media (max-width: 1350px) {
    .swiper-cont {
        padding: 40px 35px;
    }
    .xdget-block:not(.editable) .main-href-list {
        right: 8vw;
    }
    .main-href-point-font {
        width: 25vw;
        max-width: 296px;
    }
    .main-href-point {
        font-size: 1.8vw;
    }
}
@media (max-width: 1250px) {
    .href-and-swiper {
        margin: 25px 0px 65px 0px;
    }
    .swiper-btn-next {
        right: 37vw;
    }
    .left-yellow-block {
        max-width: 10vw;
    }
    .swiper-cont::before {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 991px) {
    .left-yellow-block {
        max-width: 15vw;
        height: 70%;
    }
    .main-href-point-font {
        height: auto;
    }
    .main-href-point {
        padding: 19px 16px 12px 16px;
        font-size: 1.7vw
    }
}
@media (max-width: 768px) {
    :root {
        --border-radius15px: 1.5vw;
    }
    .href-and-swiper {
        margin: 15px 0px 47px 0px;
    }
    .swiper-cont {
        padding: 15px 20px;
    }
    .left-yellow-block {
        max-width: 14vw;
        height: 75%;
    }
    .main-href-list {
        gap: 2.6vw;
    }
    .main-href-point-font {
        padding: 1vw;
        width: 25vw;
        font-size: 2.4vw;
    }
    .main-href-point {
        border-radius: 1.2vw;
        padding: 1.5vw;
        border: 0.2vw solid #FBB716;
    }
    .main-href-point::after {
        top: 1.5vw;
        right: 1.5vw;
        width: 1.4vw;
        height: 1.4vw;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .site-btn-main br {
        display: none;
    }
    .swiper-cont::before {
        width: 12vw;
        height: 12vw;
    }
    .swiper-btn-next svg {
        width: 3vw;
        height: 3vw;
    }
}
@media (max-width: 640px) {
    .sample-slider2 {
        border-radius: 2.1vw;
        border: 0.2vw solid #FFF;
    }
    .left-yellow-block {
        border-radius: 2.1vw 2.1vw 0px 2.1vw;
    }
    .right-yellow-block {
        border-radius: 2.1vw 2.1vw 2.1vw 0px;  
    }
    .swiper-cont::before {
        border-radius: 2.8vw;
    }
}

/*Встречи*/
.meeting-item {
    padding: 18px 0px;
}
.meeting-item:first-child {
    padding-top: 25px;
}
.meeting-item:not(:first-child) {
    border-top: 1px solid white;
}
.meetings-block-list-cont {
    width: 100%;
}
.meeting-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.meeting-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.2px;
}
.day-month-meetings {
    padding-bottom: 6px;
}
.time-meetings {
    border-top: 1px solid white;
    padding: 3px 5px 0px 5px;
}
.meeting-separator {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; 
    letter-spacing: -0.24px;
    margin-left: auto;
}
.meeting-title {
    max-width: 92px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.12px;
}

@media (max-width: 1150px) {
    .meeting-separator {
        margin: 0;
    }
}
@media (max-width: 640px) {
    .meeting-item {
        gap: 6px;
        padding: 1.6vw 0px;
    }
    .meeting-item:first-child {
        padding-top: 2.7vw;
    }
    .day-month-meetings {
        padding-bottom: 0.2vw;
    }
    .time-meetings {
        padding: 0.2vw 2px 0px 2px;
    }
    .meeting-date {
        font-size: 2.5vw;
    }
    .meeting-separator {
        font-size: 2.7vw;
    }
    .meeting-title {
        max-width: 115px;
        font-size: 2.1vw;
    }
    .btn-event {
        padding: 1.5vw;
        font-size: 2.5vw;
    }
}

.block-quote {
    position: relative;
    height: 195px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    margin-top: 20px;
}
.block-quote::before {
    content: '';
    width: 250vw;
    height: 100%;
    display: inline-block;
    background: rgba(251, 183, 22, 0.50);
    position: absolute;
    z-index: -1;
    left: -20vw;
    top: 0;
}
.block-quote {
    font-size: 40px;
    font-style: italic;
    font-weight: 300;
    line-height: 110%;
}
.block-quote p {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin: 0;
}
@media (max-width: 1150px) { 
    .block-quote {
        margin-top: 50px;
    }
}
@media (max-width: 991px) { 
    .block-quote {
        font-size: 4.3vw;
        height: 20vw;
    }
    .block-quote p {
        font-size: 4.5vw;
    }
}
@media (max-width: 480px) { 
    .block-quote {
        display: none;
        margin: 0;
    }
}

/*ФОРМАТ УРОКА С ОТОБРАЖЕНИЕМ ПРОЙДЕННЫХ УРОКОВ/МОДУЛЕЙ*/

/*.main-list-traninig .training-row[data-training-id="934209716"] a {
background: url(https://fs.getcourse.ru/fileservice/file/download/a/147006/sc/217/h/d491c0e7f6d52b2669e7e15e387caf97.png);
background-size: 382px;
background-position: top -146px right 313px;
background-repeat: no-repeat;
}
.main-list-traninig .training-row[data-training-id="934209716"] a .stream-title {
max-width: 175px;
}
.main-list-traninig .training-row[data-training-id="934209716"] a div:not(.training-status) {
max-width: 170px;
margin-left: auto;
}
.training-row[data-training-id="934209716"] .traning-completed > * {
color: var(--red);
}
.training-row[data-training-id="934209716"] .traning-continue .completed-count {
color: var(--red);
}

@media (max-width: 1400px) {
.main-list-traninig .training-row[data-training-id="934209716"] a {
background-size: 18vw;
background-position: top -4vw right 23.5vw;
background-repeat: no-repeat;
}
.main-list-traninig .training-row[data-training-id="934209716"] a .stream-title {
max-width: 140px;
}
}

@media (max-width: 1250px) {
.main-list-traninig .training-row[data-training-id="934209716"] a {
background-size: 23vw;
background-position: top 70% right 28.5vw;
background-repeat: no-repeat;
}
}

@media (max-width: 1150px) {

.main-list-traninig .training-row[data-training-id="934209716"] a {
background-size: 29vw;
background-position: top 70% right 38.5vw;
}
}
@media (max-width: 768px) {
.main-list-traninig .training-row[data-training-id="934209716"] a {
background-size: 32vw;
background-position: top 70% right 46.5vw;
}

.main-list-traninig .training-row[data-training-id="934209716"] a .stream-title {
max-width: 16%;
}
.main-list-traninig .training-row[data-training-id="934209716"] a div:not(.training-status) {
max-width: 126px;
}
}

@media (max-width: 480px) {
.main-list-traninig .training-row[data-training-id="934209716"] a {
background-size: 38vw;
background-position: top 61% right 39.5vw;
}
.main-list-traninig .training-row[data-training-id="934209716"] a div:not(.training-status) {
max-width: 25%;
}
}

@media (max-width: 374px) {
.main-list-traninig .training-row[data-training-id="934209716"] a {
background-size: 28vw;
background-position: top 84% right 42.5vw;
}
}
*/


/*ФОРМАТ УРОКА БЕЗ ОТОБРАЖЕНИЯ ПРОЙДЕННЫХ УРОКОВ/МОДУЛЕЙ*/

.main-list-traninig .training-row[data-training-id="934209716"] a {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/147006/sc/362/h/ee8e69a386e371df8ab91f63e88bea3d.png), #FF4801;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}
.main-list-traninig .training-row[data-training-id="934209716"] div {
    display: none;
}
.main-list-traninig .training-row[data-training-id="934209716"] a .stream-title {
    font-size: 0;
}
.main-list-traninig .training-row[data-training-id="934209716"] a .stream-title::before {
    content: 'Курс';
    color: #FFF;
    font-family: "Circe", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.main-list-traninig .training-row[data-training-id="934209716"] a .stream-title::after {
    content: 'Продукт';
    display: block;
    color: #FFF;
    font-family: "Circe", sans-serif;
    font-size: 53px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
}
@media (max-width: 1450px) {
    .main-list-traninig .training-row[data-training-id="934209716"] a {
        background: url(https://fs.getcourse.ru/fileservice/file/download/a/147006/sc/37/h/a0c9de04f9253a1ad58404401b325984.png), #FF4801;
        background-size: 51%;
        background-repeat: no-repeat;
        background-position: right top 60%;

    }
}
@media (max-width: 991px) {
    .main-list-traninig .training-row[data-training-id="934209716"] a .stream-title::before {
        font-size: 4.5vw;
    }
    .main-list-traninig .training-row[data-training-id="934209716"] a .stream-title::after {
        font-size: 5.9vw;
    }
}
@media (max-width: 640px) {
    .main-list-traninig .training-row[data-training-id="934209716"] a {
        background-size: 61%;
        background-position: right -20px top 60%;
    }
}

@media (max-width: 480px) {
    .main-list-traninig .training-row[data-training-id="934209716"] a {
        background-size: 59%;
        background-position: right -16px top 60%;
    }
}
@media (max-width: 420px) {
    .main-list-traninig .training-row[data-training-id="934209716"] a {
        background-size: 67%;
        background-position: right -16px top 60%;
    }
}
/* ------------- 
content finish - Стили
------------- */