/* .stream-table > tbody > tr > td > a > div > b {
    display: none;
} 


.knopka {
  box-shadow: 6px 5px 10px -5px #0a0a0afa;
}

.knopka:hover {
	background-size: 108%;
    box-shadow: 0 10px 30px 0;
    transition: 2s ease;
}

/* Убираем ненужный отступ*/
.stream-table { 
  margin-left:0!important;
}

/* Задаем флекс таблице с карточками */
.stream-table tbody {
  display:flex;
  flex-wrap: wrap;
}

/* Настраиваем оболочку карточек */
.stream-table tbody tr {
  position:relative;
  flex:0 0 calc(50% - 20px);
  border-radius:9px;
  box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
  overflow:hidden;
  margin:10px;
  transition:all 0.5s;
}

/* Адаптируем карточки под разные разрешения */
@media (max-width:1200px) {
  .stream-table tbody tr {
    flex:0 0 calc(50% - 20px);
  }
}

@media (max-width:1000px) {
  .stream-table tbody tr {
    flex:0 0 calc(50% - 20px);
  }
}

@media (max-width:850px) {
  .stream-table tbody tr {
    flex:0 0 calc(50% - 20px);
  }
      .stream-table tbody tr {
    height:270px;
  }
}

@media (max-width:510px) {
  .stream-table tbody tr {
      flex:0 0 100%;
  }
}


/*Новое оформление*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;500;700&display=swap');

@media (min-width:900px) {
.mob{
    display: none !important;
    }
} 
@media (max-width:900px) {
.pk{
    display: none !important;
    }
} 

.hv {
	font-family: 'Cormorant SC', serif;
}
.button {
    background-color: transparent;
    border-color: transparent;
}
.blokf{
    display: flex;
}


/********  Установка шрифта  **********/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;500;600;700;800;900&display=swap');

.main-page-block { 
  font-family: 'Raleway', sans-serif; 
}

.user-state-answered .user-state-bg {
  background: #ccd203!important;
}


/********  Работаем с общим позицинированием элементов **********/

li.divider {
    display: none;
}


/********  ПОДТРЕНИНГИ  **********/
/* Отключаем стандартный эффект при наведении */
.stream-table tr td:hover {
    background: none!important;
}

/*********************/

.stream-table {
    margin-left: -10px;
}

.stream-table tr td {
    position: relative;
    display: flex;
    height: inherit!important;
    padding: 0;
}

tr[data-training-id] {
    display: flex;
    position: relative;
    height: 250px;
    border-radius: 16px 0 16px 16px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

tr[data-training-id]:hover {
	background-size: 108%;
    box-shadow: 0 10px 30px 0;
    transition: 2s ease;
}
/*затенение*/

.stream-table tr[data-training-id]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, #c8a36b 99.61%);
    border-radius: 16px 0 16px 16px;
}


.stream-table tr[data-training-id] td:before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, #c8a36b 99.61%);
    z-index: 0;
}

.stream-table tr.no-public[data-training-id]:before {
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, red 99.61%);
}


.stream-table tr.no-public[data-training-id] td:before {
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, red 99.61%);
}


/*Надпись на тренинге*/

tr[data-training-id]:after {
    content: 'Тренинг';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #fff;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: #EC904C;
    transform: translate(0, -50%);
    padding: 57px 20px 0px 20px;
    transition: 1s ease-out;
    text-align: center;
}

tr[data-training-id]:hover:after {
    transform: translate(-15%, -50%)!important;
	transition: 1s ease!important;
}

.stream-title {
    color: #9a4c16 !important;
    font-weight: bold !important;
    line-height: 28px;
}

.stream-table tr td a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: inherit;
    padding: 0 10px 30px 30px;
    width: 100%;
}

.stream-table tr td a div {
    color: #fff !important;
    margin-top: 10px;
}

.stream-table tr td a div b {
    display: none!important;
}

/******  Стилизация статусов доступов  *******/

/* Уроки */

/* Убираем стандартные надписи недоступности и стоп уроков 
.user-state-label {
    display: none !important;
}


/**********************************************************/


/* ПОДТРЕНИНГИ */

/** Доступен ***/
.stream-table tr td a div:after {
    content: '\f13e \00a0 \00a0 Доступен';
    color: #9a4c16;
    font-family: 'FontAwesome', 'Raleway', sans-serif;
    font-size: 12px;
    display: block;
    padding-top: 10px;
}

/** Недоступен #854e45 ***/
.stream-table tr.no-public td a div:after {
    content: '\f023 \00a0 \00a0 Недоступен' !important;
    color: #fff6d6;
}

.stream-table tr.no-public {
    filter: grayscale(0.9);
}

/*******************************************/

/****** Адаптив *********/

.stream-table tr[data-training-id] {
    background-position: center;
    background-size: cover;
}

.stream-table tr[data-training-id]:before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: inherit;
    background-size: cover;
    transform-origin: center;
    transition: transform 1s ease-out;
}

tr[data-training-id]:hover:before {
    transform: scale(1.05)!important;
}

.stream-table tr[data-training-id]:before {
    background: inherit !important;
    background-size: cover !important;
}

.stream-table tr td a {
    z-index: 0; 
}

.stream-table tr td {
    width: 100%;	
}


@media (max-width: 992px) {

  .stream-table tbody {
    display: flex;
    flex-wrap: wrap;
  }

  .stream-table tbody tr {
    margin: 0 0 16px 0 !important;
    margin-right: 16px !important;
    flex: 0 0 calc(50% - 16px);
  }

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

}

@media (max-width: 680px) {
  .stream-table tbody tr {
    margin-right: 0 !important;
    flex: 0 0 100%;
  }
}*/

/* ------------- 
content start - Тренинги
------------- */

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


.knopka {
  box-shadow: 6px 5px 10px -5px #0a0a0afa;
}

.knopka:hover {
	background-size: 108%;
    box-shadow: 0 10px 30px 0;
    transition: 2s ease;
}

/* Убираем ненужный отступ */
.stream-table { 
  margin-left:0!important;
}

/* Задаем флекс таблице с карточками */
.stream-table tbody {
  display:flex;
  flex-wrap: wrap;
}

/* Настраиваем оболочку карточек */
.stream-table tbody tr {
  position:relative;
  flex:0 0 calc(50% - 20px);
  border-radius:9px;
  box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
  overflow:hidden;
  margin:10px;
  transition:all 0.5s;
}

/* Адаптируем карточки под разные разрешения */
@media (max-width:1200px) {
  .stream-table tbody tr {
    flex:0 0 calc(50% - 20px);
  }
}

@media (max-width:1000px) {
  .stream-table tbody tr {
    flex:0 0 calc(50% - 20px);
  }
}

@media (max-width:850px) {
  .stream-table tbody tr {
    flex:0 0 calc(50% - 20px);
  }
      .stream-table tbody tr {
    height:270px;
  }
}

@media (max-width:510px) {
  .stream-table tbody tr {
      flex:0 0 100%;
  }
}


/*Новое оформление*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;500;700&display=swap');

@media (min-width:900px) {
.mob{
    display: none !important;
    }
} 
@media (max-width:900px) {
.pk{
    display: none !important;
    }
} 

.hv {
	font-family: 'Cormorant SC', serif;
}
.button {
    background-color: transparent;
    border-color: transparent;
}
.blokf{
    display: flex;
}


/********  Установка шрифта  **********/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;500;600;700;800;900&display=swap');

.main-page-block { 
  font-family: 'Raleway', sans-serif; 
}

.user-state-answered .user-state-bg {
  background: #ccd203!important;
}


/********  Работаем с общим позицинированием элементов **********/

li.divider {
    display: none;
}


/********  ПОДТРЕНИНГИ  **********/
/* Отключаем стандартный эффект при наведении */
.stream-table tr td:hover {
    background: none!important;
}

/*********************/

.stream-table {
    margin-left: -10px;
}

.stream-table tr td {
    position: relative;
    display: flex;
    height: inherit!important;
    padding: 0;
}

tr[data-training-id] {
    display: flex;
    position: relative;
    height: 250px;
    border-radius: 16px 0 16px 16px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

tr[data-training-id]:hover {
	background-size: 108%;
    box-shadow: 0 10px 30px 0;
    transition: 2s ease;
}
/*затенение*/

.stream-table tr[data-training-id]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, #c8a36b 99.61%);
    border-radius: 16px 0 16px 16px;
}


.stream-table tr[data-training-id] td:before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, #c8a36b 99.61%);
    z-index: 0;
}

.stream-table tr.no-public[data-training-id]:before {
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, red 99.61%);
}


.stream-table tr.no-public[data-training-id] td:before {
    background: linear-gradient(180.45deg, rgba(13, 14, 32, 0) 40.47%, red 99.61%);
}


/*Надпись на тренинге*/

tr[data-training-id]:after {
    content: 'Тренинг';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #fff;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: #EC904C;
    transform: translate(0, -50%);
    padding: 57px 20px 0px 20px;
    transition: 1s ease-out;
    text-align: center;
}

tr[data-training-id]:hover:after {
    transform: translate(-15%, -50%)!important;
	transition: 1s ease!important;
}

.stream-title {
    color: #9a4c16 !important;
    font-weight: bold !important;
    line-height: 28px;
}

.stream-table tr td a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: inherit;
    padding: 0 10px 30px 30px;
    width: 100%;
}

.stream-table tr td a div {
    color: #fff !important;
    margin-top: 10px;
}

.stream-table tr td a div b {
    display: none!important;
}

/******  Стилизация статусов доступов  *******/

/* Уроки */

/* Убираем стандартные надписи недоступности и стоп уроков */
.user-state-label {
    display: none !important;
}


/**********************************************************/


/* ПОДТРЕНИНГИ */

/** Доступен **/
.stream-table tr td a div:after {
    content: '\f13e \00a0 \00a0 Доступен';
    color: #9a4c16;
    font-family: 'FontAwesome', 'Raleway', sans-serif;
    font-size: 12px;
    display: block;
    padding-top: 10px;
}

/** Недоступен #854e45 **/
.stream-table tr.no-public td a div:after {
    content: '\f023 \00a0 \00a0 Недоступен' !important;
    color: #fff6d6;
}

.stream-table tr.no-public {
    filter: grayscale(0.9);
}

/******************************************/

/****** Адаптив ********/

.stream-table tr[data-training-id] {
    background-position: center;
    background-size: cover;
}

.stream-table tr[data-training-id]:before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: inherit;
    background-size: cover;
    transform-origin: center;
    transition: transform 1s ease-out;
}

tr[data-training-id]:hover:before {
    transform: scale(1.05)!important;
}

.stream-table tr[data-training-id]:before {
    background: inherit !important;
    background-size: cover !important;
}

.stream-table tr td a {
    z-index: 0; 
}

.stream-table tr td {
    width: 100%;	
}


@media (max-width: 992px) {

  .stream-table tbody {
    display: flex;
    flex-wrap: wrap;
  }

  .stream-table tbody tr {
    margin: 0 0 16px 0 !important;
    margin-right: 16px !important;
    flex: 0 0 calc(50% - 16px);
  }

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

}

@media (max-width: 680px) {
  .stream-table tbody tr {
    margin-right: 0 !important;
    flex: 0 0 100%;
  }
}


/* ------------- 
content finish - Тренинги
------------- */

/* ------------- 
content start - Уроки
------------- */

/********  Установка шрифта  **********/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;500;600;700;800;900&display=swap');

.main-page-block { 
  font-family: 'Raleway', sans-serif; 
}

.user-state-answered .user-state-bg {
  background: #ccd203!important;
}

/********  Работаем с общим позицинированием элементов **********/

/* Двигаем, ровняем, смещаем, трансфорируем*/

.xdget-common-container:nth-child(2) {
    padding-top: 20px;
}
.xdget-root {
    margin-left: 30px;
}
.lesson-list {
    background: none!important;
    padding-top: 0; 
}
.lesson-list .item-main-td .vmiddle div:first-child:not(.title) {
    display: none;}

.lesson-list li .item-a,
.lesson-list li .info,
.lesson-list tr {
    min-height: 180px;
    position: relative;
}

.lesson-list li .item-a {
    border-radius: 16px;
}

.lesson-list .info tr {
    display: flex;
    height: 100%;
}

.lesson-list .info .item-image {
    min-width: 250px;
    background-size: cover!important;
    order: 0;
}

.lesson-list .item-main-td {
    padding-top: 10px!important;
    padding-left: 30px!important;
}

.lesson-list .item-main-td > div {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-right: 50px !important;
} 

.lesson-list .user-state-label {
    flex: 0 0 25%;
    order: 1;
}

.lesson-list .description {
    display: flex;
    flex: 0 0 5%;
}

.item-main-td .link.title {
    flex: 0 0 85%;
}

/* Отключаем иконку справа */

.lesson-list li .state-icon-block {
    display: none;
}

/* Устанавливаем прозрачность */

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

/********  Скрываем лишний цвет фона **********/

.lesson-list li .user-state-bg {
     background: none!important;
}

/********  Стилизация уроков **********/

/* Ставим фоновую картинку на урок */

.lesson-list .with-image a:before {
    content: "";
    width: 100%;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/22395/sc/215/h/2c17666de18ce229cfb777c593e835ce.png) 50% 50%!important;
    background-size: cover;
    z-index: -1;
}

.lesson-list li {
    position: relative;
}

/* Задаем стили тексту */

.lesson-list .description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 200;
    color: #EFF0F7;
    padding-top: 16px;
}

.item-main-td .link.title {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    line-height: 28px;
}

/* Ставим счетчик на список */

.lesson-list {
    counter-reset: lesson_list;
}

.link.title:before {
    content: "Урок " counter(lesson_list);
    position: relative;
    display: inline-block;
    background: #ea82ef;
    padding: 3px 12px;
    border-radius: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    counter-increment: lesson_list;
    color: #fff;
}
/******  Стилизация статусов доступов  *******/

/* Уроки */

/* Убираем стандартные надписи недоступности и стоп уроков */
.user-state-label {
display: none!important;
}

/**********************************************************/

/* Делаем новые статусы урокам и присваиваем стили */
.lesson-list .link.title {
    position: relative;
}

.lesson-list .link.title:after {
    font-family: 'FontAwesome', 'Raleway', sans-serif;
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    bottom: -30px;
    left: 0;
}

/** Доступен **/
.user-state-reached .link.title:after, 
.user-state-has_mission .link.title:after {
    content: '\f13e \00a0 \00a0 Доступен';
    color: #EC904C;
}
.user-state-reached .link.title:before, 
.user-state-has_mission .link.title:before {
    background: #EC904C;
}

/** Ожидает проверки **/
.user-state-answered .link.title:after {
    content: '\f017 \00a0 \00a0 Ожидает проверки';
    color: #FFB800;
}

.user-state-answered .link.title:before {
    background: #FFB800;
}

/** Принято **/
.user-state-accomplished .link.title:after {
    content: '\f14a \00a0 \00a0 Принят';
    color: #72992E;
}

.user-state-accomplished .link.title:before {
    background: #72992E;
}

/** Стоп-урок **/
.user-state-need_accomplish .link.title:after {
    content: '\f13e \00a0 \00a0 Необходимо выполнить задание';
    color: #FF8080;
}

.user-state-need_accomplish .link.title:before {
    background: #FF8080;
}

/** Недоступен **/
.user-state-not_reached .link.title:after {
    content: '\f023 \00a0 \00a0 Недоступен';
    color: #999;
}

.user-state-not_reached .link.title {
    color: #999 !important;
}

.user-state-not_reached .link.title:before {
    color: #2c3e50;
}

.user-state-not_reached {
    filter: grayscale(0.9);
}


/******************************************/

/****** Адаптив ********/

.lesson-list .item-main-td > div {
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}

.lesson-list tr .item-main-td {
    padding: 15px 0px 10px 10px !important;
    height: auto !important;
}

.lesson-list .info .item-image  {
    flex: 0 0 100%;
    max-width: 250px;
}

.lesson-list .description {
    padding-top: 0 !important;
    -webkit-line-clamp: 6;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 150% !important;
    text-overflow: ellipsis;
    max-height: calc(6em * 1.5);
}

.lesson-list .link.title {
    flex: 0 0 85%!important;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.lesson-list .link.title:after {
    white-space: pre-wrap !important;
    position: relative !important;
    bottom:0!important;
    display: block;
    line-height: 120%;
    margin-top: auto;
    text-indent: -1.2em;
    padding-left: 1.2em;
}

.lesson-list li .info .vmiddle {
    height: 100%;
}


 
@media (max-width: 1280px) {
  .lesson-list .info tr, .lesson-list .item-main-td > div {
    align-items: stretch !important;
    padding-right: 0 !important;
    flex-direction: inherit!important;
  }

  
.lesson-list .link.title {
    flex: inherit !important;
}

.lesson-list .item-main-td.item-with-image {
    flex: auto!important;
}
/*.col-md-8 {
    width: 27.66666667%!important;
}
*/
.lesson-list li .info {
    margin-left: 0;
    background: url(https://fs01.getcourse.ru/fileservice/file/download/a/222911/sc/173/h/8262c075bd0900166cac6b2eea202ee6.png)!important;
}

.lesson-list .info .item-image {
    align-self: flex-start;
}

  .lesson-list .with-image a:before {
    height: 180px !important;
  }

.lesson-list .info .item-image {
    min-width: 340px;
    background-size: cover!important;
    order: 0;
}

  .lesson-list .link.title {
    flex: 0 0 auto !important;
  }

  .lesson-list .link.title:after {
    margin: 15px 0 20px !important;
  }

  .lesson-list .item-main-td.item-with-image {
  	flex: 0;
  }

  .lesson-list li a {
    height: 100%;
    overflow: hidden;
    transition: none;
  }

.lesson-list li table td {
    vertical-align: middle;
    min-height: 180px!important;
}

  .lesson-list li a:before {
    transition: none;
  }

  .lesson-list .with-image a:after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(95.49deg, #171123 26.03%, #3C2B3F 48.6%, #352028 74.18%);
    opacity: 0.4;
  }

  .lesson-list li .info {
    z-index: 1;
  }
}


@media (max-width: 768px) {
  .lesson-list tr .item-main-td {
    padding: 26px 16px !important;
  }
.lesson-list li .info {
    margin-left: 0;
    background: url(https://fs01.getcourse.ru/fileservice/file/download/a/222911/sc/173/h/8262c075bd0900166cac6b2eea202ee6.png)!important;
}
  .lesson-list li .vmiddle {
    margin-left: 0 !important;
  }

  .lesson-list li .item-image {
    display: block !important; 
  }

  .lesson-list li {
    margin: 0 0 16px 0 !important;
  }

}

@media (max-width: 1200px) {

  .lesson-list, 
  .stream-table tbody {
    display: flex;
    flex-wrap: wrap;
  }
.lesson-list li .info {
    margin-left: 0;
    background: url(https://fs01.getcourse.ru/fileservice/file/download/a/222911/sc/173/h/8262c075bd0900166cac6b2eea202ee6.png)!important;
}
.lesson-list .link.title {
    flex: inherit !important;
}

.lesson-list .item-main-td.item-with-image {
    flex: auto!important;
}
  
  .lesson-list li,
  .stream-table tbody tr {
    margin: 0 0 16px 0 !important;
    margin-right: 16px !important;
    flex: 0 0 95%;
  }

  .lesson-list li table {
    height: 100% !important;
  }

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

@media (max-width: 650px) {
  .lesson-list li,
  .stream-table tbody tr {
    margin-right: 0 !important;
    flex: 0 0 95%;
  }
  
  .lesson-list .info tr,
  .lesson-list .item-main-td > div {
      flex-direction: column!important;
    }

.lesson-list li .info {
    margin-left: 0;
    background: url(https://fs01.getcourse.ru/fileservice/file/download/a/222911/sc/173/h/8262c075bd0900166cac6b2eea202ee6.png)!important;
}
}

/*********************************************/

/*********************************************/

/* Анимация уроков */

.lesson-list li .item-a {
    transition: 1s ease-out box-shadow;
}
.lesson-list li .item-a:hover {
    box-shadow: black 0 10px 30px 0;
    transition: 2s ease box-shadow;
}
.lesson-list li .item-a:hover {
    overflow: visible;
}
.lesson-list li {
    overflow: visible !important;
}
.lesson-list li a {
    overflow: hidden !important;
}
.lesson-list .with-image a:before {
    transition: 1s ease-out transform;
}
.lesson-list .with-image a:hover:before {
    transform: scale(1.1);
    transition: 2s ease transform;
}
.lesson-list .info .item-image {
    transition: 1s ease-out transform;
}

/********************************************/
.user-state-not_reached .title[data-date]:after {
    content: attr(data-date);
}
/* ------------- 
content finish - Уроки
------------- */