/* ------------- 
content start - lesson
------------- */

.addfield-type-goal-form {
    background: #e0e0e000;
    width: 100%;
} 

.header-line a {
    position: relative;
    top: -7px;
}

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

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

.center-block .lt-block-wrapper .container {
    max-width: 950px;
    margin: 0 auto !important;
}

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

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

.center-block .image-box {
	text-align:Center;
}

.center-block .image-box img {
    border-radius: 20px;
}

.page-header {
    border-bottom: none; 
}

.page-header h1 a {
    /*font-family: "Gilroy Heavy", "proxima-nova", sans-serif;*/
    color: #0B2516 !important;
}

.center-block p a {
    color: #528C83;
    border-bottom: 1px solid #528C83;
    transition: all .1s;
}

.center-block p a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.row-section {
    margin-bottom: 5px !important;
}

/* Шапка урока */
.center-block .lesson-header-block.row-section {
    background: url("https://fs.getcourse.ru/fileservice/file/download/a/64973/sc/102/h/c1e261f68956f0bb0e784d3af5741713.png") no-repeat center  bottom !important;
    background-size: cover !important;
    border: none !important;
    border-radius: 20px;
}

.center-block .row.header-view {
	min-height: 130px;
}

.center-block .lesson-header-block h2.lesson-title-value {
    margin: 0 auto 5px;
    font-family: 'TT Norms';
    font-weight: 500;
    font-size: 30px;
    text-align: center;
    color: #0B2516;
}

.center-block .lesson-description-value {
	display: block;
	margin: 0 auto;
	max-width:80%;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #0B2516;
}

.center-block .lesson-header-block .user-state-label  {
    display: none;
}

.center-block .lesson-header-block .hidden-xs span {
    font-family: 'TT Norms';
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
}

.center-block .lesson-header-block .lesson-navigation a {
    display: inline-block;
    padding: 3px 15px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 20px;
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 12px;
    color: #528C83;
    transition: all .3s;
}

.center-block .lesson-header-block .lesson-navigation a:hover {
    background: #528C83;
    color: #fff;
    text-decoration: none;
}


.center-block .lesson-header-block .lesson-navigation td:nth-child(1) a:before {
    content: "◄ " ;
    font-family: Roboto !important;
}

.center-block .lesson-header-block .lesson-navigation .text-right a:after {
    content: "  ►";
    font-family: Roboto !important;
}

.center-block .lesson-header-block .lesson-navigation div.hidden-xs {
    display: none;
}

@media (max-width:992px) {
    .center-block .lesson-header-block .lesson-navigation .text-center {
        width: 30%;
    }
}

@media (max-width:490px){
    .center-block .lesson-header-block .lesson-navigation a {
        font-size: 12px !important;
        padding: 3px 10px;
    }
}

@media (max-width:370px){
    .center-block .lesson-header-block .lesson-navigation a {
        font-size: 11px !important;
        padding: 2px 5px;
    }
}

/* Тексты, заголовки, списки */

.center-block .part-header .f-header.f-header-36 p {
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 30px;
    color: #205E54;
}

.center-block .part-header .f-header.f-header-26 p {
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 20px;
    color: #205E54;
}

.center-block .part-header .f-header.f-header-20 p {
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 18px;
    color: #205E54;
}

.center-block  .f-text p,
.center-block  .f-text li {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    color: #000000;
}

.center-block .f-text ul {
    margin-bottom: 25px;
}

.center-block .f-header li::marker,
.center-block .f-text li::marker {
    color: #309977 !important;
    text-align: left;
}

.center-block .f-text li {
    margin-bottom: 5px;
}

/* Предупреждение */

.center-block .nld-warning {
    position: relative;
    max-width: 920px;
    margin: 0 auto 60px !important;
    padding: 40px 40px 40px 220px;
    background: rgba(239, 245, 244, 1);
    border: none;
    border-radius: 10px;
}

.center-block .nld-warning::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/64973/sc/492/h/cd805983fdb05bff4fefbd0d3b88cc7d.png);
    position: absolute;
    top: 50%;
    left: 75px;
    transform: translatey(-50%);
}

.center-block .nld-warning .f-header-36 p {
    font-weight: 500 !important;
    font-size: 30px;
}

.center-block .nld-warning .f-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #000000;
}

@media (max-width: 520px) {
    .center-block .nld-warning::before {
        opacity: .2;
    }
    
    .center-block .nld-warning {
        padding: 20px;
    }
    
    .center-block .nld-warning .f-header-36 p {
        font-size: 24px;
    }
}

/* Блок видео */
.center-block .clearfix.videoWrapper,
.center-block .vhi-root {
    margin: 0px 0 30px !important;
}

.center-block .clearfix.videoWrapper iframe,
.center-block .vhi-root iframe {
		margin-bottom: 30px !important;
    border-radius: 20px;
}

.center-block .vhe-cdn-change {
    display: none !important;
}

/* Кнопки */
.center-block .nld-btns button {
    padding: 15px 40px;
    min-height: 0 !important;
    background: linear-gradient(252.48deg, #A2D4DF 31.47%, #50ABC2 65.63%) !important;
    border-radius: 25px !important;
    transition: all .3s;
}

.center-block .nld-btns button:hover {
    background: linear-gradient(264.19deg, #6EB4A9 48.12%, #528C83 81.28%) !important;
    transform: translatey(-10px);
}

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

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

.center-block .lt-separator hr:after {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/64973/sc/494/h/fea2efbc12504ac2b22dbc1bc5aecf50.png);
    display: inline-block;
    position: relative;
    top: 0px;
    transform: translatey(-50%);
    padding: 0 10px;
    background: white;
}

/* Файлы */
.center-block .lt-lesson-files .lt-block-wrapper {
    padding-bottom:0;
}

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

.center-block .table {
    margin-bottom: 0 !important;
}

.center-block .table.files-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.center-block .table.files-table tr {
    display: block;
    position: relative; 
    width: 100%;
    border: 1px solid #A2D4DF;
    border-radius: 20px;
    transition: all .3s;
    overflow: hidden !important;
}

.center-block .table.files-table td {
    border:none;
    height: 100%;
    padding: 30px 10px !important;
}

.center-block .table.files-table tr td:nth-child(1) {
    position: relative;
    width: 84px!important;
}

.center-block .table.files-table tr td:nth-child(1)::before {
    content: url(https://fs.getcourse.ru/fileservice/file/download/a/64973/sc/287/h/ca99d4ea4804a192ca9d2ec45f2c51f3.png);
    position: absolute;
    top: 50%;
    left: 10px;
    height: 65px;
    transform: translatey(-50%);
}


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

.center-block .table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #AD9A89;
    text-align: center;

}

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

.center-block .table.files-table tr td:nth-child(3) a {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    word-break: break-all;
    color: #000000;
    display: block;
    text-decoration: none!important;
    transition: all .3s;
}


@media (max-width:425px) {
	.center-block .table.files-table tr {
		padding: 15px;
	}
    
    .center-block .table.files-table td {
        padding: 5px !important;
    }
	
	.center-block .table.files-table tr td:nth-child(2)::before {
		display: none;
	}
	
	.center-block .table.files-table tr td:nth-child(1) {
		display: none;
	}
	.center-block .table.files-table tr td:nth-child(2) {
		display: block;
		vertical-align: top;
		padding-top: 15px;
        height: auto;
		width: inherit !important;
		opacity: .5;
		text-align: left;
	}

	.center-block .table.files-table tr td:nth-child(3) a {
		word-break: break-word;
	}
}

.center-block .lt-image-caption {
    margin-top: 15px;
    padding-right: 15px;
    font-family: 'TT Norms';
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #292929;
    text-align: right;
}

/* Задание */
.center-block .lt-lesson-mission-block h3 {
    width: 100%;
    padding: 5px;
    font-family: 'TT Norms';
    font-weight: 500;
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    color: #FFFFFF;
    background: linear-gradient(180deg, #A2D4DF 0%, #50ABC2 100%), #C4C4C4;
    border-radius: 20px 20px 0px 0px;
}

.center-block .lesson-mission-text {
    border: 1px solid #DDDDE2; 
}

.center-block .lt-lesson-mission-block .lesson-mission-wrapper {
    margin-top:-1px;
    border: none;
    border-radius: 0 0 10px 10px !important;
}

.center-block .lt-lesson-mission-block .answer-form {
    margin-top:-1px;
    background: linear-gradient(180deg, #A2D4DF 0%, #50ABC2 100%), #C4C4C4;
    border-radius: 0px 0px 20px 20px;
    position: relative;
}

@media (max-width:425px) {
    .center-block .lt-lesson-mission-block .answer-form::after { display: none; }
}

.center-block #lessonanswer-answer_text {
    position: relative;
    z-index: 10;
}

.center-block .user-profile-image {
    border-radius: 100px;
    border:3px solid #fff;
}

.center-block .field-lessonanswer-answer_text span,
.center-block .field-lessonanswer-answer_text label {
    color: #fff !important;
}

.center-block .field-lessonanswer-answer_text .uploadifive-button {
    border-radius: 40px!important;
    background: #A2D4DF !important;
    color: #528C83;
    font-weight: 600;
}
.uploadifive-button {
    border-radius: 20px!important;
    background: #A2D4DF !important;
    font-weight: 600;
    color: #528C83;
}

.center-block .lt-lesson-mission-block .btn-send-answer,
.center-block #showMoreAnswers,
.center-block .lt-lesson-comment-block .simple-answer .btn-send {
    background-color: #fff;
    border: none;
    transition: all .3s;
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 14px;
    color: #528C83;
    padding: 10px 30px;
    margin-top: 5px;
    border-radius: 30px;
    border: 1px solid #fff;
}

.center-block .lt-lesson-mission-block .btn-save-draft {
    border: 1px solid #fff;
    padding: 10px 30px;
    color: #fff !important;
    transition: all .3s;
    margin-left: 10px;
    margin-top: 5px;
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 14px;
    border-radius: 30px;
}

.answer-form .addfield {
    overflow: visible;
}

.center-block .answer-form .answer-textarea-container {
    width: 100%;
}

/*поле ответа*/
#LessonAnswer_answer_text.emoji-textarea,
textarea.type-text.emoji-textarea {
  border-radius:10px;
}
#LessonAnswer_answer_text.emoji-textarea,
textarea.type-text.emoji-textarea:focus-visible {
    outline:none;
    
}
.center-block .lt-lesson-mission-block .btn-send-answer:hover,
.center-block .lt-lesson-mission-block .btn-save-draft:hover,
.center-block .lt-lesson-comment-block .simple-answer .btn-send:hover {
    transform: translatey(-5px);
}

.center-block .lt-lesson-mission-block #user_hide_answer,
.center-block .lt-lesson-mission-block label {
    margin-bottom:15px;
}

.center-block .addfield-type-file label {
   /* margin-bottom: 0 !important;*/
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;   
}

.center-block .addfield-type-file .small {
    color: #fff;
}

.center-block .answer-form .addfield label {
    margin-top: 20px;
    font-family: 'TT Norms';
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
}

@media (min-width:992px) {
    .center-block .addfield-type-file {
        float: left;
        width: 100%;
    }
    
    .center-block .addfield-type-file div[style="overflow: hidden"] {
        overflow: visible !important;
    }
    
  /*  .center-block .addfield-type-file div[id^="uploadifive-file"] {
        float: right !important;
        margin-top: -20px;
        margin-right: 20px;
    }*/
}

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

.center-block .lesson-mission-wrapper div[style="padding-left: 20px; padding-bottom: 20px; padding-top: 20px;"] {
    margin-top: -1px;
    padding: 0 0 0 20px !important;
}

.center-block .testing-widget {
    margin: 0 0px 0 -20px;
    padding: 20px 0;
    background: rgba(239, 250, 245, 0.41);
    border: 1px solid #DDDDE2;
}

.center-block .testing-widget .stat-block {
    padding: 30px 20px 40px;
}

.center-block .testing-widget .stat-title {
    font-style: normal;
    font-weight: 400;
}

.center-block .testing-widget .question-number {
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #1C1C1E;
}

.center-block .testing-widget .question-multi-answers-hint {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #1C1C1E;
}

.center-block .lt-lesson-mission-block .testing-widget h3 {
    box-shadow: none !important;
    text-transform: none;
}

.center-block .testing-widget .btn-restart {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #1C1C1E !important;
    border: none;
    background: #A2D4DF !important;
    border-radius: 50px !important;
    transition: all .3s;
}

.center-block .testing-widget .btn-restart:hover {
    background: #F56565;
}

.center-block .testing-widget .question-title-big {
    text-align: center;
    font-weight: bold;
}

.center-block .testing-widget .js__btn-variant {
    background: #FFFFFF;
    border: 1px solid rgba(29, 76, 79, 0.3);
    border-radius: 6px;
}

.center-block .testing-widget .btn-default.js__btn-variant {
    font-family: sans-serif;
    padding: 15px 10px !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #1C1C1E;
    background: #FFFFFF;
    border: 1px solid #DDDDE2;
    border-radius: 6px;
    transition: all .3s;
}

.center-block .testing-widget .js__btn-variant.btn-success {
    background: #1EB182 !important;
    color: #fff !important;
}

.center-block .testing-widget .js__btn-variant.btn-danger {
    background: #8D4D4D !important;
    color: #fff !important;
}

.center-block .testing-widget .btn-send-variant {
    font-family: 'TT Norms';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #1C1C1E;
    background: #A2D4DF;
    border: none;
    border-radius: 30px !important;
    transition: all .3s;
}

.center-block .testing-widget .btn-default.btn-send-variant {
    text-align: left !important;
    border-radius: 6px !important;
}

.center-block .testing-widget .btn-send-variant:hover {
    background:#528C83;
    color: #fff;
}


@media (max-width: 560px){
.center-block .testing-widget .question .question-data .question-answer-block .button-list {
    max-width: 230px;
    margin: 0 auto;
    
    }
}
@media (max-width: 320px){
.center-block .testing-widget .question .question-data .question-answer-block .button-list {
    max-width: 170px;
    margin: 0 auto;
    
    }
}

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

.center-block .lt-lesson-comment-block .lesson-answers-title {
    width: 100%;
    background: rgba(221, 221, 226, .35);
    padding: 10px 20px;
    border: none !important;
    border-radius: 10px;
    color: #3C3C3C;
}

.center-block .lt-lesson-comment-block .lesson-answers-title h3 {
    margin-bottom: 0 !important;
    padding: 5px;
    font-family: 'proxima-nova';
    font-weight: 700;
    font-size: 20px;
    color: #0B2516;
}

.center-block .lt-lesson-comment-block .lesson-answers-title a {
    text-decoration: none;
    color: #E5A484;
    transition: all .3s;
}

.center-block .lt-lesson-comment-block .lesson-answers-title a:hover {
    text-decoration: none;
}

.center-block .lesson-answers-title .pull-right {
    margin-top: 7px;
}

.center-block .lt-lesson-comment-block .simple-answer {
    background: #fff;
    border: 1px solid #DDDDE2;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.center-block .lt-lesson-comment-block .simple-answer .user-image img {
    border-radius: 40px;
    border:1px solid #DDDDE2;
    margin-top:-5px;
}

.center-block .lt-lesson-comment-block .answers-list .user-answer {
    padding: 0 20px;
    font-size: 16px;
    border: 1px solid #DDDDE2;
    border-radius: 10px !important;
    position: relative;
    margin-bottom: 10px;
}

.center-block .lt-lesson-comment-block .answers-list .user-answer .user-profile-image {
    border-radius: 50px;
    border:1px solid #DDDDE2;
}

.center-block .lt-lesson-comment-block .answers-list .user-answer .answer-content .text,
.center-block .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-date a {
    color: #333;
    font-size: 16px;
}

.center-block .lt-lesson-comment-block .answers-list .user-answer .comment.lesson-answer-comment {
    border: 1px solid var(--cM);
}

.center-block .lt-lesson-comment-block .answers-list .user-answer .answer-content .answer-status a {
    color: #000;

}

.center-block .user-answer.status-accepted .answer-status .answer-status-label {
    background: #528C83 !important;
    color: #fff;
}

.center-block .user-answer.status-declined .answer-status .answer-status-label {
    background: #E51111 !important;
}

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

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

.center-block .lt-lesson-comment-block .answers-list .user-answer .answer-files img:hover {
    transform: scale(1.03,1.03);
}

.center-block .lt-lesson-comment-block .answers-list .user-answer .answer-content .b-like-and-subscribe-notifications span {
    color: #E5A484 !important;
    border-bottom: 0;
}

.center-block .lt-lesson-comment-block .answers-list .user-answer .lesson-answer-comment {
    padding: 10px;
    background: #ffffff !important;
    margin: 10px 0 20px;
    border-radius: 5px;
}

.center-block .lt-lesson-comment-block .btn.btn-primary.btn-send {
    padding: 5px 30px;
    background: #528C83;
    border: 0;
    border-radius: 30px;
    color: #fff;

}

.center-block .lt-lesson-comment-block .btn.btn-primary.btn-send .text {
    color:#fff;
    font-weight: 300;
}

@media (max-width:425px) {
    .center-block .lt-lesson-comment-block .lesson-answers-title h3 {
        padding: 0 0 10px 0!important;
    }
}


/* ------------- 
content finish - lesson
------------- */