@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
    --color-btn1:#FF6B3B;/*рыжий*/
 	--color-text1:#1F2D72;/*синий*/
 	--color-fon: #fff;
 	--color-btn2: #E1261D;/*красный*/
	--main-fon: #FCFDFF;/*почти белый*/
	--main-text: #344054;/*темно-серо-синий*/
	--main-text-2: #667085;/*серый*/
    --him: #522D8D;
    --mat:#034FBE;
    --fiz:#092A91;
      }

.new_lesson .gc-main-content {
    background: #F5F5F5;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/593558/sc/236/h/66c64a0a881fe42c00eeaa8c532bd786.svg');
	background-repeat: no-repeat;
	background-position:center; 
	background-size:cover;
	background-attachment:fixed;
}
.new_lesson .page-header {
    padding: 15px 30px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 16px;
    border: none;
}
.new_lesson .page-header h1 {
    margin: 0;
    font-family: 'Roboto';
    font-weight: 700;
    text-align: center;
}
.new_lesson.him .page-header h1 a {
    color: var(--him) !important;
}
.new_lesson.mat .page-header h1 a,
.new_lesson.russ .page-header h1 a{
    color: var(--mat) !important;
}
.new_lesson.fiz .page-header h1 a {
    color: var(--fiz) !important;
}

/*увеличили ширину урока*/
.new_lesson .center-block {
  max-width: 100%!important;
}

/*шапка*/
.new_lesson .lesson-header-block.row-section {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 0 !important;
    border-radius: 16px;
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.10);
}

.new_lesson .lesson-header-block h2.lesson-title-value {
    margin: 0 auto;
    padding-bottom: 10px;
    width: 90%;
    font-weight: 300;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
   }

.new_lesson.him .lesson-header-block h2.lesson-title-value {
    color: var(--him) !important;
}
.new_lesson.mat .lesson-header-block h2.lesson-title-value,
.new_lesson.russ .lesson-header-block h2.lesson-title-value{
    color: var(--mat) !important;
}
.new_lesson.fiz .lesson-header-block h2.lesson-title-value {
    color: var(--fiz) !important;
}
.new_lesson .lesson-header-block .lesson-description-value {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    color: #000000;
}

.new_lesson.him .lesson-navigation {
    color: var(--him) !important;
}
.new_lesson.mat .lesson-navigation,
.new_lesson.russ .lesson-navigation{
    color: var(--mat) !important;
}
.new_lesson.fiz .lesson-navigation {
    color: var(--fiz) !important;
}

.new_lesson .lesson-header-block .lesson-navigation {
    margin-top: 20px;
    padding-bottom: 30px !important;
}


.new_lesson .lesson-header-block .lesson-navigation td:nth-child(1) {
    padding-left: 0 !important;
}

.new_lesson .lesson-header-block .lesson-navigation td:nth-child(3) {
    padding-right: 0 !important;
}
.new_lesson .lesson-header-block .lesson-navigation a {
    margin-bottom: 10px;
    padding: 6px 15px 8px 30px;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
    color: #fff; 
    border-radius: 0 20px 20px 0;
    transition: all .3s;
}

.new_lesson.him .lesson-header-block .lesson-navigation a {
    background: var(--him);
    }
.new_lesson.mat .lesson-header-block .lesson-navigation a,
.new_lesson.russ .lesson-header-block .lesson-navigation a{
    background: var(--mat);
    }
.new_lesson.fiz .lesson-header-block .lesson-navigation a {
    background: var(--fiz);
    }
.new_lesson .lesson-header-block .lesson-navigation a:hover {
    transform: translatey(-5px);
    background: var(--color-btn1); 
    text-decoration:none;
}
.new_lesson .lesson-header-block .lesson-navigation td:nth-child(3) a {
    padding: 6px 30px 8px 15px;
    border-radius: 20px 0 0 20px;
}
.new_lesson .lesson-header-block .lesson-navigation td:nth-child(1) .hidden-xs,
.new_lesson .lesson-header-block .lesson-navigation td:nth-child(3) .hidden-xs {
    display: none !important;
}

.new_lesson .lesson-header-block .lesson-navigation td:nth-child(2) {
    display: flex;
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 auto;
    width: 100%;
}
.new_lesson .lesson-header-block .lesson-navigation td:nth-child(2) span,
.new_lesson .lesson-header-block .lesson-navigation td:nth-child(2) div {
    position: relative;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 14px !important;
    color: var(--main-text);
}

.new_lesson .lesson-header-block .lesson-navigation td:nth-child(2) span::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/316741/sc/37/h/979269b81476f8790962bf6ba932c57b.png);
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.new_lesson .lesson-header-block .lesson-navigation td:nth-child(2) div div::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/316741/sc/188/h/0d02b998de1aa3688ac8062ff501a36e.png);
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.new_lesson .col-md-10 {
    width: 100%;
    margin: 0 !important;
}
.new_lesson .lt-block-wrapper .container {
    max-width: 950px;
    margin: 0 auto !important;
}

.new_lesson .lt-lesson-comment-block .lt-block-wrapper .container,
.new_lesson .lt-lesson-mission-block .lt-block-wrapper .container {
    max-width: inherit;
}
.new_lesson .gc-both-main-content.container-auto-width .my-container {
    margin-right: 0 !important;
}
.new_lesson .lt-lesson-header .modal-block-content {
    margin-left: 0 !important;
    width: 100% !important;
}

.new_lesson .vhe-cdn-change {
    display: none !important;
}
/*изображение*/
.new_lesson .animated-block .part-image .image-box {
text-align: center;
  max-width: 50%;
  margin-left:50%;
  transform:translate(-50%);
}
.new_lesson .my-container.flex-container.wrap-col .part-image .image-box {
    text-align: center;
    max-width: 80%!important;
    
}

.new_lesson .image-box img {
    border-radius: 16px;
}
.new_lesson .clearfix.videoWrapper,
.new_lesson .vhi-root {
    margin: 20px 0 30px !important;
}

.new_lesson .clearfix.videoWrapper iframe, 
.new_lesson .vhi-root iframe {
    border-radius: 16px;
}
/*заголовки*/
.new_lesson .header.f-lesson-header-1 {
    margin-top: 30px;
    padding: 15px 20px;
    text-align:left !important;
    background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/593558/sc/13/h/7920fbab80ab744d3edb8e7bdbbcff6a.svg');
	background-repeat: no-repeat;
	background-position:right; 
	background-size:cover;
    border-radius: 10px;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 22px;
    color: #FFFFFF;
    position: relative;
    padding-right: 80px;
    overflow: hidden;
}
/*текст*/
.new_lesson .f-text p,
.f-text li {
    font-family: 'Roboto';
    font-weight: 400;
    color: #000000;
}
.new_lesson .text.f-text {
  border-left: 3px solid var(--color-btn1);
  padding-left: 10px;
}

/*ссылки с вложением*/
.new_lesson .files-row > div {
    padding-top: 0px;
}
/*.table.files-table tbody {
    display: flex;
    flex-wrap: wrap;
    }*/

.new_lesson .table.files-table tr {
    display: block;
    position: relative;
    padding: 10px;
    width: inherit;
    background: transparent;
    border: 1px solid var(--color-btn1) !important;
    transition: all .3s;
    border-radius: 10px;
}
.new_lesson .table.files-table tr:hover {
    transform: translatey(-5px);
}
.new_lesson .table.files-table td {
    border:none;
    height: auto !important;
    padding: 10px !important;
}

.new_lesson .table.files-table tr td:nth-child(1) {
    position: relative;
    padding-top:10px;
}
.new_lesson .table.files-table tr td:nth-child(1)::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/593558/sc/207/h/777d34c2375c9287d0ea17c9df23dcd6.svg);
}
.new_lesson .table.files-table tr td:nth-child(1) div {
    display: none;
}
.new_lesson .table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;
    font-size: 16px;
    color: #C4C4C4;
    text-align: center;
}
.new_lesson .table.files-table tr td:nth-child(3) {
    vertical-align: middle;
    padding-left:20px;
}
.new_lesson .table.files-table tr td:nth-child(3) a {
    color:  #222222;
    text-decoration: none !important;
    font-size: 1.2em;
    display: block;
    transition: all .3s;
}

/* блок Задание */
/* Заголовок Задание */
.new_lesson .lt-lesson-mission-block  {
  margin-top:10px;
  max-width: 950px;
  margin: 0 auto !important;
}
.new_lesson .lt-lesson-mission-block h3 {
    margin: 30px 0;
    padding-left: 25px;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 24px;
    color: var(--color-btn2);
    position: relative;
}
.new_lesson .lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top:10px;
    background: transparent;
    border: 1px solid var(--color-btn2);  
    border-radius: 16px !important; 
}
.new_lesson .lt-lesson-mission-block .answer-form {
    background: transparent;
    position: relative;
}

.new_lesson .lt-lesson-mission-block .lesson-mission-text {
    font-family: 'Roboto';
    line-height: 1.4;
    color: #000000;
    border: 0 !important;
}

.new_lesson #lessonanswer-answer_text {
    position: relative;
    z-index: 10;
}
.new_lesson .user-profile-image {
    border-radius: 100px;
}
.new_lesson .field-lessonanswer-answer_text div[style="overflow: hidden"] {
    margin-top: -8px;
}
.new_lesson .field-lessonanswer-answer_text .uploadifive-button {
    background: var(--main-text-2);
    color: var(--main-fon);
    font-weight: 600;
}
.new_lesson .emoji-container:focus-visible,
.new_lesson textarea#LessonAnswer_answer_text:focus-visible,
.new_lesson .comment-form-wrapper .new-comment-textarea:focus-visible {
    border: none;
    outline:none;
}

.new_lesson .lt-lesson-mission-block .btn-send-answer, 
.new_lesson #showMoreAnswers,
.new_lesson .new-comment .btn.btn-primary.btn-send,
.new_lesson .lt-lesson-comment-block .simple-answer .btn-send {
    background-color: rgb(255, 166, 59);;
    color: #fff;
    font-size: 14px !important;
    border: none;
    border-radius: 16px;
    transition: all .3s;
    font-weight: 300 !important;
    font-size: 18px;
    padding: 10px 30px;
}
.new_lesson .lt-lesson-mission-block .btn-save-draft {
    border: 1px solid rgb(255, 166, 59);;
    padding: 10px 30px;
    border-radius: 16px;
    color:  #252B34 !important;
    transition: all .3s;
}
.new_lesson .answer-form .answer-textarea-container {
    width: 100%;
}
.new_lesson .lt-lesson-mission-block .btn-send-answer:hover, 
.new_lesson .lt-lesson-mission-block .btn-save-draft:hover, 
.new_lesson .lt-lesson-comment-block .simple-answer .btn-send:hover {
    transform: translatey(-5px);
    text-decoration:none;
}
.new_lesson .lt-lesson-mission-block #user_hide_answer, 
.new_lesson .lt-lesson-mission-block label {
    margin-bottom:15px;
}

.new_lesson .lt-lesson-mission-block .answer-form .emoji-textarea,
.new_lesson .lt-lesson-mission-block .answer-form .type-string,
.new_lesson .lt-lesson-mission-block .answer-form .type-currency,
.new_lesson .lt-lesson-mission-block .answer-form .type-float {
    padding: 10px;
    border: 1px solid rgba(180, 79, 109, 0.2);
    border-radius: 16px;
}
.new_lesson .lt-lesson-mission-block .answer-form .emoji-textarea {
    border-radius: 10px 10px 10px 0;
}

.new_lesson .self-answers .user-answer {
    padding: 20px;
}
.new_lesson .user-answer .addfield {
    background: transparent;
   border: 1px solid rgba(180, 79, 109, 0.2);
   border-radius: 16px; 
}

.new_lesson .user-answer .answer-status .answer-status-label {
    border-radius: 3px;
    background: var(--color-btn1);
    color: white;
    display: inline-block;
    padding: 2px 10px;
}

/* комментарии */
.new_lesson .lt-lesson-comment-block .col-md-12 {
    margin-top: 20px;
    padding: 20px !important;
    background: #D9D3D959; 
    font-family: 'Roboto';
    border-radius: 16px;
    border: none !important;
    color: #3C3C3C;.comment-form-wrapper .new-comment-textarea
    box-shadow: 0px 4px 30px rgba(201, 204, 255, 0.3);
}
.new_lesson .user-answer  {
    background: transparent;
    border-radius: 16px 16px 0 0;
}

.new_lesson .lt-lesson-comment-block .lesson-answers-title h3 {
    margin-bottom: 0 !important;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 24px;
    color: #3C3C3C;
}
.new_lesson .user-answer.type-free_comment .answer-status .answer-status-label {
    background: var(--him);
}

.new_lesson .lt-lesson-comment-block .title a{
  color: var(--him);
}
.new_lesson .lt-block.lt-view.lesson-comment-block-1.lt-lesson.lt-lesson-comment-block {
  display:none;
}

@media (max-width:768px) {
  .new_lesson .lesson-header-block .lesson-navigation a {
        font-size: 12px;
    }
  .new_lesson .image-box {
	  text-align: center;
    max-width: 100%!important;
    margin-left: 0;
    transform: none;
    }
  .new_lesson .lt-lesson-mission-block .btn-send-answer {
     margin-bottom: 10px!important;
    }
  .new_lesson .answer-form .btn-save-draft {
    margin-left: 0px!important;
}  
  .new_lesson .lt-lesson-comment-block .col-md-12 {
    margin: 0px;
  }
}

@media (max-width:425px) {
    .new_lesson .table.files-table tr td:nth-child(2) {
        vertical-align: top;
        padding-top: 15px;
    }
   .new_lesson .table.files-table tr td:nth-child(3) a {
        word-break: break-word;
    }
   .new_lesson .lt-lesson-mission-block .answer-form::after { 
        display: none; 
  }
}

@media (max-width:320px) {
   .new_lesson .lesson-header-block .lesson-navigation a {
        font-size: 10px;
    }
}