@import url('https://fs.getcourse.ru/fileservice/file/download/a/569074/sc/181/h/81661bea63c074f8261ec1ae1d3b39b2.css');/*Istok Web*/
@import url('https://fs.getcourse.ru/fileservice/file/download/a/569074/sc/170/h/da7ff62c1623474ab14e170b5a1c602c.css');/*IvyPresto*/
/************* НАСТРОЙКА СТРАНИЦЫ УРОКА ********************/

/*настройки страницы*/
.m-dec .logo-text {
    position: relative;
    font-size: 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;    
}
.m-dec .logo-text::after{
    position: absolute;
    content: '';
    background: url('https://fs.getcourse.ru/fileservice/file/download/a/569074/sc/290/h/1469ffde2c99ba729ee50d0a55c1b07b.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 400px;
    height: 100px;
    top: -10px;
}
.m-dec .breadcrumb  {
    opacity: 0.5;
    margin-top: 80px;
    text-align: center !important;
}
.m-dec .breadcrumb a {
    color:  #0B2516;
    font-family: 'Istok Web', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
    opacity: 0.5;
    margin-top: 100px;
    
}
.m-dec .page-header h1 {
    margin-top: 0px;
    margin-bottom: 100px !important;
    
    text-align: center !important;
}
.m-dec .page-header h1 a{
    color: #000 !important;
    font-family: 'Istok Web', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
}
.m-dec .gc-tags {
  display: none;
}
.m-dec .page-header {
   
    border-bottom: none;
}
.m-dec  .center-block {
    max-width: 100% !important;
}

.m-dec .col-md-10 {
    width: 100%;
    margin: 0 !important;
}

.m-dec .lt-block-wrapper .container {
    max-width: 100%;
    margin: 0 auto !important;
}

.m-dec .lt-lesson-comment-block .lt-block-wrapper .container,
.m-dec .lt-lesson-mission-block .lt-block-wrapper .container {
    max-width: inherit;
}

.m-dec .gc-both-main-content.container-auto-width .my-container {
    margin-right: 0 !important;
}

.m-dec .image-box {
	text-align:Center;
}

 .m-dec .image-box img {
    border-radius: 20px;
}
.m-dec  p a {
    color: #900513;
    border-bottom: 1px solid #900513;
    transition: all .1s;
}
.m-dec  p a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
/* Шапка урока */
.m-dec .lesson-header-block.row-section {
    border-radius: 20px;
    background: #900513 !important;
    position: relative;
}
.m-dec .lesson-header-block.row-section::before {
    content: '';
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/569074/sc/294/h/3dca4e20c5f986bcce855c71f35d518a.png);
     background-size: contain; 
    background-repeat: no-repeat;
    position: absolute;
    bottom: -95px;
    right: 40px;
    width: 270px;
    height: 406px;
    
}
 .m-dec .lesson-header-block .lesson-title-value {
    flex: 0 0 100%;
    order: 1;
    margin-bottom: 10px;
     
    text-align: left !important;
    padding-left: 46px;
     margin-top: 30px;
    color: #FFF;
    font-family: 'Istok Web', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 50px */
     max-width: 80%;
}

.m-dec .lesson-header-block .lesson-description-value {
    flex: 0 0 100%;
    order: 2;
    display: block;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-left: 46px;
    font-weight: 400;
    font-size: 26px !important;
    text-align: left;
    color:  #ffffff !important;
    line-height: 1;
}
.m-dec .text-center.hidden-xs {
   display: none;
}

.m-dec .lesson-description-value, .ld .lesson-navigation {
    color: #ffffff !important;
}
.m-dec .lesson-header-block .lesson-navigation tr {
    display: flex;
    flex-wrap: wrap;
}

.m-dec .lesson-header-block .lesson-navigation td {
    margin: 10px 0 30px 46px;
    width: inherit;
    height: auto;
   
}
.m-dec .lesson-header-block .lesson-navigation a  {
    font-size: 0px;
    border-radius: 16px;
    background: #FFF;
    font-family: 'Istok Web', sans-serif;
    font-style: normal;     
    color: #900513;
    padding: 30px 20px; 
    text-decoration: none;
    
    
}
/*Навигация*/
.m-dec .lesson-header-block .lesson-navigation td:nth-child(1) a:before {
    content: "←";
    font-size: 30px;
   vertical-align: middle;
   
}
.m-dec .lesson-header-block .lesson-navigation .text-right a:after {
    content: "→";
    font-size: 30px;
    vertical-align: middle;
}

/**/
.m-dec .lesson-header-block .lesson-navigation div.hidden-xs {
    display: none;
}

/* Блок заголовки */
.m-dec .lt-lesson-header .modal-block-content {
    margin-left: 0 !important;
    width: 100% !important;
}

.m-dec .header.f-lesson-header-1 {
    color: #000;
    font-family: 'IvyPresto Display', sans-serif;
    font-size: 46px !important;
   /* font-style: 600 !important;*/
    font-weight: 100;
    line-height: normal;
    margin-top: 40px
}
.m-dec .f-text  {
    font-family: 'Istok Web', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    color: #22282A; 
}
.m-dec .f-text p {
    font-family: 'Istok Web', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #22282A;
}
.m-dec .f-text p  a{
    font-family: 'Istok Web', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration: none;
    color: #2482BB;
}
/*Img*/
.m-dec .image-box img {
      border-radius: 20px; 
      margin-bottom: 10px;
}
/* Блок видео */
.m-dec .clearfix.videoWrapper,
.m-dec .vhi-root {
      margin-top: 10px !important;
    margin-bottom: 30px !important;
     background-color: transparent !important;
}

.m-dec .clearfix.videoWrapper iframe {
	border-radius: 20px !important;
     background: transparent !important;
   
}
.m-dec .vvd-video {
    width: 100%;
    height: 100% !important;
}
 .m-dec .vhi-root iframe {
    border-radius:20px !important;
    margin-top: 20px;
    background: transparent !important;
    
}

.m-dec .vhe-cdn-change {
    display: none !important;
}
.m-dec .plyr--full-ui.plyr--video .plyr__control--overlaid  {
    display: none!important;
}
.m-dec  .fsn-main-btn{
    background: #900513 !important;
}
.m-dec .vhe-cdn-change {
    display: none !important;
}
.m-dec .plyr--full-ui.plyr--video .plyr__control--overlaid  {
    display: none!important;
}
/* Кнопки */
 .m-dec .btn.f-btn {
    font-family: 'Istok Web', sans-serif;
    font-size: 20px !important;
    font-weight: 400;
    border-radius: 10px;
    background: #900513 !important;
    border:1px solid transparent;
    transition: all .3s;
    padding: 19px 130px;
    margin-top: 20px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);

}

.m-dec .btn.f-btn:hover {
    background: transparent !important;
    color: #900513 !important;
    border: 1px solid #900513;
   transform: scale(1.02); /*увеличение*/
}
 .m-dec .lt-block-wrapper{
    padding-top: 0 !important;
}

/* Блок Разделитель */
 .m-dec .lt-separator .lt-block-wrapper {
	background:none !important;
}

 .m-dec .lt-separator hr {
    margin:30px auto !important;
    padding: 0;
    width:95%;
    max-width:920px !important;
    text-align: center;
    border: none;
    border-top: 1px solid #900513;
    overflow: visible;
}

 .m-dec .lt-separator hr:after {
    content: '';
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/569074/sc/102/h/5938e514ab4a7f5144ab573e27ae9327.png);
    background-size: contain; 
    background-repeat: no-repeat;    
    width: 108px;
    height: 60px;
    display: inline-block;
    position: relative;
    top: 0px;
    transform: translatey(-50%);
    padding: 0 10px;
}

/* Блок файлы */
.m-dec .table.files-table {
    position: relative;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.27);
    background-size: auto 105%;
    background-position: right bottom;
    background-repeat: no-repeat;      
    display: block;
    transition: all .3s;
}
.m-dec .table.files-table:hover {
    transform: translatey(-5px);
}
 .m-dec .table.files-table::before {
    content: '';
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/569074/sc/487/h/263ee61388263ba9528f19532e72f587.png);
    background-size: contain; 
    background-repeat: no-repeat;    
    width: 60px;
    height: 60px;
     position: absolute;
    top: -30px;
    right: 44px;
    border-radius: 8px;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.27);
}
.m-dec .table.files-table td {
    border:none;
}
.m-dec .table.files-table tr td:nth-child(1) {
    padding-top:20px;
}
.m-dec .table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;
    color: #22282A;
    opacity: 0.5;
}


 .m-dec .table.files-table tr td:nth-child(3) {
    vertical-align: middle;
    padding-left:20px;
}

.m-dec .table.files-table tr td:nth-child(3) a {
    font-family: 'Istok Web', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-decoration: none !important;
    display: block;
}

/*Блок задание*/
.m-dec .lt-lesson-mission-block h3 {
    width: 100%;
    padding: 10px;
    color: #FFF;
    text-align: center;
     font-family: 'Istok Web', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;  
    background: #900513;
    border-radius: 16px 16px 0px 0px;
    border: 1px solid #900513;    
}
.m-dec .lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top:-1px;
    background: #FFFFFF;
    border-width: 0px 1px;
    border-style: solid;
    border-color: #900513;
    border-radius: 0 0 16px 16px !important;
}

.m-dec .lt-lesson-mission-block .answer-form {
    background: #900513;
    margin-top:-1px;
    border-top: 1px solid #FFF7EB;
    border-radius: 0 0 10px 10px !important;
    position: relative;
}
.m-dec .emoji-textarea{
    border-radius: 10px !important;
}
.m-dec .emoji-textarea placeholder  {
    margin-left: 10px 
}
.m-dec .emoji-container textarea{
    padding-left: 10px;
    padding-top: 10px;
}
.m-dec .answer-form .addfield .type-string {
    border-radius: 8px !important;
    border: transparent;
}

.m-dec .answer-form .addfield .type-currency {
    border-radius: 8px !important;
    border: transparent;
 }
.m-dec .answer-form .addfield .type-float {
    border-radius: 8px !important;
    border: transparent;
}
.m-dec .uploadifive-button {
    background: #FFFFFF;
    border-radius: 8px;
    font-family: 'Istok Web', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    border: none;
    text-transform: none  !important;
}
.m-dec  #lessonanswer-answer_text {
    position: relative;
    z-index: 10;
}
.m-dec .user-profile-image {
    border-radius: 100px;
    border:3px solid #F0F0F0;
}
.m-dec .field-lessonanswer-answer_text span,
.m-dec .field-lessonanswer-answer_text label {
    color: #fff !important;
}
.m-dec .field-lessonanswer-answer_text .uploadifive-button {
    background: #FFF !important;
    color: #4f4c4c;
    font-weight: 600;
}
.m-dec .uploadifive-button{
    color: #900513;
    transition: all .3s;
}
.m-dec .uploadifive-button:hover{
   background: #fff;
    color:  #900513;
}
.m-dec .lt-lesson-mission-block .btn-send-answer,
.m-dec  #showMoreAnswers,
.m-dec .lt-lesson-comment-block .simple-answer .btn-send {
    background: #FFFFFF;
    border-radius: 8px;
     font-family: 'Istok Web', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #900513;
    border: none;
    transition: all .3s;
    padding: 10px 30px;
    margin-top: 20px;
}

.m-dec .lt-lesson-mission-block .btn-save-draft {
    border: 1px solid #fff;
    padding: 10px 30px;
    color: #fff !important;
    transition: all .3s;
    margin-top: 20px;
    border-radius: 8px;
    font-family: 'Istok Web', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}

.m-dec .answer-form .answer-textarea-container {
    width: 100%;
}

.m-dec .lt-lesson-mission-block .btn-send-answer:hover,
.m-dec .lt-lesson-mission-block .btn-save-draft:hover,
.m-dec .lt-lesson-comment-block .simple-answer .btn-send:hover {
    transform: translatey(-5px);
}

.m-dec .lt-lesson-mission-block #user_hide_answer,
.m-dec .lt-lesson-mission-block label {
    margin-bottom:15px;
    color: #fff !important;
}
.m-dec .text-muted.small{
   color: #fff !important; 
}

/* Блок тестирования */
.m-dec .lt-lesson-mission-block .testing-widget {
    margin-top: -10px;
    margin-left: -20px;
    padding: 30px 0;
    border: none;
}
.m-dec .lt-lesson-mission-block .testing-widget .btn-restart {
    padding: 10px 30px;
    height: 50px;
    font-weight: 300;
    background: #900513 !important;
    border-radius: 10px;
    border:1px solid transparent;
    border: 0;
    border-radius: 6px;
    color: #fff !important;
    transition: all .3s;
}
.m-dec  .text-success {
    color: red;
}

 .m-dec .lt-lesson-mission-block .testing-widget .question .question-number {
     font-family: 'Istok Web', sans-serif;
}
.m-dec  .lt-lesson-mission-block .testing-widget .question-title-big {
    width: 80%;
    margin: 0 auto;
     font-family: 'Istok Web', sans-serif;
    font-weight: bold;
    text-align: center;
} 
 .m-dec .lt-lesson-mission-block .testing-widget .btn-send-variant {
    border-radius: 8px;
    padding: 15px;
    border: transparent;
    color: #fff !important;
    background: #900513;
    transition: all .3s;
}
.m-dec .lt-lesson-mission-block .testing-widget .btn-send-variant.btn-success {
    background: grey;
    border: 1px solid transparent;
}
.m-dec .lt-lesson-mission-block .testing-widget .btn-send-variant.btn-danger {
    background: grey;
    color: #fff !important;
    border: 1px solid transparent;
}
/*Ответы и комментарии*/
.m-dec .lt-lesson-comment-block .lesson-answers-title {
    width: 100%;
    border-radius: 7px;
    opacity: 1;
    background: #FFF;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
    border: none !important;
    color: #22282A;
    margin-bottom: 40px;
}

.m-dec .lt-lesson-comment-block .lesson-answers-title a {
   color: #2482BB;
}

.m-dec .lt-lesson-comment-block .lesson-answers-title h3 {
    margin-bottom: 0 !important;
    font-size: 18px;
}

.m-dec .lt-lesson-comment-block .simple-answer {
    background: #fff;
    border-radius: 7px;
    border: 1px solid #900513;
    margin-top: 14px;
    margin-bottom: 14px;
}

.m-dec .lt-lesson-comment-block .simple-answer .user-image img {
    border-radius: 40px;
    border:3px solid #F0F0F0;
    margin-top:-5px;
}
.m-dec .emoji-textarea {
    width: 100%!important;
    height: 100%!important;
    border-radius: 5px;
    border: 1px solid rgba(219,213,214,0.8);
    padding-top: 20px !important;
    padding-bottom: 20px;
}

.m-dec .lt-lesson-comment-block .answers-list .user-answer {
    background: #fff;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #900513;
    margin:5px 0 10px;
    
}

.m-dec .lt-lesson-comment-block .answers-list .user-answer .user-profile-image {
    border-radius: 50px;
    border:3px solid #F0F0F0;
}
.m-dec .lt-lesson-comment-block .answers-list .user-answer .answer-content .text, .aliot-nld .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-date a {
    font-family: 'Istok Web', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    color: #22282A;
}
.m-dec .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-status a {
    color: #27AE60;
}
.m-dec .user-answer.status-accepted .answer-status .answer-status-label {
    background: #900513 !important;
    color: #fff;
}

.m-dec .user-answer.status-declined .answer-status .answer-status-label {
    background: #F64545 !important;
}

.m-dec .user-answer.status-viewed .answer-status .answer-status-label {
    background: #27AE60;
    border-radius: 5px;
    color: #fff;
    padding: 5px 20px;
}

.m-dec .lt-lesson-comment-block .answers-list .user-answer .answer-text {
    margin-top: 20px;
}

.m-dec .lt-lesson-comment-block .answers-list .user-answer .answer-files img {
    border:3px solid #900513;
    transition: all .3s;
}

.m-dec .lt-lesson-comment-block .answers-list .user-answer .answer-files img:hover {
    transform: scale(1.03,1.03);
}
.m-dec .lt-lesson-comment-block .answers-list .user-answer .answer-content .b-like-and-subscribe-notifications span {
    color: #900513 !important;
}
.m-dec .lt-lesson-comment-block .answers-list .user-answer .lesson-answer-comment {
    padding: 10px;
    background: #ffffff !important;
    margin: 10px 0 20px;
    border-radius: 5px;
}
.m-dec .lt-lesson-comment-block .btn.btn-primary.btn-send {
    background: #900513;    
    border-radius: 8px;
    border: 1px solid transparent;
    color: #fff!important;      
}

.m-dec .lt-lesson-comment-block .btn.btn-primary.btn-send .text {
    color:#fff;
    font-weight: 300;
}
.m-dec .comment-form-wrapper .new-comment-textarea{
    border-radius: 5px;
    border: 1px solid rgba(144, 5, 19, 0.80);
}
.m-dec .user-answer .addfield {
    margin-top:15px;}

@media (max-width: 1160px){/*мобилка для шапки урока*/
 .m-dec .lesson-header-block .lesson-title-value{
        font-size: 32px;
    }
   .m-dec  .lesson-header-block.row-section::before {
        bottom: -50px;
        right: 46px;
        width: 270px;
        height: 360px;
    
}   .m-dec .lesson-header-block .lesson-navigation a {
        padding: 27px 15px; 
    }
}
@media (max-width:992px) {
     .m-dec .lesson-header-block .lesson-navigation a {
        font-size: 0;
         padding: 25px 12px; 
    }
    .m-dec .lesson-header-block .lesson-title-value{
        font-size: 30px;
        max-width: 70%;
    }
    .m-dec .lesson-header-block.row-section::before {
        bottom: -85px;
        right: 20px;
        width: 220px;
        height: 340px;
    
}
    .m-dec .lesson-header-block .lesson-navigation td:nth-child(1) a:before {
     font-size: 20px;      
}
    .m-dec .lesson-header-block .lesson-navigation .text-right a:after {
     font-size: 20px;    
    
}
  .m-dec .page-header h1{
        margin-bottom: 0 !important;
    }
}
@media (max-width:768px) {
    .m-dec .lesson-header-block .lesson-navigation a {
        padding: 24px 12px;
    }
    
    .m-dec .flex-container.wrap-col {
		flex-flow: nowrap !important;
	}
    .m-dec .breadcrumb  {
       margin-top: 10px;
    }
}
@media (max-width: 570px) {
    .m-dec .lesson-header-block.row-section::before {
        display: none;
    }
    .m-dec .lesson-header-block .lesson-description-value {
        padding-right: 0px !important;
         
    }
     .m-dec .table.files-table tr td:nth-child(1) {
        display: none;
    }
    
     .m-dec .table.files-table tr td:nth-child(3) {
        word-break: break-word;
    }
    .m-dec .table.files-table::before  {
        display: none;
    }
}
@media (max-width:426px) {
      .m-dec .lesson-header-block h2.lesson-title-value {
        font-size: 30px;
        line-height: 120%;
        max-width: 100% !important;
    }    
}
@media (max-width:425px) {
    .m-dec .lt-lesson-mission-block .answer-form::after { 
        display: none; 
    }
    .m-dec .lt-lesson-mission-block .btn-save-draft {
        margin-left: 0;
    }
    .m-dec .lesson-header-block.row-section::before {
        display: none;
    }
    
    .m-dec .lesson-header-block .lesson-description-value {
        margin: 0 !important;
        padding: 0 !important;
    }
       
    .m-dec .lesson-header-block .lesson-navigation a {
        padding: 23px 10px;
        margin-left: -30px !important
    }
    .m-dec .lesson-header-block .lesson-title-value {
        padding: 15px 15px;
    }
    .m-dec .btn.f-btn  {
        padding: 10px 60px!important;
    }}
@media (max-width:375px){
     .m-dec .lesson-header-block .lesson-description-value {
        font-size: 20px !important;
    }
}
@media (max-width:337px) {
    .m-dec .lesson-header-block .lesson-navigation a {
        padding: 20px 20px !important;
    }}