

.gc-main-content {
    background: var(--main-fon);
}

.gc-main-content .breadcrumb li a,
.gc-main-content .breadcrumbs a{
    font-family: var(--family)!important;
    color: var(--main-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
}

.standard-page-content .breadcrumb > li + li:before {
    content: "/";
}

.gc-main-content .page-header h1 a {
    font-family: var(--family)!important;
    color: var(--main-text);
    font-family: Inter;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    /*border-bottom: 1px dashed var(--main-text);*/
}
.center-block {
  max-width:100%!important;
}

/*шапка урока*/
.gc-main-content .lesson-header-block{
    border-bottom: none!important;
    margin-bottom: 60px!important;
    background: var(--main-fon-2)!important;
    border-radius: 10px;
    padding: 40px 15px !important;
}

.lesson-header-block .text-center {
  /*  margin-bottom: -50%;
    transform: translateY(-50%);*/
}

.lesson-header-block h2.lesson-title-value {
    font-family: var(--family)!important;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
    padding-bottom: 4px;
    color: var(--main-text-2);
}
.lesson-header-block .lesson-description-value {
    font-family: var(--family)!important;
    color: var(--main-text-2);
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
  }

.lesson-header-block .lesson-navigation {
    padding-top: 0px !important;
    position: relative;
}
.lesson-navigation tr {
    display: flex;
    justify-content: space-between;
}

td.text-center.hidden-xs {
    display: none;
}
.lesson-navigation td {
    display: flex;
}
.lesson-navigation td:last-child {
    display: flex;
    flex-direction: row-reverse;
}

.lesson-header-block .lesson-navigation td a {
    color: #ffffff;
    font-family: Inter;
    font-size: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
    display: flex;
    align-items: center;
}
.lesson-navigation td:last-child a {
    /* display: flex; */
    justify-content: flex-end;
}
.lesson-navigation td:first-child a:before,
.lesson-navigation td:last-child a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2709 0.166626L29.7292 0.166626C37.3125 0.166626 41.8334 4.68746 41.8334 12.2708V29.7083C41.8334 37.3125 37.3125 41.8333 29.7292 41.8333H12.2917C4.70838 41.8333 0.187553 37.3125 0.187553 29.7291V12.2708C0.166721 4.68746 4.68755 0.166626 12.2709 0.166626ZM15.1875 22.1041L22.5417 29.4583C22.8542 29.7708 23.25 29.9166 23.6459 29.9166C24.0417 29.9166 24.4375 29.7708 24.75 29.4583C25.3542 28.8541 25.3542 27.8541 24.75 27.25L18.5 21L24.75 14.75C25.3542 14.1458 25.3542 13.1458 24.75 12.5416C24.1459 11.9375 23.1459 11.9375 22.5417 12.5416L15.1875 19.8958C14.5625 20.5 14.5625 21.5 15.1875 22.1041Z' fill='white' /%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  }

.lesson-navigation td:last-child a:after {
  
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.7292 0.166626L12.2709 0.166626C4.68758 0.166626 0.166748 4.68746 0.166748 12.2708L0.166748 29.7083C0.166748 37.3125 4.68758 41.8333 12.2709 41.8333H29.7084C37.2917 41.8333 41.8126 37.3125 41.8126 29.7291V12.2708C41.8334 4.68746 37.3126 0.166626 29.7292 0.166626ZM26.8126 22.1041L19.4584 29.4583C19.1459 29.7708 18.7501 29.9166 18.3542 29.9166C17.9584 29.9166 17.5626 29.7708 17.2501 29.4583C16.6459 28.8541 16.6459 27.8541 17.2501 27.25L23.5001 21L17.2501 14.75C16.6459 14.1458 16.6459 13.1458 17.2501 12.5416C17.8542 11.9375 18.8542 11.9375 19.4584 12.5416L26.8126 19.8958C27.4376 20.5 27.4376 21.5 26.8126 22.1041Z' fill='white' /%3E%3C/svg%3E");
}

.lesson-navigation td a ~ div {
    color: #ffffff;
    font-family: var(--family);
}

.lesson-navigation td:first-child a ~ div {
    margin-left: 10px;
    margin-top: 4px;
}
.lesson-navigation td:last-child a ~ div {
    margin-right: 10px;
    margin-top: 4px;
}

.f-header {
    font-family: var(--family);
}

/*заголовок в уроке*/
.header.f-header.f-lesson-header-1 {
  font-family: var(--family);
}

 .header.f-header.f-lesson-header-1::before {
    content: "";
    position: absolute;
    top:15px;
    left: 250px;
    width: 70%;
    border-bottom: 2px solid #D9D9D9;
    z-index: 1;
}

/*блок с текстом и 2-х колоночный блок*/
.block_text {
  border-radius: 10px;
  box-shadow: 0 7px 44px 0 rgba(0, 0, 0, 0.15);
  padding: 30px 60px 5px;
}

.block_text p{
  font-family: var(--family);
  font-size:20px;
}


/*видео*/
.lt-video {
    margin-bottom: 30px;
}

.lt-video .vhi-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
}

/*вложение*/
.lt-lesson .table.files-table tr {
    display: block;
    position: relative;
    margin: 10px;
    padding: 15px 10px;
    width: inherit;
    box-shadow: 0 7px 44px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    transition: all .3s;
}
.lt-lesson .table.files-table tr:hover {
    transform: translatey(-5px);
}
.lt-lesson .table.files-table td {
    border: none;
    height: auto !important;
    padding: 10px !important;
}
.lt-lesson .table.files-table tr td:nth-child(1) {
    display: none;
}

.lt-lesson .table.files-table tr td:nth-child(2) {
    display: none;
}

.lt-lesson .table.files-table tr td:nth-child(3) a {
    font-family: var(--family)!important;
    color: #333333;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    position: relative;
    transition: all .5s;
}
.lt-lesson .table.files-table tr td:nth-child(3)::after {
  position:absolute;
  content: "";
  background: url(https://fs02.getcourse.ru/fileservice/file/download/a/636058/sc/158/h/7e61c2396b6ce98b9f43c39a3f481c02.png);
  background-size:cover;
  right:30px;
  bottom:10px;
  height:55px;
  width:45px;
}


/*слово Задание*/
.lt-lesson-mission-block h3{
  font-family: var(--family);
  font-weight: 400;
  margin-bottom:30px; 
  margin-top: 30px;
}
.lt-lesson-mission-block h3::before {
    content: "";
    position: absolute;
    top:45px;
    left: 130px;
    width: 80%;
    border-bottom: 2px solid #D9D9D9;
 }

/*Блок Задание*/
.lesson-mission-wrapper {
    border: 0px solid #ddd;
}
/.lesson-mission-wrapper div:nth-child(2) {
    padding-left: 0px!important;
    padding-bottom: 0px!important;
    padding-top: 0px!important;
    margin-bottom: 40px!important;
}
.testing-widget {
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 7px 44px 0 rgba(0, 0, 0, 0.15);
}

.lt-lesson.lt-lesson-mission-block > div > div > div > div > div > div > div:nth-child(2) {
    padding-left: 0px !important;
}

.answer-form {
    padding: 20px;
    background: transparent;
    border-radius: 10px;
    box-shadow: 0 7px 44px 0 rgba(0, 0, 0, 0.15);
}

.answer-form .addfield {
    padding-bottom: 0px;
}

/*ава юзера в блоке ответа на задание*/
.lesson-mission-wrapper .answer-form .user-profile-image.user-default-profile-image{
  display: none;
}

/*ава юзера в блоке комментарий к уроку*/
/*.lt-lesson-comment-block .simple-answer.user-answer .new-comment.new-answer .user-image{
  display: none;
}*/

.lesson-mission-wrapper .answer-form .answer-form-inner {
    margin: 30px;
}

.answer-form .addfield label {
    margin-bottom: 20px;
}

.answer-form-inner .addfield .emoji-textarea {
    padding-right: 40px;
    border-radius: 10px;
}

.answer-form .addfield-type-checkbox input {
    margin-left: 0px;
}

.lesson-mission-wrapper .answer-form .btn.btn-send-answer.btn-primary {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
  background: var(--main-btn);
  border-radius: 10px;
  border:1px solid var(--main-btn);
  font-family: var(--family);
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 20px;
}

/*.lesson-mission-wrapper .answer-form .btn.btn-link.btn-save-draft {
  display: none;
}*/
.lesson-mission-wrapper .answer-form .btn.btn-link.btn-save-draft {
  margin-top: 20px;
}
/*комментарий к уроку*/

.lt-block.lesson-comment-block-1.lt-lesson-comment-block .simple-answer {
    background: transparent;
    padding-left: 10px;
    border-radius: 10px;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
}

@media(max-width:991px){
.header.f-header.f-lesson-header-1::before {
    width: 60%;
    }
.lt-lesson-mission-block h3::before {
    width: 70%;
}  
}

@media (max-width: 767px) {
.lesson-navigation td a ~ div {
        display: block !important;
    }
}

@media (max-width: 700px) {
.lesson-header-block h2.lesson-title-value {
    font-size: 22px;
    }
.lesson-header-block .lesson-description-value {
    font-size: 22px;
    }
}

@media (max-width: 675px) {
.header.f-header.f-lesson-header-1::before {
      width: 50%;
      left: 220px;
}
.lt-lesson-mission-block h3::before {
    width: 60%;
}  
}

@media (max-width: 593px) {
.gc-main-content .lesson-header-block{
   padding: 30px 15px !important;
}
.lesson-header-block h2.lesson-title-value {
    font-size: 18px;
    }
.lesson-header-block .lesson-description-value {
    font-size: 18px;
    }
.header.f-header.f-lesson-header-1 {
  font-size: 20px;
}
.block_text {
    padding: 25px 30px 0px;
}  
.block_text p{
   font-size:18px;
}     
}


@media (max-width: 498px) {
.lesson-header-block h2.lesson-title-value {
    font-size: 16px;
    }
.lesson-header-block .lesson-description-value {
    font-size: 16px;
    }
  .gc-main-content .lesson-header-block{
   padding: 20px 15px !important;
}
.header.f-header.f-lesson-header-1::before {
        width: 45%;
        left: 180px;
}
.lt-lesson-mission-block h3::before {
    width: 55%;
}  
.header.f-header.f-lesson-header-1 {
  font-size: 18px;
}
 
.block_text p{
   font-size:16px;
}      
}

@media (max-width: 381px) {
    .header.f-header.f-lesson-header-1::before {
        width: 40%;
}
.lt-lesson-mission-block h3::before {
    width: 50%;
}  
}
