

:root {
  --color_1: #A30F0F;
  --color_2: #580000;
  --gradient_1: linear-gradient(180deg, rgba(183, 10, 10, 1) 0%, rgba(88, 0, 0, 1) 100%);
  --gradientBlack: linear-gradient(90deg, rgba(55, 55, 55, 1) 0%, rgba(0, 0, 0, 1) 100%);
  --font_1: "Onest", "Montserrat", "Open Sans", "proxima-nova", sans-serif;
}


@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  src:
    url("/fileservice/file/download/a/823824/sc/488/h/369407696280706085c4fa51f8ce297f.woff2") format("woff2"),
    url("/fileservice/file/download/a/823824/sc/241/h/7b668db133beee549642ddfe3a4a5610.woff") format("woff");
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 700;
  src:
    url("/fileservice/file/download/a/823824/sc/399/h/4e85e9ea59df210eefc1fd7e5dd4e172.woff2") format("woff2"),
    url("/fileservice/file/download/a/823824/sc/469/h/6c5bb8cd6777226f45004238e4842800.woff") format("woff");
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 100;
  src:
    url("/fileservice/file/download/a/823824/sc/198/h/99aa7308534f39efd561cc4a034c5bc8.woff2") format("woff2"),
    url("/fileservice/file/download/a/823824/sc/436/h/8dc710e16bd7e8bc551a96eda5ceed1f.woff") format("woff");
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  src:
    url("/fileservice/file/download/a/823824/sc/353/h/00a41058822225a89015455f400ce089.woff2") format("woff2"),
    url("/fileservice/file/download/a/823824/sc/194/h/6da8f1e72aebe1c323b387913d1e7393.woff") format("woff");
}


@media (max-width: 480px) {

  .main-page-block.medium-width .container {
    margin-left: 0;
    margin-right: 0;
  }
}


.gradient_text {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(180deg, rgba(183, 10, 10, 1) 0%, rgba(88, 0, 0, 1) 100%);
}








::-moz-selection {
  color: #ffffff;
  background: #A30F0F;
}

::selection {
  color: #ffffff;
  background: #A30F0F;
}


body a,
body div,
body p,
body h1,
body h2,
body h3,
body h4 {
  font-family: var(--font_1);
}



html {
  height: auto;
}

body {
  min-height: 100vh;
  height: auto;
}

.xdget-root {
  padding-bottom: 200px;
}

@media (max-width: 480px) {
  .xdget-root {
    padding-bottom: 80px;
  }
}

.main-page-block {
  padding: 0;
}

.chatium_body {
  padding: 0 15px;
}

.row h3 {
  padding: 0;
}


.content-menu {
  border: none;
}

.breadcrumbs,
.breadcrumb,
.breadcrumbs a,
.breadcrumb a,
.content-menu a {
  color: #373737;
}


.page-header .btn {
  border: none;
}

.page-header .btn.btn-success {
  background-color: var(--color_1);

}





.page-header h1 {
  color: #111111;
  font-family: var(--font_1);
}

.page-header h1 a {
  color: #373737;
  text-decoration: none;
  transition: color .4s ease;
}

.page-header h1 a:hover {
  color: #A30F0F;
  transition: color .4s ease;
}

.page-header {
  border: 0;
}


.page-header button.btn.btn-primary {
  background: var(--color_1);
}

@media (max-width: 767px) {
  .page-header h1 {
    font-size: 24px;
    margin-right: 0;
  }
}










/* chatium_body */
/* mode-selector */
.mode-selector {
    border-color: var(--color_1);
}

.mode-selector .link.active {
    background: var(--color_1);
}

.mode-selector .link {
    color: #111111;
    border-right: 1px solid var(--color_1);
}

/* / mode-selector */

body.chatium_body > div > div[style*=flex-grow] > a {
    color: #838383;
}

/* ------------- 
content start - lessons_list_1
------------- */

/* Список уроков УБИРАЕМ ЛИШНЕЕ */
.lessons_list_1 .lesson-list {
  padding: 0;
}

/* Убираем  фон */
.lessons_list_1 .lesson-list,
.lessons_list_1 .lesson-list li a.user-state-bg,
.lessons_list_1 .lesson-list li .info {
  background: initial;

}

.lessons_list_1 .lesson-list li {
  min-height: initial;
  margin: 0 0 0 0;
  border-radius: 0;
}

/* Надпись перед недостигнутыми Чтобы получить доступ ... */
.lessons_list_1 .lesson-list li.divider {
  display: none;
}

.lessons_list_1 .lesson-list li .item-a {
  border-radius: 0;
  text-decoration: none;
}

/* Убираем иконку */
.lessons_list_1 .lesson-list li .state-icon-block {
  display: none;
}

.lessons_list_1 .lesson-list li .info {
  margin: 0;
}

/* Убираем лишний бордер  */
.lessons_list_1 .lesson-list li .info {
  border: inherit !important;
}


/* Убрать изображение */
.lessons_list_1 .lesson-list li .item-image {
  display: none;
}


.lessons_list_1 .lesson-list li table td {
  min-height: initial;
}

.lessons_list_1 .lesson-list .item-main-td,
.lessons_list_1 .lesson-list .item-main-td.item-with-image {
  padding: 0;
}

/* Высота td у урока с изображением */
.lessons_list_1 .lesson-list .item-main-td.item-with-image {
  height: auto;
}



/* Дата открытия */
.lessons_list_1 .lesson-list .user-state-label.has-start-at.lesson-date {
  display: block;
}

.lessons_list_1 .lesson-list li table {
  min-width: initial;
  min-height: initial;
  width: 100%;
}

.lessons_list_1 .lesson-list li .info .vmiddle {
  padding: 0;
  margin: 0;
}


/* Лишний отступ справа у заголовка */
.lessons_list_1 .lesson-list li .title {
  margin-right: 0;
}

/* Описание */
.lessons_list_1 .lesson-list .description {
  width: 100%;
}


/* Просмотрено */
.lessons_list_1 .lesson-list .lesson-list__video-watched {
  display: none;
}

.lessons_list_1 .lesson-list li.user-state-not_reached .info {
  background: transparent;
}



.lessons_list_1 .lesson-list .user-state-label {
  display: none !important;
}

/*******************************/
/* Конец УБИРАЕМ ЛИШНЕЕ */






.lessons_list_1 .lesson-list li a {
  padding: 25px 80px 25px 35px;
  min-height: 200px;
}

.lessons_list_1 .lesson-list li .title {
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--gradient_1);
}


.lessons_list_1 .lesson-list li {
  margin-bottom: 30px;
  border-radius: 30px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);

  overflow: hidden;
}

.lessons_list_1 .lesson-list li .info .vmiddle {
  position: relative;
}

.lessons_list_1 .lesson-list li .info .vmiddle::before {
  content: "Урок";
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
  color: #111111;
}

.lessons_list_1 .lesson_el {
  margin-top: auto;
  display: flex;
  align-items: center;
  width: max-content;
  padding: 8px 14px 8px 45px;
  border-radius: 40px;
  font-size: 20px;
  line-height: 1.2;
  font-family: var(--font_1);
  color: #ffffff;
  background-color: #111111;
  position: relative;
  z-index: 2;
}

.lessons_list_1 .lesson_el svg {
  margin-left: 10px;
  display: inline-block;
}

.lessons_list_1 .lesson_el::before {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 30px;
  background-image: linear-gradient(to right top, #ffffff, #fbfbfb, #f8f6f7, #f4f2f2, #f0eeed);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}



.lessons_list_1 .lesson-list li.user-state-not_reached .info .vmiddle::before {
  padding-left: 20px;
  background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16846 1.19092C10.3421 1.19092 11.2935 2.08635 11.2935 3.19092V7.19092H7.04346V3.19092C7.04346 2.08635 7.99485 1.19092 9.16846 1.19092ZM12.356 7.19092V3.19092C12.356 1.53406 10.9289 0.190918 9.16846 0.190918C7.40805 0.190918 5.98096 1.53406 5.98096 3.19092V7.19092C4.80735 7.19092 3.85596 8.08635 3.85596 9.19092V14.1909C3.85596 15.2955 4.80735 16.1909 5.98096 16.1909H12.356C13.5296 16.1909 14.481 15.2955 14.481 14.1909V9.19092C14.481 8.08635 13.5296 7.19092 12.356 7.19092Z" fill="url(%23paint0_linear_34_2303)"/><defs><linearGradient id="paint0_linear_34_2303" x1="3.85596" y1="8.19092" x2="14.481" y2="8.19092" gradientUnits="userSpaceOnUse"><stop stop-color="%23373737"/><stop offset="1"/></linearGradient></defs></svg>');
  background-position: left center;
  background-repeat: no-repeat;
}

.lessons_list_1 .lesson-list li a {
  position: relative;
  display: flex;
  flex-direction: column;
}

.lessons_list_1 .lesson-list li.user-state-not_reached a {
  position: relative;
  background: #f9f9f9;
}

.lessons_list_1 .lesson-list li a::before {
  content: "";
  display: block;
  width: 251px;
  height: 64px;
  position: absolute;
  right: 30px;
  top: -15px;
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/251/h/a5e9cb951e52db485a245b690dd7f82d.png");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}


.lessons_list_1 .lesson-list li a::after {
  content: "";
  display: block;
  width: 420px;
  height: 143px;
  position: absolute;
  right: 0;
  bottom: -15px;
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/272/h/91bc6dd9c3089919f6a63f6b8f6b9b8c.png");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}




@media (max-width: 768px) {
  .lessons_list_1 .lesson-list li a {
    padding: 20px 30px 20px 20px;
  }

  .lessons_list_1 .lesson-list li {
    margin: 0 auto 30px auto;
    max-width: 420px;
    border-radius: 20px;
    background-size: 160px, 240px;
    background-position: right 20px top -10px, right 0 bottom 0;
  }

  .lessons_list_1 .lesson-list li .title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .lessons_list_1 .lesson-list li .info .vmiddle::before {
    font-size: 16px;
  }

  .lessons_list_1 .lesson_el {
    font-size: 16px;
  }

  .lessons_list_1 .lesson_el::before {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 370px) {
  .lessons_list_1 .lesson-list li .title {
    font-size: 22px;
  }
}






/* not_reached  */


.lessons_list_1 .lesson-list li.user-state-not_reached a::before,
.lessons_list_1 .lesson-list li.user-state-not_reached a::after {
  filter: grayscale(95%);
  opacity: 0.35;
}

.lessons_list_1 .lesson-list li.user-state-not_reached .title {
  opacity: 0.5;
  filter: grayscale(1);
}


.lessons_list_1 span.lesson_el.el_not_reached {
  font-size: 18px;
  color: #111111;
  background: #f9f9f9;
  border: 1px solid #111111;
}

.lessons_list_1 .user-state-not_reached .lesson_el::before {
  background-image: linear-gradient(to right top, #373737, #2b2b2b, #1f1f1f, #131313, #000000);
}

@media (max-width: 768px) {
  .lessons_list_1 .user-state-not_reached .lesson_el svg {
    margin-left: 4px;
  }

  .lessons_list_1 span.lesson_el.el_not_reached {
    font-size: 16px;
    padding: 8px 14px 8px 40px;
  }

  .lessons_list_1 .lesson-list li a::before {
    width: 180px;
    height: 46px;
    top: -10px;
  }

  .lessons_list_1 .lesson-list li a::after {
    width: 302px;
    height: 103px;
    bottom: -15px;
  }
}

/* / not_reached  */


/* stop_lesson */
.lessons_list_1 .lesson-list li.stop_lesson .info .vmiddle::before {
  content: "Стоп-урок";
}
/* ------------- 
content finish - lessons_list_1
------------- */

/* ------------- 
content start - main_modules
------------- */

.main_modules .stream-table,
.main_modules .stream-table tr,
.main_modules .stream-table tr td {
  margin: 0;
  padding: 0;
  display: block;
}

.main_modules .stream-table {
  counter-reset: modules_counter;
}

.main_modules .stream-table tr {
  counter-increment: modules_counter;
}

.main_modules .stream-table tbody {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap;
}

.main_modules .stream-table tbody tr {
  margin: 0 12px 24px 12px;
  flex: 0 1 calc(50% - 24px);
  border-radius: 30px;
  background-color: #ececec;
  overflow: hidden;
}

.main_modules .stream-table tr td,
.main_modules .stream-table tr td:hover {
  height: 100%;
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/282/h/622d192f003fad7ead7677addc644a2c.jpg");
  background-size: cover;
  background-color: transparent;
}

.main_modules .stream-table tr:nth-child(2n+2) td {
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/312/h/498c3889a9ee1c87c8abf0d65b3a94cd.jpg");

}



.main_modules .stream-table tr a {
  margin: 0;
  display: flex;
  flex-direction: column;
  padding: 36px;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.main_modules .stream-table .stream-title+div>b {
  display: none;
}



.main_modules .stream-table .stream-title {
  margin-bottom: 36px;
  order: 1;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 700;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--gradient_1);
  text-transform: uppercase;
}

.main_modules .stream-table .stream-title+div {
  margin-bottom: 25px;
  padding: 5px 12px;
  border: 2px solid var(--color_1);
  border-radius: 20px;
  font-weight: 500;
  font-family: var(--font_1);
  display: inline-block;
  width: max-content;
  text-transform: uppercase;
}

.main_modules .stream-table tr a::before {
  content: "0"counter(modules_counter);
  display: block;
  position: absolute;
  right: 25px;
  bottom: -20px;
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.25;
  color: transparent;
  -webkit-text-stroke: 1px var(--color_1);
  text-stroke: 1px var(--color_1);
  -webkit-background-clip: text;
  background-clip: text;
}

.main_modules .stream-table tr:nth-child(n+10) a::before {
  content: counter(modules_counter);
}


.main_modules .module_el {
  margin-top: auto;
  padding: 8px 14px 8px 40px;
  order: 3;
  width: max-content;
  border-radius: 50px;
  position: relative;
  font-family: var(--font_1);
  color: #ffffff;
  background-color: var(--color_1);
  background-image: var(--gradient_1);
}

.main_modules .module_el svg {
  margin-left: 10px;
  display: inline-block;
}


.main_modules .module_el::before {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/108/h/7aad276965db1762d6af04288905aa87.png");
  display: inline-block;
  background-size: contain;
}

@media (max-width: 991px) {

  .main_modules .stream-table tbody {
    display: block;
    margin: 0;
  }

  .main_modules .stream-table tbody tr {
    margin: 0 auto 24px auto;
    max-width: 420px;
    border-radius: 20px;
  }
}


@media (max-width: 400px) {
  .main_modules .stream-table tr a {
    padding: 20px 20px;
  }

  .main_modules .stream-table .stream-title {
    margin-bottom: 28px;
    font-size: 24px;
  }

  .main_modules .stream-table .stream-title+div {
    margin-bottom: 20px;
  }
}
/* ------------- 
content finish - main_modules
------------- */

/* ------------- 
content start - modules_style_2
------------- */

.modules_style_2 .stream-table,
.modules_style_2 .stream-table tr,
.modules_style_2 .stream-table tr td {
  display: block;
  padding: 0;
  margin: 0;
}

.modules_style_2 .stream-table tr td {
  height: 100%;
  position: relative;
}

.modules_style_2 .stream-table tr td:hover {
  background-color: transparent;
}

.modules_style_2 .stream-table tbody {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}

.modules_style_2 .stream-table {
  counter-reset: modules_counter -1;
}

.modules_style_2 .stream-table tr {
  counter-increment: modules_counter;
}

.modules_style_2 .stream-table tr {
  margin: 0 15px 30px 15px;
  flex: 0 1 calc(50% - 30px);
  border-radius: 30px;
  max-width: 420px;
  background-image: var(--gradient_1);
  overflow: hidden;
}


.modules_style_2 .stream-table tr td::before {
  content: "";
  width: 280px;
  height: 280px;
  position: absolute;
  left: -180px;
  bottom: -90px;
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/162/h/3469ab1b83d7a94b6c8478439eb72ce4.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.modules_style_2 .stream-table tr td::after {
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  right: -80px;
  top: -80px;
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/331/h/b64fefd728ece120119ad8cd07cc2a73.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.2;
  pointer-events: none;
}

.modules_style_2 .stream-table tr a {
  padding: 60px 32px 32px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.modules_style_2 .stream-table tr:nth-child(2n+2) td::before {
  width: 200px;
  height: 200px;
  left: -20px;
  top: -20px;
  bottom: auto;
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/334/h/bacc3a62a1fe7f58e23548f2664afbe1.png");

}

.modules_style_2 .stream-table tr:nth-child(2n+2) td::after {
  right: -15px;
  top: auto;
  bottom: -60px;
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/823824/sc/474/h/fc5eab30fee9c5b55954bd081eec1aac.png");
  z-index: 0;
}



.modules_style_2 .stream-table .stream-title {
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 700;
  display: block;
  line-height: 1.2;
  font-family: var(--font_1);
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
}

.modules_style_2 .stream-table tr a::before {
  content: "Блок "counter(modules_counter);
  margin-bottom: 15px;
  padding: 5.1px 16px 5px 16px;
  display: inline-block;
  border: 2px solid;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  color: #ffffff;
  font-family: var(--font_1);
}


.modules_style_2 .stream-table .stream-title+div,
.modules_style_2 .stream-table .stream-title+div>b {
  display: none;
  color: #ffffff;
}


.modules_style_2 .stream-table .module_el {
  margin-top: auto;
  background-color: #ffffff;
  padding: 9px 16px 9px 45px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  font-family: var(--font_1);
  position: relative;
  z-index: 2;
}

.modules_style_2 .stream-table .module_el svg {
  margin-left: 10px;
  display: inline-block;
}


.modules_style_2 .stream-table .module_el::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--gradient_1);
}

@media (max-width: 1100px) {
  .modules_style_2 .stream-table tbody {
    display: block;
    margin: 0;
  }

  .modules_style_2 .stream-table tr {
    margin: 0 auto 25px auto;
  }

  .modules_style_2 .stream-table tr a {
    padding: 60px 32px 32px 32px;
  }

}


@media (max-width: 480px) {
  .modules_style_2 .stream-table tr a {
    padding: 50px 25px 30px 25px;
  }

  .modules_style_2 .stream-table .stream-title {
    font-size: 28px;
  }
}

@media (max-width: 380px) {


  .modules_style_2 .stream-table tr a {
    padding: 40px 20px 30px 19px;
  }

  .modules_style_2 .stream-table .stream-title {
    font-size: 24px;
  }
}
/* ------------- 
content finish - modules_style_2
------------- */

/* ------------- 
content start - lessons_list_2
------------- */

/* Список уроков УБИРАЕМ ЛИШНЕЕ */
.lessons_list_2 .lesson-list {
  padding: 0;
}

/* Убираем  фон */
.lessons_list_2 .lesson-list,
.lessons_list_2 .lesson-list li a.user-state-bg,
.lessons_list_2 .lesson-list li .info {
  background: initial;

}

.lessons_list_2 .lesson-list li {
  min-height: initial;
  margin: 0 0 0 0;
  border-radius: 0;
}

/* Надпись перед недостигнутыми Чтобы получить доступ ... */
.lessons_list_2 .lesson-list li.divider {
  display: none;
}

.lessons_list_2 .lesson-list li .item-a {
  border-radius: 0;
  text-decoration: none;
}

/* Убираем иконку */
.lessons_list_2 .lesson-list li .state-icon-block {
  display: none;
}

.lessons_list_2 .lesson-list li .info {
  margin: 0;
}

/* Убираем лишний бордер  */
.lessons_list_2 .lesson-list li .info {
  border: inherit !important;
}


/* Убрать изображение */
.lessons_list_2 .lesson-list li .item-image {
  display: none;
}


.lessons_list_2 .lesson-list li table td {
  min-height: initial;
}

.lessons_list_2 .lesson-list .item-main-td,
.lessons_list_2 .lesson-list .item-main-td.item-with-image {
  padding: 0;
}

/* Высота td у урока с изображением */
.lessons_list_2 .lesson-list .item-main-td.item-with-image {
  height: auto;
}



/* Дата открытия */
.lessons_list_2 .lesson-list .user-state-label.has-start-at.lesson-date {
  display: block;
}

.lessons_list_2 .lesson-list li table {
  min-width: initial;
  min-height: initial;
  width: 100%;
}

.lessons_list_2 .lesson-list li .info .vmiddle {
  padding: 0;
  margin: 0;
}


/* Лишний отступ справа у заголовка */
.lessons_list_2 .lesson-list li .title {
  margin-right: 0;
}

/* Описание */
.lessons_list_2 .lesson-list .description {
  width: 100%;
}


/* Просмотрено */
.lessons_list_2 .lesson-list .lesson-list__video-watched {
  display: none;
}

.lessons_list_2 .lesson-list li.user-state-not_reached .info {
  background: transparent;
}



.lessons_list_2 .lesson-list .user-state-label {
  display: none !important;
}

/*******************************/
/* Конец УБИРАЕМ ЛИШНЕЕ */






.lessons_list_2 .lesson-list li a {
  padding: 25px 80px 25px 35px;
  min-height: 200px;
}

.lessons_list_2 .lesson-list li .title {
  margin-bottom: 30px;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--gradient_1);
}


.lessons_list_2 .lesson-list li {
  margin-bottom: 30px;
  border-radius: 30px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);

  overflow: hidden;
}

.lessons_list_2 .lesson-list li .info .vmiddle {
  position: relative;
}

.lessons_list_2 .lesson-list li .info .vmiddle::before {
  content: "Урок";
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
  color: #111111;
}

.lessons_list_2 .lesson_el {
  margin-top: auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  width: max-content;
  padding: 8px 14px 8px 45px;
  border-radius: 40px;
  font-size: 18px;
  line-height: 1.2;
  font-family: var(--font_1);
  color: #ffffff;
  background-color: #111111;
  background-image: var(--gradient_1);
  position: relative;
  z-index: 2;
}

.lessons_list_2 .lesson_el svg {
  margin-left: 10px;
  display: inline-block;
}

.lessons_list_2 .lesson_el::before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 30px;
  background-image: linear-gradient(to right top, #ffffff, #fbfbfb, #f8f6f7, #f4f2f2, #f0eeed);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}



.lessons_list_2 .lesson-list li.user-state-not_reached .info .vmiddle::before {
  padding-left: 20px;
  background-image: url('data:image/svg+xml,<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16846 1.19092C10.3421 1.19092 11.2935 2.08635 11.2935 3.19092V7.19092H7.04346V3.19092C7.04346 2.08635 7.99485 1.19092 9.16846 1.19092ZM12.356 7.19092V3.19092C12.356 1.53406 10.9289 0.190918 9.16846 0.190918C7.40805 0.190918 5.98096 1.53406 5.98096 3.19092V7.19092C4.80735 7.19092 3.85596 8.08635 3.85596 9.19092V14.1909C3.85596 15.2955 4.80735 16.1909 5.98096 16.1909H12.356C13.5296 16.1909 14.481 15.2955 14.481 14.1909V9.19092C14.481 8.08635 13.5296 7.19092 12.356 7.19092Z" fill="url(%23paint0_linear_34_2303)"/><defs><linearGradient id="paint0_linear_34_2303" x1="3.85596" y1="8.19092" x2="14.481" y2="8.19092" gradientUnits="userSpaceOnUse"><stop stop-color="%23373737"/><stop offset="1"/></linearGradient></defs></svg>');
  background-position: left center;
  background-repeat: no-repeat;
}

.lessons_list_2 .lesson-list li a {
  position: relative;
  display: flex;
  flex-direction: column;
}

.lessons_list_2 .lesson-list li.user-state-not_reached a {
  position: relative;
  background: #f9f9f9;
}





@media (max-width: 768px) {
  .lessons_list_2 .lesson-list li a {
    padding: 20px 30px 20px 20px;
  }

  .lessons_list_2 .lesson-list li {
    margin: 0 auto 30px auto;
    max-width: 420px;
    border-radius: 20px;
    background-size: 160px, 240px;
    background-position: right 20px top -10px, right 0 bottom 0;
  }

  .lessons_list_2 .lesson-list li .title {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .lessons_list_2 .lesson-list li .info .vmiddle::before {
    font-size: 16px;
  }

  .lessons_list_2 .lesson_el {
    font-size: 16px;
  }

  .lessons_list_2 .lesson_el::before {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 370px) {
  .lessons_list_2 .lesson-list li .title {
    font-size: 22px;
  }
}






/* not_reached  */


.lessons_list_2 .lesson-list li.user-state-not_reached a::before,
.lessons_list_2 .lesson-list li.user-state-not_reached a::after {
  filter: grayscale(95%);
  opacity: 0.35;
}

.lessons_list_2 .lesson-list li.user-state-not_reached .title {
  opacity: 0.5;
  filter: grayscale(1);
}


.lessons_list_2 span.lesson_el.el_not_reached {
  font-size: 18px;
  color: #111111;
  background: #f9f9f9;
  border: 1px solid #111111;
}

.lessons_list_2 .user-state-not_reached .lesson_el::before {
  background-image: linear-gradient(to right top, #373737, #2b2b2b, #1f1f1f, #131313, #000000);
}

@media (max-width: 768px) {
  .lessons_list_2 .user-state-not_reached .lesson_el svg {
    margin-left: 4px;
  }

  .lessons_list_2 span.lesson_el.el_not_reached {
    font-size: 16px;
    padding: 8px 14px 8px 40px;
  }

}

/* / not_reached  */


/* stop_lesson */
.lessons_list_2 .lesson-list li.stop_lesson .info .vmiddle::before {
  content: "Стоп-урок";
}

.lessons_list_2 .lesson-list li a.item-a {
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/896950/sc/287/h/2e5fc30532bde893812ea2ffc7cf305d.png");
  background-size: cover;
}
/* ------------- 
content finish - lessons_list_2
------------- */

/* ------------- 
content start - Общие Внутри урока 
------------- */

/* btn_next_block */
.btn_next_block {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.btn_next_block .btn_next {
    border-radius: 50px;
    font-size: 20px;
    font-weight: 500;
    padding: 12px 40px;
    font-family: var(--font_1);
    color: #ffffff;
    background-color: #111111;
    background: var(--gradientBlack);
}
/* / btn_next_block */



.lt-lesson-mission-block .container {
  padding: 0;
}

@media (max-width: 480px) {
  .gc-main-content.with-left-menu .container {
    margin: 0;
  }
}

.lt-lesson-comment-block .row-section {
  margin: 0;
}



/* Задание */

.lt-lesson-mission-block .container {
  padding: 0;
}

.lt-lesson-comment-block .container {
  padding: 0;
}

.lesson-header-block.row-section {
  position: relative;
  background: #ffffff !important;
}




.lt-lesson-mission-block .row-section>.col-md-12>div:first-child {
  padding: 30px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.lt-lesson-mission-block h3 {
  margin-bottom: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: var(--gradient_1);
}


.lt-lesson-mission-block .lesson-mission-wrapper {
  border: none;

}



.lt-lesson-mission-block .lesson-mission-text {
  padding: 0 !important;
  margin-bottom: 20px;
  border: 0;
}

/* Тестирование */
.testing-widget .before-start-block .start-btn {
  border: 0;
  border-radius: 30px;
  padding: 15px 40px;
  width: 100%;
  max-width: 280px;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font_1);
  background-image: var(--gradient_1);
  transition: filter .4s ease;
}

.testing-widget .btn-send-variant {
  min-height: 40px;
  border: 0;
  font-weight: 400;
  font-family: var(--font_1);
  background-image: var(--gradient_1);
}


.testing-widget .stat-block .stat-title {
  font-size: 24px;
}

.testing-widget .stat-block .stat-str {
  font-size: 24px;
}


.self-answers+div[style*=padding-left] {
  padding: 0 !important;
}

.testing-widget .text-success {
  margin-bottom: 10px;
}

/* / Тестирование */

.lt-lesson-mission-block .answer-form {
  background-color: transparent;
  border-radius: 20px;
  padding: 0;
}

.answer-form .answer-textarea-container {
  width: 100%;
  max-width: 620px;
}


.lt-lesson-mission-block .answer-form .user-profile-image {
  border-radius: 50px;
}

/* textarea */
#LessonAnswer_answer_text {
  border-color: #d4d4d4;
  border-radius: 20px;
  padding: 10px 25px 10px 10px;
  background-color: #F4F4F4;
  resize: vertical !important;
  min-height: 80px;
  font-family: var(--font_1);
}

/* Добавить файлы */
.lt-lesson-mission-block .uploadifive-button {
  border-radius: 30px;
  font-family: var(--font_1);
  font-weight: 400;

  background: var(--gradientBlack);
}

.lt-lesson-mission-block .uploadifive-button input[type="file"] {
  cursor: pointer;
}

/* Отправить ответ  */
.lt-lesson-mission-block .btn-send-answer {
  border: 0;
  border-radius: 30px;
  padding: 15px 35px;
  font-family: var(--font_1);
  background-image: var(--gradient_1);
  transition: filter .4s ease;
}

.lt-lesson-mission-block .btn-send-answer:hover {
  filter: brightness(110%);
}



/* Сохранить черновик */
.lt-lesson-mission-block .answer-form .btn-save-draft {
  color: #373737;
  font-family: var(--font_1);
  text-decoration: none;
  transition: color .4s;
}

.lt-lesson-mission-block .answer-form .btn-save-draft:hover {
  color: #000000;
}



/* Отправлено */

.lt-lesson-mission-block .self-answers .user-answer {
  border: 0;
}

.lt-lesson-mission-block .self-answers .comment-form-wrapper .new-comment-textarea {
  padding: 5px 50px 10px 10px;
  min-height: 50px !important;
  border-radius: 10px;
  resize: vertical !important;
}

.lt-lesson-mission-block .self-answers .comment-form-wrapper .btn-send {
  border: 0;
  border-radius: 30px;
  padding: 12px 35px;
  font-size: 14px;
  font-family: var(--font_1);
  background-image: var(--gradient_1);
}

.lt-lesson-mission-block .self-answers .user-profile-image {
  border-radius: 50px;
}

.lt-lesson-mission-block .self-answers a {
  color: #4B44D0;
  border-color: #4B44D0;
  font-family: var(--font_1);
}



@media (max-width: 767px) {
  .lt-lesson-mission-block .row-section>.col-md-12>div:first-child {
    padding: 20px 15px;
    border-radius: 15px;
  }

  .lt-lesson-mission-block h3 {
    margin-bottom: 15px;
  }

  .lt-lesson-mission-block .btn-send-answer {
    margin-bottom: 30px;
  }

  .lt-lesson-mission-block .answer-form .btn-save-draft {
    margin: 0;
  }

  .lt-lesson-mission-block #LessonAnswer_answer_text {
    border-radius: 12px;
  }
}

/* / Задание */




/* Комментарий */

.lesson-answers-title a {
  color: #4B44D0;
}

.lt-lesson-comment-block .simple-answer {
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  font-family: var(--font_1);
}


.lt-lesson-comment-block .new-comment .textarea-block {
  width: 100%;
  max-width: 620px;
}

/* user-profile-image */
.lt-lesson-comment-block .simple-answer .user-profile-image {
  border-radius: 50px;
}


/* comment textarea */
.lt-lesson-comment-block .simple-answer .new-comment-textarea {
  border-color: #d4d4d4;
  border-radius: 10px;
  padding: 5px 25px 10px 5px;
  resize: vertical !important;
  min-height: 60px;
}


.lt-lesson-comment-block .btn-send {
  border: 0;
  border-radius: 30px;
  padding: 12px 35px;
  font-size: 16px;
  font-family: var(--font_1);
  background-image: var(--gradient_1);
  ;
}

@media (max-width: 767px) {
  .lt-lesson-comment-block .simple-answer {
    padding: 20px 15px;
    border-radius: 15px;
  }
}



/* Ответы */

.answers-list .lesson-answer-comment {
  border-radius: 5px;
}


.answers-list .user-profile-image {
  border-radius: 50px;
}


.answers-list .comment-form-wrapper .new-comment-textarea {
  padding: 5px 50px 10px 10px;
  min-height: 50px !important;
  border-radius: 10px;
  resize: vertical !important;
}


.answers-list .comment-form-wrapper .btn-send {
  border: 0;
  border-radius: 30px;

}

.lt-lesson-comment-block .comments-tree,
.lt-lesson-comment-block .comments-tree a {
  font-family: var(--font_1);
}

.lt-lesson-comment-block .answers-list a,
.lt-lesson-comment-block .comments-tree .user-profile-link .text,
.lt-lesson-comment-block .b-like .button,
.lt-lesson-comment-block .b-notifications-subscribe .button {
  color: #4B44D0;
  border-color: #4B44D0;
}


/* / Комментарий */



/* Шапка */
.lesson-header-block.row-section {
  padding: 30px 20px 10px 20px !important;
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.lesson-header-block .header-view>.text-center {
  padding: 0 !important;
}

.lesson-header-block .lesson-title-value {
  font-size: 36px;
  color: #1C194E;
  background-image: var(--gradient_1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
}


.lesson-header-block .lesson-navigation {
  padding: 20px 0 !important;
}

.lesson-header-block .lesson-navigation a {
  border-bottom: 1px solid;
  color: #4B44D0;
  text-decoration: none;
  transition: color .4s;
}

.lesson-header-block .lesson-navigation a:hover {
  color: #564ef3;
}

/* Скрыть сколько уроков */
.lesson-header-block.row-section td.text-center>span {
  display: none;
}

/* Скрыть Описание урока */
.lesson-header-block.row-section .lesson-description-value {
  display: none;
}

/* Скрыть названия пред. след. уроков */
.lesson-header-block td>.hidden-xs {
  display: none;
}


@media (max-width: 480px) {

  .lesson-header-block.row-section {
    border-radius: 15px;
  }

  .lesson-header-block .lesson-title-value {
    font-size: 24px;
  }
}

/*  / Шапка */





.lt-lesson button#showMoreAnswers {
  border-radius: 30px;
  font-size: 16px;
  padding: 14px 35px;
  background-color: #141237;
  border: 0;
  background-image: var(--gradientBlack);
}




/* ------------- 
content finish - Общие Внутри урока 
------------- */
