/*Урок внутри*/
    /*Шапка*/
.gc-main-content.lesson_3 {
    background: #Ffffff;
}

.lesson_3 .breadcrumb {
    display: none;
}

.gc-main-content.lesson_3 h1 a {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 30px;
  line-height: 110%;
  color: var(--osnovnoy);
  letter-spacing: -0.03em;
}

.gc-main-content.lesson_3 h1 a:hover {
    text-decoration: none;
}

.gc-main-content.lesson_3 .page-header {
    border:none;
}

.gc-main-content.lesson_3 .user-state-label {
    opacity:0;
}

.gc-main-content.lesson_3 .center-block {
    max-width: 100% !important;
}

.gc-main-content.lesson_3 .lesson-header-block {
    background: url('https://fs19.getcourse.ru/fileservice/file/download/a/263831/sc/258/h/928494da23e4fde3a79e9a595c6bb4c2.png') no-repeat right!important;
    background-size: cover !important;
    border: none !important;
    padding: 40px 70px 40px 70px !important;
    margin-bottom: 5px !important;
}

.lesson_3 h2.lesson-title-value {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 32px;
  line-height: 110%;
  text-align: center;
  color: var(--osnovnoy);
    margin-bottom:32px;
}

.lesson_3 span.lesson-description-value {
    font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: var(--osnovnoy);
  }

/*урок из стольки-то уроков*/
.lesson_3 .lesson-navigation tr td:nth-child(2) {
    width: 16%!important;
}
.lesson_3 .lesson-navigation tr td:nth-child(1),
.lesson_3 .lesson-navigation tr td:nth-child(3){
    width: 42%!important;
}
.lesson_3 .lesson-header-block .lesson-navigation td a {
    font-family: var(--font-family);
    color: #ffffff;
    box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.05);
    background: #686fc3;
    border-radius: 50px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 40px;
    transition: all .3s;
}

.lesson_3 .lesson-header-block .lesson-navigation td a:hover {
    background: var(--osnovnoy);
    text-decoration: none;
} 

.lesson_3 .lesson-navigation td:first-child a:before,
.lesson_3 .lesson-navigation td:last-child a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.6114 6.71848L0 3.36788L4.6114 0L4.59413 2.46978H10V4.26598H4.59413L4.6114 6.71848Z' fill='white' /%3E%3C/svg%3E");
  width: 10px;
  height: 7px;
  margin-right: 8px;
}

.lesson_3 .lesson-navigation td:last-child a:after {
  margin-left: 8px;
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.3886 6.71848L10 3.36788L5.3886 0L5.40587 2.46978H-4.67646e-07V4.26598H5.40587L5.3886 6.71848Z' fill='white' /%3E%3C/svg%3E");
}

.lesson_3 div.hidden-xs {
    display: none;
}

.lesson_3 td.hidden-xs {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #333654;
}

.lesson_3 .lt-block-wrapper .container, 
.lesson_3 .lt-block-wrapper .my-container  {
    max-width: 964px;
    margin: 0 auto !important;
}
.lesson_3 .f-btn {
  font-family: var(--font-family)!important; 
  font-weight: 600!important;
}

.lesson_3 .block_btn .btn.f-btn.button-md.btn-success{
  position:relative;
  border-radius: 50px;
  box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.05);
  background: #686fc3;
  padding: 14px 20px;
  width: 370px;
  height: 50px;
}

.soobshestvo {
  position:relative;  
  margin-right:8px;
}
.chat_bot {
  position:relative;  
}

.soobshestvo .f-btn:before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/263831/sc/341/h/dde6c8b259a5d4ec7a34b76b11b7c9c5.svg);
    position: absolute;
    left: 60px;
    top: 15px;
    z-index: 10;
}
.chat_bot .f-btn:before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/263831/sc/363/h/ed7dcc4f4b7a0ad7d7679efca9792549.svg);
    position: absolute;
    left: 80px;
    top: 15px;
    z-index: 10;
}

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

/*текстовый блок с лекцией*/
.lekci .lt-block-wrapper {
    padding-bottom: 25px !important;
}

.lesson_3 .f-header.f-header.f-lesson-header-1, 
.lesson_3 .f-header p {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 30px;
  line-height: 130%;
  color: var(--osnovnoy);
}

.lesson_3 .f-text  {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: var(--osnovnoy);
}

.banner_mob {
  display:none;
}


/*Задание*/

.lesson_3 .lt-lesson-mission-block .container {
    background: #D2DEFF;
    padding: 60px 90px 40px 90px !important;
    margin: 0px auto 0px !important;
    max-width: 1110px !important;
}

.lesson_3 .lt-lesson-mission-block h3 {
  display:none;
   }


.lesson_3 .lesson-mission-text, 
.lesson_3 .lesson-mission-wrapper {
    border: none !important;
}



/*текст задания*/
.lesson_3 .lesson-mission-text {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 30px !important;
    line-height: 140%;
    color: var(--osnovnoy);
}


.lesson_3 .answer-form {
    background: #D2DEFF;
    padding: 0;
    margin-top: 30px;
}

.lesson_3 .user-answer {
    padding-bottom: 30px;
}

.lesson_3 .user-answer .addfield {
background:none !important;
}

.lesson_3 .user-profile-image {
    border-radius: 50px;
    border: 2px solid #ffffff;
}

/* Задание - подмена иконки */
.lesson_3 .user-profile-image.user-default-profile-image[src="/public/img/default_profile_50.png"] {
    content: url("https://fs24.getcourse.ru/fileservice/file/download/a/263831/sc/232/h/ab17614e52ed6260283dc76ce3bee2d1.png");
}

.lesson_3 .answer-textarea-container {
    width: 100% !important; 
}

.lesson_3 .emoji-container textarea {
    width: 100% !important;
    border: 1px solid #c9cbd1 !important;
    border-radius: 10px;
    min-height: 50px !important;
}

.lesson_3 .other-answers.answers-list .textarea-block {
    width: 90% !important;   
}

/*кнопка добавить файлы*/
.lesson_3 .field-lessonanswer-answer_text .uploadifive-button {
  border: 1px solid #686fc3;
  border-radius: 48px;
  background: #F8F8F8;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 18px;
  line-height: 105%;
  color: var(--osnovnoy);
    text-transform: none;
    height: 48px !important;
    width: 253px !important;
    padding: 9px 48px;
    margin-top: 10px;
    cursor: pointer !important;
    transition: all .3s;
    
}

.lesson_3 .field-lessonanswer-answer_text .uploadifive-button input {
    cursor: pointer;
    transition: all .3s;
}

.lesson_3 .field-lessonanswer-answer_text .uploadifive-button:hover  {
    background: #F2F2F2 !important;
}

.lesson_3 .text-muted {
    margin-top: 10px !important;
    display: block;
    font-family: 'Averta CY',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #777777;
}
/*кнопка отправить ответ*/
.lesson_3 .btn-send-answer {
    background: #686fc3;
    border:none;
    border-radius: 50px !important;
    font-family: 'Averta CY',sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF; 
    padding: 14px 48px;
    transition: all .3s;
}
.lesson_3 .block_btn .btn.f-btn.button-md.btn-success:hover,
.lesson_3 .btn-send-answer:hover {
   box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.05);
	background: var(--osnovnoy);
}

/*кнопка черновик*/
.lesson_3 .btn-save-draft {
    display: none;
    font-family: 'Averta CY',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--osnovnoy)!important; 
    padding: 15px 50px !important;
    transition: all .3s;
}

.lesson_3 .btn-save-draft:hover {
    text-decoration: none;
    }

.lesson_3 .lesson-answers-title h3 {
  display:none;
    font-family: 'Averta CY',sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #333654;
}

.lesson_3 .lesson-answers-title {
    font-family: 'Averta CY',sans-serif;
    font-style: normal;
}

.lesson_3 .lesson-answers-title a {
    color: #96A8EE;
}

.lesson_3 .lesson-answers-title a:hover {
    text-decoration: none;
}

.lesson_3 .other-answers.answers-list {
    background: #FFFFFF;
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 0px !important;
    font-family: 'Averta CY',sans-serif !important;
}

.lesson_3 .comment-form-wrapper {
   box-shadow: none;
}

.lesson_3 .user-profile-link .text, 
.lesson_3 .user-profile-link.worker {
    color: #47495A !important;
}

.lesson_3 .answer-date a {
    color: #47495A !important;
    font-weight: 400;
}

.lesson_3 .user-answer .answer-content .answer-text, 
.lesson_3 .main {
   font-family: 'Averta CY',sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #A3A4B1;
}

.lesson_3 .b-like-and-subscribe-notifications {
    display: none;
}

.lesson_3 .answer-status a {
    color: #333654;
    font-weight: bold;
}

/*кнопка статуса принятия ответа*/
.lesson_3 .answer-status-label {
    background: #686fc3 !important;
    border-radius: 48px !important;
    color: #ffffff !important;
    font-weight: bold;
    padding: 14px 30px !important;
}

.lesson_3 .new-comment .btn-send {
    background: #686fc3;
    border:none;
    border-radius: 50px !important;
    font-family: 'Averta CY',sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF; 
    padding: 15px 50px;
    transition: all .3s;
}

.lesson_3 .new-comment .btn-send .fa.fa-send {
    display: none;
}

.lesson_3 .simple-answer.user-answer {
    background: #FFFFFF;
    box-shadow: 0px 7px 10px rgba(32, 43, 60, 0.05);
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 40px!important;
    font-family: 'Averta CY',sans-serif !important;
}

.lesson_3 .user-related-data.has-quote-images {
    background: none;
}

/*скрыть блок нового комментария*/
.lesson_3 .comment-form-wrapper .new-comment {
    display: none;
}

/*тестированиие*/

.lesson_3 .testing-widget .before-start-block {
    margin-bottom: -20px;
}

/*кнопка Начать тест*/
.lesson_3 .testing-widget .before-start-block .start-btn {
    box-shadow: 0 4px 32px 0 rgba(52, 56, 85, 0.05);
    background: #686fc3;
    margin-top: 0px;
    margin-bottom: 0;
    border-radius: 50px;
    padding:14px 0px 18px;
    width: 341px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 19px;
    line-height: 100%;
    text-align: center;
    color: #fff;
}

/*номер вопроса*/
.lesson_3 .testing-widget .question .question-number {
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	color: #333654;
}

/*вопрос*/
.lesson_3 .testing-widget .question .question-title-big {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 32px;
	line-height: 131%;
	text-align: center;
	color: #333654;
  }

.lesson_3 .testing-widget .question .question-data .question-answer-block .button-list {
    max-width: 540px;
    margin: 0 auto;
    width: 100%;
}

/*выбор ответа*/
.lesson_3 .btn-default {
  border: 1px solid #8ea0ff;
  border-radius: 8px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: #333654;
  
}
.lesson_3 .btn-default:hover,
.lesson_3 .btn-default:active,
.lesson_3 .btn-default:focus{
    color: #333654;
    background-color: #ffffff;
    border-color: #8ea0ff;
}
/*неправильный ответ*/
.lesson_3 .btn.btn-default.btn-send-variant.js__btn-variant.btn-danger {
  background: #f598d3!important;
  color: #ffffff;
  filter:
}
/*правильный ответ*/
.lesson_3 .btn.btn-default.btn-send-variant.js__btn-variant.btn-success {
  background: #4ba5c0!important;
  color: #ffffff;
}
/*блокированные кнопки на время выбора ответа*/
.lesson_3 .btn.btn-default.btn-send-variant.js__btn-variant:disabled {
  opacity: 1;
}

/*результат тестирования*/
.lesson_3 .testing-widget .stat-block .stat-str {
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 24px;
	line-height: 100%;
	text-align: center;
	color: #333654;
    margin-bottom:27px;
  }

/*Ваш результат*/
.lesson_3 .testing-widget .stat-block .stat-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 131%;
    text-align: center;
    color: #333654;
    margin-bottom: 27px;
}

/*вы можете отправить результат на проверку*/
.lesson_3 p.text-success.fsz-14px {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px !important;
    line-height: 100%;
    text-align: center;
    color: #4ba5c0;
    margin-bottom: 53px;
}

/*Если хотите улучшить результат*/
.lesson_3 .text-center.pt-1.text-default.fsz-14px {
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 24px!important;
  line-height: 100%;
  text-align: center;
  color: var(--osnovnoy);  
  margin-top: 24px;  
}


/*блок с текстом об отправке результата*/
/*текст об отправке результата*/
.lesson_3 .test1 .text-success {
    display: none;
    }

/*кнопка Начать заново*/
.lesson_3 .has-restart-button .btn-restart {
    border-radius: 50px !important;
    font-weight: normal;
    width: 341px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 19px;
    padding: 14px;
    line-height: 100%;
    text-align: center;
    color: var(--osnovnoy);
}

.lesson_3 .fa.fa-refresh {
  display:none;
}
/*Комментарий после ответа юзера*/
.lesson_3 .comment-list {
    display: none!important;
}

@media (max-width:992px) {
.gc-main-content.lesson_3 .lesson-header-block {
    padding: 40px 40px 40px 40px !important;
  }
.lesson_3 .block_btn .flex-container .flex-column {
   padding: 0px;
}  
  .block_btn .soobshestvo,
  .block_btn .chat_bot{
    text-align: center;
    margin-right: 0px;  
}    
.lesson_3 .block_btn .btn.f-btn.button-md.btn-success {
    width: 300px;
} 
.lesson_3 .forma1.block_btn .btn.f-btn.button-md.btn-success,    
.lesson_3 .forma2.block_btn .btn.f-btn.button-md.btn-success {
    width: 330px!important;
}     
.soobshestvo .f-btn:before {
    left: 30px!important;
 }
.chat_bot .f-btn:before {
    left: 50px!important;
 } 
.lesson_3 .answer-form .btn-save-draft {
    margin-left: 0;
    margin-top: 20px;
}
    
.lesson_3 .lesson-answers-title .pull-right {
    float: left !important;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
    
.lesson_3 .other-answers.answers-list .textarea-block {
    width: inherit !important;   
}    
}

@media (max-width: 767px) {
.lesson_3 .answer-form-inner {
    text-align: center;
    }
.lesson_3 td.hidden-xs {
    display: block !important;
    font-size: 0px;
}
.lesson_3 .lesson-header-block .lesson-navigation td a {
        padding: 14px 20px!important;
}    
}


@media (max-width:727px) {
.block_btn .btn.f-btn.button-md.btn-success {
    width: 400px;
} 
}

@media (max-width:700px) {
.block_btn .btn.f-btn.button-md.btn-success{
  width: 100%!important;
}
.soobshestvo .f-btn:before {
    left: 180px!important;
 }
.chat_bot .f-btn:before {
    left: 200px!important;
 } 
.lesson_3 .lesson-navigation tr td:nth-child(2) {
    width: 10%!important;
}
.lesson_3 .lesson-navigation tr td:nth-child(1),
.lesson_3 .lesson-navigation tr td:nth-child(3){
    width: 45%!important;
}    
}    

@media (max-width:630px) {
.soobshestvo .f-btn:before {
    left: 160px!important;
 }
.chat_bot .f-btn:before {
    left: 180px!important;
 }       
}   

@media (max-width:600px) {
.lesson_3 .gc-main-content.lesson_3 h1 a {
    font-size: 24px;
  }
.gc-main-content.lesson_3 .lesson-header-block {
    background: url(https://fs21.getcourse.ru/fileservice/file/download/a/263831/sc/398/h/5f5697ce4de7ba8f2d419818af0aebeb.png) no-repeat !important;
    background-size: cover !important;
    border: none !important;
    padding: 50px 20px 35px 20px !important;
    margin-bottom: 5px !important;
  }
  
.lesson_3 h2.lesson-title-value {
    font-size: 24px !important;
    line-height: 1.1 !important;
}
    
.lesson_3 .lesson-description-value {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 40px !important;
}
    
.lesson_3 .lesson-header-block .lesson-navigation td a {
    font-size: 12px !important;
    }
.lekci .lt-block-wrapper {
    padding-bottom: 0px !important;
}    
    
.lesson_3 .f-header.f-header.f-lesson-header-1, 
.lesson_3 .f-header p {
    font-size: 24px!important;
  }
    
.lesson_3 .f-text {
    font-size: 16px!important;
  }    
.soobshestvo .f-btn:before {
    left: 130px!important;
 }
.chat_bot .f-btn:before {
    left: 150px!important;
 } 
    
.lesson_3 .lt-lesson-mission-block .container {
    padding: 30px 10px 0px 10px !important;
} 
.lesson_3 .lesson-mission-text p{
    font-size: 24px !important;
    line-height: 110%;
    text-align: center;
} 
    
.lesson_3 .lesson-mission-wrapper div {
    padding: 5px !important;
}
    
.lesson_3 .testing-widget .question .question-title-big {
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
   }   
.lesson_3 .testing-widget .before-start-block .start-btn,
.lesson_3 .has-restart-button .btn-restart    {
   width: 300px;
    }    
.lesson_3 .testing-widget .stat-block .stat-title {
    font-weight: 700;
    font-size: 30px;
}
.lesson_3 p.text-success.fsz-14px {
    font-size: 20px !important;
}
.lesson_3 .text-center.pt-1.text-default.fsz-14px {
    font-size: 20px !important;
} 
.lesson_3 .answer-form div {
    margin-right: 0 !important;
}    
}
    
@media (max-width:600px){
.banner_desk {
  display:none;
}
/*.banner_mob {
  display:block;
}*/  
}

/* Фикс прокрутки и отступов в чатиуме */
@media (max-width:600px) {
    .xdget-container,
    .xdget-row.row {
        margin: 0;
        padding: 0;
    }
  /* .gc-main-content.with-left-menu .container {
        margin: 0;
    }*/

   /* .xdget-root,*/
    .breadcrumbs,
    .page-header {
        padding: 0 15px;
    }
}

@media (max-width:520px) {
   
.lesson_3 .lesson-header-block .lesson-navigation td a {
        padding: 14px 10px!important;
    }
.soobshestvo .f-btn:before {
    left: 100px!important;
 }
.chat_bot .f-btn:before {
    left: 120px!important;
 }      
}

@media (max-width:460px) {
   
.soobshestvo .f-btn:before {
    left: 70px!important;
 }
.chat_bot .f-btn:before {
    left: 90px!important;
 } 
.lesson_3 .testing-widget .before-start-block .start-btn,
.lesson_3 .has-restart-button .btn-restart    {
   width: 280px;
    }
}

@media (max-width:400px) {
   
.soobshestvo .f-btn:before {
    left: 40px!important;
 }
.chat_bot .f-btn:before {
    left: 60px!important;
 }
.lesson_3 .lesson-navigation td:first-child a:before, 
.lesson_3 .lesson-navigation td:last-child a:after {
   display: none;
}        
}
@media (max-width:375px) {
.lesson_3 .lesson-navigation a {
        font-size: 10px !important;
        padding: 10px 5px!important;
    }
.soobshestvo .f-btn:before {
    left: 30px!important;
 }
.chat_bot .f-btn:before {
    left: 50px!important;
 } 
.lesson_3 .testing-widget .before-start-block .start-btn,
.lesson_3 .has-restart-button .btn-restart    {
   width: 260px;
    }    
}