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

/* ------------- 
content start - стили внутри урока
------------- */

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


/*.isLessonPage  iframe {
  border-radius:20px;
   box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);
}*/

 body{
background:#eeeeee;
}
.isLessonPage  .gc-main-content.with-left-menu .container {
  margin-left:20px;
  margin-right:20px;
  padding-left:20px;
}

.isLessonPage .center-block  {
  max-width:100%!important;
}

.isLessonPage .page-header h1 , .isLessonPage .standard-logo {
  display:none;
}

.isLessonPage .breadcrumb a {
  color:#000;
  font-weight:bold;
}
.isLessonPage .breadcrumb {
    margin-top:40px!important;
}

.isLessonPage .page-header {
  margin:0px;
  margin-bottom: 50px;
  padding:0px;
}

.isLessonPage body{
background: #F1F1F1;
}


.isLessonPage .f-header{
color: #121212;
font-family: 'Raleway', sans-serif!important;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.isLessonPage .f-text, .isLessonPage .text-normal, .isLessonPage .text-left, .isLessonPage .lt-lesson-mission-block .lesson-mission-text, .isLessonPage .user-answer .answer-content .answer-text, .isLessonPage .new-comment-textarea, .isLessonPage label {
    font-family: 'Raleway', sans-serif!important;
    color: #121212;
    font-size: 16px!important;
}
.isLessonPage .page-header h1 {
font-family: 'Raleway', sans-serif!important;
color: #121212;
font-style: normal;
font-weight: 700;
font-size: 34px;
line-height: 42px;


}



.isLessonPage .container {
    max-width: none;

}
.isLessonPage .gc-main-content.with-left-menu .container {
    margin-left: 40px;
    flex:0 1(100% - 40px);
}

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

.isLessonPage a, .isLessonPage a:hover {
color: #121212;
 
}



/*Стилизация верхней части урока*/
.isLessonPage .lesson-header-block{
   background: #4B277A!important;
   background-size: cover!important;
border-radius: 20px!important;
  border:0px!important;
  color:#fff!important;
  padding: 0px 25px!important;
  padding: 40px 30px!important;
  margin-bottom:60px!important;
    margin-top:60px!important;
  height:247px!important;
}

.isLessonPage .lesson-header-block h2 {
font-family: 'Raleway', sans-serif!important;
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 35px;
font-style: normal;
font-weight: 700;
line-height: 127.9%; /* 44.765px */
text-transform: uppercase;
 position: relative;
 margin-bottom:17px;
  margin-top: -10px;
}
.isLessonPage .lesson-description-value{
  display:none;
}
.isLessonPage .lesson-navigation td{
    position:relative;
}

.isLessonPage td.text-right a{
font-size: 16px;
   padding: 15px 30px;
background:#2B1D41;
backdrop-filter: blur(13px);
  }

.isLessonPage .text-center.hidden-xs span {
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-family: 'Raleway', sans-serif!important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 127.9%; /* 12.79px */

}
.isLessonPage .lesson-navigation td .hidden-xs {
display:none;
}
.isLessonPage .lesson-navigation td a {
text-align: left;
color: #FFF;
font-family: 'Raleway', sans-serif!important;
font-size: 16px;
   padding: 15px 30px;
font-style: normal;
  border: 1px solid #FFFFFF;
border-radius: 16.314px;
background: #2B1D41;
  backdrop-filter: blur(13px);

  }





@media (max-width:1200px) {
  .isLessonPage .lesson-navigation td a {
  font-size:10px;
     padding: 5px 15px;
  }}


.isLessonPage .user-state-has_mission, .isLessonPage .user-state-need_accomplish{
font-family: 'Inter', sans-serif!important;
font-weight: 400;
font-size: 12px;
line-height: 14px;
text-align: center;
color: #ffffff;
}





/*стилизация задания*/


.isLessonPage .lt-lesson-mission-block h3{
color: #121212;
font-family: Raleway;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: normal;
box-shadow: 0px 4px 59px -14px rgba(213, 216, 220, 0.51);
background:#fff;
  padding-left: 100px;
  
  height:86px;
  text-align: left;
 padding:56px 100px 56px 45px!important;
border-radius: 29px 29px 0px 0px;
  margin-left:-20px!important;
  margin-right: -20px!important;  
  margin-top: -5px!important; 
 }

.isLessonPage .lesson-mission-wrapper {
    margin-top: 3px;
    border: 1px solid #fff;
      padding: 0px 26px;
}
/*иконка юзера в задании*/
.isLessonPage .comments-tree .user-image-wrapper, 
.isLessonPage .lt-lesson-mission-block .answer-form div:first-child .user-profile-image {
  border-radius:120px!important;
}
.isLessonPage .comments-tree .user-image-wrapper img  {
  border-radius:120px!important;
}

.isLessonPage .user-answer .user-image img { 
  border-radius:120px!important;
}

.isLessonPage .lt-lesson-mission-block .lesson-mission-wrapper{
 padding-top:0px!important;
 margin-bottom: -5px!important;
 margin-left:-20px!important;
 margin-right: -20px!important;  
 margin-top: 0px!important;
 border-radius: 0px 0px 13px 13px!important;
  background:#fff;
}
.isLessonPage .lt-lesson-mission-block .row-section {

 margin-bottom: 20px!important;
 border-radius: 13px!important;

}
.isLessonPage .lt-lesson-mission-block .answer-form {
  padding:16px!important;
 margin:-1px!important;
  border-radius: 0px 0px 13px 13px!important;
   background:#fff;

}
.isLessonPage .lt-lesson-mission-block .lesson-mission-text{
   padding:20px!important;
}
.isLessonPage .lesson-send-answer-block{
   border-radius: 0px 0px 13px 13px!important;
}
.answer-form textarea {

    padding: 5px;
}

/*кнопки*/
.isLessonPage .btn.f-btn.button-md,
.isLessonPage  .btn.btn-primary.btn-lg, 
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send,
.isLessonPage .lt-lesson-comment-block .simple-answer.user-answer .btn-send,
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send, 
.isLessonPage .comment-form-wrapper .new-comment.active .btn-send, 
.isLessonPage .before-start-block .btn.start-btn.btn-restart  {
border-radius: 34px;
  border:1px solid #A782CB!important;
background: linear-gradient(179deg, #D5B8F2 0%, #C48FF8 46.15%, #BA75FF 98.23%), linear-gradient(180deg, #CFA0FF 0%, #B775FA 100%), linear-gradient(180deg, #D5B8F2 0%, #B775FA 100%), linear-gradient(125deg, #B39FFF 0%, #6A1ED2 100%);
box-shadow: 0px 3px 0px 0px #8A3CDA, 4px -3px 33px 0px rgba(0, 0, 0, 0.33) inset;
  color: #FFF;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 127.9%; /* 20.464px */
letter-spacing: 1.04px;
text-transform: uppercase;
  padding: 25px 60px;
  margin-top:10px;
        margin-bottom: 15px;
} 
.isLessonPage .btn.btn-primary.btn-lg:hover, 
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send:hover,
.isLessonPage .lt-lesson-comment-block .simple-answer.user-answer .btn-send:hover, 
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send:hover, 
.isLessonPage .before-start-block .btn.start-btn.btn-restart, {
background: linear-gradient(180deg, #7CB8E1 0%, #61A5D5 100%);
border-radius: 13px;
border:1px solid #A782CB!important;
    margin-bottom: 15px;
}
.isLessonPage .lt-lesson-mission-block .btn-save-draft{
border: 1px solid #A1A2A4;
border-radius: 34px;
padding: 25px 24px;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 21px;
/* identical to box height */
 margin-top:20px;
text-align: center;
letter-spacing: 0.06em;
text-transform: uppercase;

color: #A1A2A4;

  margin-bottom:25px;
}



/*блок комментариев*/

.isLessonPage.b-like,.b-notifications-subscribe, .isLessonPage .b-notifications-subscribe .button,.isLessonPage .b-like .button {
  margin-top:10px!important;
 color: #939292!important;
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}
.isLessonPage .new-comment-textarea{
   border-radius:16px;
 font-size:14px!important; 
  height:50px!important;
   padding:10px;
  
}
 .lt-block-wrapper .CONTAINER {
    padding: 0px!IMPORTANT;

}

.isLessonPage .row-section {
    margin-bottom: 60px;
    border: 0px solid #fff;
    border-radius: 13px;
 
}
.isLessonPage .comment-form-wrapper .new-comment-textarea .placeholder{
  color:#000!important;
}

.isLessonPage .user-answer .answer-content .answer-text, .lesson-answer-comment{
padding:15px!important;
  border: 1px solid #fff;
  border-radius: 23px;
    background: #ffffff!important;
 
}
 .isLessonPage .user-answer .addfield {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    clear: both;
    border-radius: 23px;
    background: #FFF;
    padding: 25px!important;
}
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer {
    background:TRANSPARENT!important;

  border-radius: 9px;
  margin:5px;
}

.isLessonPage .lt-lesson-comment-block .simple-answer.user-answer .btn-send:hover{
 background: #ffffff!important;
  border: 1px solid #000;
  color:#000!important;
}

.isLessonPage .lesson-answers-title h3{
color: #121212;
font-family: 'Raleway', sans-serif!important;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: normal;
  margin-top:60px;
  
}

/*Блок тестирование*/

.isLessonPage .testing-content h3 {
  background: #fff!important;
border:0px solid #56B08D!important;
  color:#000000;
    text-align: center;
 padding-top:30px!important;
border-radius: 0px;
  margin-left:0px!important;
  margin-right: 0px!important;  
  margin-top: 0px!important; 
}
.isLessonPage .testing-content .before-start-block h3{
    font-size: 0px!important;
}


.isLessonPage .isLessonPage .testing-widget .question .question-title-big {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 35px;
    color: #000;
}
.isLessonPage .testing-widget .question .question-data {
    vertical-align: middle;
    padding: 0px!important;

}
.isLessonPage  .before-start-block .btn.start-btn.btn-restart, 
.isLessonPage .testing-widget .btn-next-question, 
.isLessonPage .testing-widget .btn-send-variant   {
background: #6A1ED2!important;
border:1px solid #6A1ED2!important;
border-radius: 100px;
font-family: 'Raleway', sans-serif!important;
font-weight: 500;
font-size: 12px;
line-height: 13px;
padding:17px 47px;
text-align: center;
letter-spacing: 0.16em;
text-transform: uppercase;
color: #FFFFFF;
   margin: 10 auto!important;
} 


/*.question-number {
    display: none;
}*/
.isLessonPage .testing-widget .stat-block .stat-title {
    font-size: 0px;
}


.isLessonPage .testing-widget .question .question-title-big {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 35px;
    color: #000;
}
.isLessonPage .testing-widget .question .question-data {
    vertical-align: middle;
    padding: 0px!important;

}

.isLessonPage .testing-widget .question .question-data .question-answer-block .button-list .js__btn-variant{
  background:#ffffff!important;
  border:1px solid #000000!important;
 border-radius: 4px!important;
  color: #000000;
  text-transform: none!important;
}
 






@media (max-width:991px) {
    
  .isLessonPage   .gc-main-content .container {
  margin-left:0px!important;
    margin-right:10px!important;
}
/*Стилизация верхней части урока*/

.isLessonPage .lesson-header-block h2 {
font-size: 32px;
line-height: 111%;

}
 


.isLessonPage .lesson-navigation td a {
    font-size: 10px!important;
   
}
 .isLessonPage  .text-right{
  
 
     font-size: 10px!important;
   
  }
.isLessonPage .user-state-need_accomplish{
    font-size:10px!important;
}


/*стилизация задания*/

.isLessonPage .lt-lesson-mission-block h3 {

font-size: 22px!important;
line-height: 26px;

}
}
@media (max-width:585px) {
 .isLessonPage  .lesson-header-block{
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/91613/sc/416/h/650124502e054b995192c46877d4f1b0.png) center center no-repeat!important;
   background-size: cover!important;
border-radius: 8px!important;
    height:205px!important;
    padding:10px!important;
}
  .isLessonPage   .lesson-header-block h2 {
font-size: 20px;
line-height: 111%;
margin-top:20px;
}
.isLessonPage .answer-form .btn-save-draft, 
    .isLessonPage .answer-form .btn-send-answer{
  width:260px;
  margin-left: 0px!important;
  margin-right: 0px!important;
}
.isLessonPage .lesson-answers-title h3{

font-size: 20px!important;
line-height: 28px;
  margin-top:90px;

}
       .isLessonPage .f-header{
        font-size: 16px!important;
}
  .isLessonPage .f-text, .isLessonPage .text-normal, .isLessonPage .text-left, .isLessonPage .lt-lesson-mission-block .lesson-mission-text, .isLessonPage .user-answer .answer-content .answer-text, .isLessonPage .new-comment-textarea, .isLessonPage label {
    font-size: 14px!important;
}
.isLessonPage .new-comment-textarea {
    height: 70px!important;
    padding: 20px 5px 5px 10px!important;
}
/*.isLessonPage input.user_hide_answer label {
    font-family: 'Raleway', sans-serif!important;
    color: #121212;
    font-size: 16px;
    padding-left: 20px;
    margin-top: -50px;
}
input#user_hide_answer label {
    padding-left: 20px;
}*/
}
@media (max-width:420px) {
/*Стилизация верхней части урока*/

 .isLessonPage  .lesson-header-block h2::before{
font-size: 17px!important;
line-height: 31px;
  }




}

@media (max-width:687px) {/*кнопки*/
.isLessonPage .btn.f-btn.button-md,
.isLessonPage  .btn.btn-primary.btn-lg, 
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send,
.isLessonPage .lt-lesson-comment-block .simple-answer.user-answer .btn-send,
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send, 
.isLessonPage .comment-form-wrapper .new-comment.active .btn-send, 
.isLessonPage .before-start-block .btn.start-btn.btn-restart  {

  padding: 18px 30px;
} 
.isLessonPage .lt-lesson-mission-block .btn-save-draft{

padding: 18px 10px;

  }}

@media (max-width:430px) {/*кнопки*/
.isLessonPage .btn.f-btn.button-md,
.isLessonPage  .btn.btn-primary.btn-lg, 
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send,
.isLessonPage .lt-lesson-comment-block .simple-answer.user-answer .btn-send,
.isLessonPage .lt-lesson-comment-block .answers-list .user-answer .btn-send, 
.isLessonPage .comment-form-wrapper .new-comment.active .btn-send, 
.isLessonPage .before-start-block .btn.start-btn.btn-restart  {
width:100%;
  padding: 18px 30px;
  font-size: 14px!important;
  margin-bottom:5px!important;
} 
.isLessonPage .lt-lesson-mission-block .btn-save-draft{
  font-size: 14px!important;
padding: 18px 10px;
width:100%;
  }}



/* Файлы */


.isLessonPage .lt-block.lt-lesson-files .lt-block-wrapper {
    padding-bottom:0;

}

.isLessonPage .lt-block.lt-lesson-files .files-row .col-md-12 {
    padding: 0;
}

.isLessonPage .lt-block.lt-lesson-files .table {
    margin-bottom: 0 !important;
}

.isLessonPage .lt-block.lt-lesson-files .table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.isLessonPage .lt-block .table.files-table tr {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;
    
    flex: 1 1 45%;
 
    position: relative; 
    margin: 0 10px 15px;
    padding: 15px;
    
    width: inherit;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    
    overflow: hidden !important;
    transition: all .3s;
}

.isLessonPage .lt-block .table.files-table tr:hover {
    /*cursor: pointer;*/
    transform: translatey(-5px);
}

.isLessonPage .lt-block .table.files-table td {
    display: block;
    border:none;
    padding:10px 10px !important;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(1) {
    flex: 1 1 80px;
    max-width: 80px;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(2) {
    flex: 1 1 90px;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(3) {
    flex: 1 1 calc(100% - 180px);
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(1) {
    position: relative;
 
    width: 80px !important;
    height: 80px !important;
    display: block;
    
    background: #C188FB;
    border-radius: 100px;
    
    overflow: hidden;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(1)::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/193160/sc/194/h/54ce6154dd1a2816e2d00a6f994ded56.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translatey(-50%);
    
    height: 22px;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(1) div {
    display: none;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;
    
    font-family:  var(--main-font);
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
     color: #4D5C67;
    
    text-align: center;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(3) {
    vertical-align: middle;
    padding-left:20px;
  font-family: 'Inter', sans-serif!important;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(3) a {
    display: block;
font-family: 'Raleway', sans-serif!important;
    font-family:  var(--main-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
   color: #4D5C67;
    word-break: break-word!important;
    
    text-decoration: none !important;
    transition: all .2s;
}

.isLessonPage .lt-block .table.files-table tr td:nth-child(3) a:hover {
    color: #9E9BA4;
    text-decoration: none !important;
}

@media (max-width:767px) {
 .isLessonPage  .lt-block .table.files-table tr {
        flex: 1 1 100%;
        max-width: 100%;
    padding: 15px;
        
        justify-content: center;
  }
    
  .isLessonPage   .lt-block .table.files-table td {
        flex: 1 1 100% !important;
        
        padding: 5px !important;
        text-align: center !important;
    }
 .isLessonPage  .lt-block .table.files-table tr td:nth-child(2) {
    display: block;
    vertical-align: top;
    padding-top: 15px;
    width: inherit !important;
    opacity: .5;
    text-align: left;
  }

.isLessonPage   .table.files-table tr td:nth-child(3) a {
    word-break: break-word!important;
  }
}

.isLessonPage .user-answer .addfield {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    clear: both;
    border-radius: 23px;
    background: #FFF;
    padding: 30px 0px 30px 30px;
}
/*блок оценки гк*/

.isLessonPage .training-feedback-widget {
    margin-top: 20px;
}

.isLessonPage h3 {
    font-size: 22px;
  font-family: 'Raleway', sans-serif!important;
    font-weight: 600;
    margin: 0px;
}
.isLessonPage .training-feedback-widget .training-feedback-wrapper {
    padding: 20px;
    margin-top: 15px;
    background: #F0F0F0;
    border: 2px solid  #C495F1;
 border-radius:15px;
}
.isLessonPage label {
    font-family: 'Raleway', sans-serif!important;
    color: #121212;
    font-size: 16px;
}
.isLessonPage .star-rating-widget ul li i {
    color: #D5D5D5;
    vertical-align: top;
}
.isLessonPage .star-rating-widget ul.filled-stars i {
    color: #C495F1;
}

.isLessonPage .training-feedback-wrapper .btn {
 
    border-radius: 34px;
    background: linear-gradient(179deg, #D5B8F2 0%, #C48FF8 46.15%, #BA75FF 98.23%), linear-gradient(180deg, #CFA0FF 0%, #B775FA 100%), linear-gradient(180deg, #D5B8F2 0%, #B775FA 100%), linear-gradient(125deg, #B39FFF 0%, #6A1ED2 100%);
    box-shadow: 0px 3px 0px 0px #8A3CDA, 4px -3px 33px 0px rgba(0, 0, 0, 0.33) inset;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 127.9%;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    padding: 25px 60px;
    margin-top: 10px;
    margin-bottom: 15px;
  border:none;
  outline:none;
  border-color: transparent;
}

.training-feedback-widget .training-feedback-wrapper textarea {
  padding:10px;
}

iframe {
  border-radius:20px;
   box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 20%);
}

/* ------------- 
content finish - стили внутри урока
------------- */