@import url('https://demetrius-school.ru/pl/fileservice/user/file/download/h/780857231b9202ff64349eec7aee8919.css');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
:root {
  --font-family: "Manrope", sans-serif!important;
  --second-family: "Blacker Text", sans-serif!important;
  --third-family:  "Manrope", sans-serif;
  --white-color: #fff;
  --light-color: #EFE5DA;
  --light-color-secondary: #fdfdfe;
  --light-color-third: #e3ece3;
  --light-color-80: rgba(255, 255, 255, 0.8);
  --accent-color: #9C1515;
  --dark-green: #3D393D;
  --title-color: #9C1515;
  --text-color: #3D393D;
  --text-color-secondary: #9c9c9c;
  --shadow: 0 4px 24px 0 rgba(29, 39, 21, 0.03);
  --transition: all .3s ease;
  --green-arrow-icon: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0.509766L1 4.50977L5 8.50977' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --green-arrow-icon-hover: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0.509766L1 4.50977L5 8.50977' stroke='%23929B8E' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --navigation-arrow-prev-icon: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.17578 1.33984L1.00193 6.51369L6.17578 11.6875' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --navigation-arrow-next-icon: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.519531 1.33984L5.69338 6.51369L0.519531 11.6875' stroke='%2369805D' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --navigation-arrow-prev-white-icon: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19336 11.6875L1.01951 6.51365L6.19336 1.3398' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  --navigation-arrow-next-white-icon: url("data:image/svg+xml,%3Csvg width='7' height='13' viewBox='0 0 7 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.01953 1.33984L6.19338 6.51369L1.01953 11.6875' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}
.logo-link img {
     content: url("https://demetrius-school.ru/pl/fileservice/user/file/download/h/708a48f750e1a0832bfb3116ebf6f0e4.svg")!important;
  padding-left:20px;
   height: 70px!important; 
    
}
.col-md-offset-2 {
    background: none!important
}
.sp-search-form .sp-search-btn {
    background: red!important
}

.notice-top-panel {
    display: none
}
.top-notification-notice {
     display: none 
}
.chatium_body {
     min-width: 360px;
  background-color:#EFE5DA
}
body {
  min-width: 360px!important;
  background-color: #3C393C;
}

.lesson-navigation > table > tbody > tr > td a:hover{
    text-decoration: none;
    color:#161616}
nav.mode-selector .link.active{background:#9C1515!important;
    color: #EFE5DA!important;}  
.link.active a{color:#3C393C!important;}  
nav.mode-selector {  
  border: 1px solid #9C1515!important;}  
nav.mode-selector .link {  
    color: #222223!important;  
  border-right: 1px solid #9C1515;}  
.lesson-title {background: #9C1515!important;      
  padding: 25px!important; 
  border-radius:25px; 
 
   margin-left:10px; margin-right:10px
     }  
.chatium_body > div {
    border-bottom: none!important
}
.lesson-title { color: #EFE5DA!important;  font-weight:500;
}  
.chatium_body .lesson-title h2 {
     color:#EFE5DA!important;
}
body>.lesson-title+style+div {background: transparent!important; 
   
     margin-left:10px;
    margin-right:10px }
.chatium_body .lesson-title+style+div a{ display:inline-block;
    margin-top: 15px;
    font-weight:600;
    font-size:14px;
    color:#3C393C!important;
    background:transparent!important;
    border:1px solid #3C393C;
    border-radius:10px;transition:all 0.3s;
    padding:10px 5px; 
}  

.chatium_body .lesson-title+style+div a:hover{   text-decoration:none;
    background:#3C393C!important; 
    color:#EFE5DA!important;
     border:1px solid #3C393C;
} 
.chatium_body,
.gc-main-content {
  padding: 0;
}
.menu-item-marathon a {
    display: none!important
}
.gc-main-content.with-left-menu .container {
  padding: 0;
  margin: 0;
  width: 100%;
}

.gc-main-content,
.chatium_body {
  padding-top: 10px;
}

.standard-page-content {
  width: 100%;
  padding: 30px 50px 70px;
  border-radius: 40px 0 0 0px;
  background-color: var(--light-color);
  height: 100%;
}

.center-block {
  max-width: 1200px !important;
}

.block-text .row {
  margin-left: 0;
  margin-right: 30px
}

.standard-logo,
.page-header>h1,
.breadcrumb a {
    color:rgb(73,73,73)
}
h1 a {
    color:rgb(68,67,67)!important;
     font-family:  "Manrope", sans-serif;
}
.page-header {
  padding: 0;
  margin: 0;
  border-bottom: none;
}

.page-actions {
  float: unset !important;
  text-align: end;
  margin-bottom: 10px;
}

.standard-page-content .breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.lesson-answers-title h3 {
    font-family: "Blacker Text", sans-serif!important;
}
.header-view {
  position: relative;
  margin-bottom: 25px;
  padding: 38px;
  border-radius: 30px;

     background: url( https://demetrius-school.ru/pl/fileservice/user/file/download/h/db98c6cc35e28e6d221ff6f1131838d2.png) #9C1515 no-repeat top center !important;
    background-size: cover !important;
       
    text-align: center;
  transform-style: preserve-3d;
}

.header-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -8px;
  right: 0;
  left: 0;
  border-radius: 50px;
  background-color: var(--accent-color);
  transform: translateZ(-10px);
}

.header-view .text-center {
  padding: 0 !important;
}

.lesson-header-block {
  background: transparent !important;
  border-bottom: none !important;
}

html .lesson-header-block.row-section {
  margin-bottom: 33px;
}



.lesson-title-value,
.lesson-title h2 {
  font-family: "Blacker Text", sans-serif;;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;padding-top: 20px;
    letter-spacing: -1px;
  line-height: 120%;
  color: #EFE5DA;
}

.lesson-title h2 {
  color: var(--white-color);
}

.lesson-description-value {
  display: block;
  padding-top: 15px;
  font-family: var(--font-family);
  font-weight: 100;
  font-size: 16px;
  line-height: 110%;
  color:#EFE5DA;
}
.standard-page-content {
    background: #F3EEEB
}

.lesson-navigation {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: inherit !important;
}

.custom-lesson-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 14px;
}

.lesson-navigation td.text-center {
  display: none;
}

.lesson-navigation td .hidden-xs {
  display: none;
}

.lesson-navigation td:first-of-type,
.lesson-navigation td:last-of-type {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.lesson-navigation td a,
.custom-lesson-navigation__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 24px 51px;
   border-radius: 15px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-align: center;
     color: #ffffff!important;
  transition: var(--transition);
    background: #9C1515!important
}

.lesson-navigation td a:active,
.lesson-navigation td a:visited,
.lesson-navigation td a:link,
.custom-lesson-navigation__link:active,
.custom-lesson-navigation__link:visited,
.custom-lesson-navigation__link:link {
  text-decoration: none;
  color: var(--dark-green);
}

.lesson-navigation td a:hover,
.custom-lesson-navigation__link:hover {
  background-color: var(--dark-green);
  color: #EFE5DA!important;
}

.lesson-navigation td:first-of-type a::before,
.custom-lesson-navigation__link:first-child::before {
  content: '';
  display: block;
  width: 7px;
  height: 12px;
  background-image: var(--navigation-arrow-prev-icon);
  background-size: cover;
}

.lesson-navigation td:last-of-type a::after,
.custom-lesson-navigation__link:last-child::after {
  content: '';
  display: block;
  width: 7px;
  height: 12px;
  background-image: var(--navigation-arrow-next-icon);
  background-size: cover;
}

.lesson-navigation td:first-of-type a:hover::before,
.custom-lesson-navigation__link:first-child:hover::before {
  background-image: var(--navigation-arrow-prev-white-icon);
}

.lesson-navigation td:last-of-type a:hover::after,
.custom-lesson-navigation__link:last-child:hover::after {
  background-image: var(--navigation-arrow-next-white-icon);
}

.lite-page {
  padding: 30px 45px;
  border-radius: 50px;
  background-color: var(--white-color);
  box-shadow: var(--shadow);
}

.videoWrapper iframe,
.vhi-iframe {
  border-radius: 40px;
}

.block-set,
.block-set .f-text,
.f-header {
  font-family: var(--font-family) !important;
  font-style: normal;
  font-weight: 200 !important;
  line-height: normal;
}

.block-set .f-text {
  font-family: var(--font-family) !important;
  font-size: 20px;
  color: #4f5250;
}

.block-set a {
  color: var(--dark-green) !important;
}

.block-set .f-text strong {
  font-weight: 500;
  color: var(--dark-green);
}

.block-set .f-text li::marker {
  color: var(--dark-green);
}

.block-set .f-text ul {
  padding-inline-start: 25px;
}

.f-header,
.f-header p {
  font-family: var(--second-family);
  font-weight: 400 !important;
  font-size: 24px;
  color: var(--dark-green);
}


.files-row:not(.flex) {
  display: flex;
}

.files-row.flex {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.files-row-link {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 25px;
  padding-right: 40px;
  border-radius: 25px;
  background-color: var(--light-color);
  transition: var(--transition);
}

.files-row-link:active,
.files-row-link:visited,
.files-row-link:hover,
.files-row-link:link {
  text-decoration: none;
}

.files-row-link:hover {
  transform: scale(1.01);
}

.files-row-link__decor {
  max-width: 52px;
  width: 100%;
  height: 52px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3023 15.4492H8.90234' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12.2583 11.4395H8.90234' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1584 8.3L14.4884 2.9C13.7584 2.8 12.9384 2.75 12.0384 2.75C5.74844 2.75 3.64844 5.07 3.64844 12C3.64844 18.94 5.74844 21.25 12.0384 21.25C18.3384 21.25 20.4384 18.94 20.4384 12C20.4384 10.58 20.3484 9.35 20.1584 8.3Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M13.9336 2.83203V5.49303C13.9336 7.35103 15.4396 8.85603 17.2976 8.85603H20.2486' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--accent-color);
  box-shadow: -3px 3px 11px 0 rgba(13, 17, 37, 0.04);
}

.files-row-link-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.files-row-link__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  color: var(--title-color) !important;
}

.files-row-link-descr {
  display: flex;
  align-items: center;
  gap: 7px;
}

.files-row-link-descr__arrow {
  width: 34px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='35' viewBox='0 0 34 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17.5098' r='17' fill='%23869C7A' /%3E%3Cpath d='M13 13.9542L21 21.5098M21 21.5098V13.5098M21 21.5098H13' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: cover;
}

.files-row-link:hover .files-row-link-descr__arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='35' viewBox='0 0 34 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17' cy='17.5098' r='17' fill='%2369805D' /%3E%3Cpath d='M13 13.9542L21 21.5098M21 21.5098V13.5098M21 21.5098H13' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.lt-lesson-mission-block h3,
.lt-lesson-comment-block h3 {
  margin-bottom: 20px;
 font-family: "Blacker Text", sans-serif!important;
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: var(--title-color);
}

.lt-lesson-mission-block h3 {
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
}

/*Менять заголовок задания*/
.lt-lesson-mission-block h3::after {
  content: 'Задание:';
  font-size: 30px;
  line-height: 1;
    font-family: "Blacker Text", sans-serif;;
}

div[class*="mission-deadline"],
.gc-main-content.with-left-menu .o-lt-lesson-mission-block .lt-lesson-comment-block .container {
  padding: 40px;
  border-radius: 30px;
    margin-top: 20px;
  background-color: var(--light-color);
}

.user-answer {
  padding-bottom: 0;
}

.lesson-mission-wrapper {
  margin-top: 0;
  border: none;
}

.answer-form {
  padding: 0;
  background: transparent;
}

.lesson-mission-text {
  margin-bottom: 31px;
  padding: 0 !important;
  border-bottom: none;
  font-size: 19px !important;
  color: #4f5250;
}

.user-profile-image {
  border-radius: 50%;
}

.emoji-textarea {
  padding: 20px;
  height: 136px !important;
  resize: none !important;
  border: none;
  border-radius: 30px;
  background-color: var(--white-color);
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 18px;
  color: #4f5250;
}

.emoji-textarea::placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.emoji-textarea::-webkit-placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.answer-form .type-string::placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.answer-form .type-string::-webkit-placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.answer-form .type-currency::placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.answer-form .type-currency::-webkit-placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.answer-form .type-float::placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.answer-form .type-float::-webkit-placeholder {
  color: rgba(79, 82, 80, 0.52);
}

.comment-form-wrapper .new-comment-textarea {
  border: none;
  padding-left: 20px;
}

.emoji-textarea:focus-visible {
  outline: none;
  outline-offset: 0;
}

.answer-form .emoji-container .emoji-button,
.training-feedback-container .emoji-container .emoji-container .emoji-button {
  top: 25px;
  right: 36px;
}

.answer-form .type-string,
.answer-form .type-currency,
.answer-form .type-float {
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: var(--white-color);
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 14px;
  color: #4f5250;
}

.answer-form .type-string:focus-visible,
.answer-form .type-currency:focus-visible,
.answer-form .type-float:focus-visible {
  outline: none;
  outline-offset: 0;
}

.answer-form .addfield>label,
.answer-form .addfield-type-currency>div {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 18px;
  line-height: 120%;
  color: #4f5250;
}

.answer-form .btn-send-answer,
.answer-form .btn-save-draft,
.answer-form .uploadifive-button,
.comment-form-wrapper .new-comment .btn-send,
.text-center .btn-lg,
.training-feedback-wrapper .btn.btn-primary.btn-lg {
  display: inline-block;
  padding: 24px 41px;
  height: 100% !important;
  border: 1px solid var(--accent-color);
  border-radius: 10px;
  background-color: var(--accent-color) !important;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 16px;
  line-height: 1 !important;
  color: var(--white-color);
  text-transform: math-auto;
  transition: var(--transition);
}

.btn-send .fa.fa-send {
  display: none;
}

.answer-form .uploadifive-button {
  width: inherit !important;
  background-image: unset;
  text-transform: math-auto;
}

.answer-form .btn-send-answer:hover,
.answer-form .uploadifive-button:hover,
.comment-form-wrapper .new-comment .btn-send:hover,
.text-center .btn-lg:hover,
.training-feedback-wrapper .btn.btn-primary.btn-lg:hover {
  background-color: var(--dark-green) !important;
  color: var(--white-color);
}

.comment-form-wrapper .new-comment .btn-send {
  display: none;
}

.comment-form-wrapper .new-comment.active .btn-send {
  display: inline-block;
}

.answer-form .btn-save-draft {
  margin-left: 10px;
  border-color: #4f5250;
  background: transparent !important;
  color: #4f5250;
}

.answer-form .btn-save-draft:hover {
  border-color: var(--accent-color);
  background-color: var(--accent-color) !important;
  color: var(--white-color);
}

.answer-form .btn-save-draft:active,
.answer-form .btn-save-draft:visited,
.answer-form .btn-save-draft:hover,
.answer-form .btn-save-draft:link {
  text-decoration: none;
}

.btn.f-btn.button-md.btn-success {
 
  width: 100%;
  padding: 26px;
  border-radius: 10px;
  background: var(--accent-color) !important;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--white-color) !important;
  transition: var(--transition);
}

.btn.f-btn.button-md.btn-success:hover {
  background: var(--dark-green) !important;
  color: var(--white-color) !important;
}

.self-answers .user-answer {
  border-top: none;
}

.user-answer .user-image {
  border-radius: 50%;
}

.user-answer {
  border-top: none;
}

.lesson-answer-comment,
.user-answer .addfield {
  background: transparent;
}

.user-profile-link.worker,
.answer-date a,
.answer-date .text-muted,
.b-notifications-subscribe .button,
.b-like .positive-count .value,
.pseudo-link,
.answer-status a {
  font-family: var(--font-family);
  color: #4f5250 !important;
}

.user-profile-link,
.answer-date a,
.answer-date .text-muted,
.b-notifications-subscribe .button,
.b-like-and-subscribe-notifications .word-separator,
.b-like .positive-count .icon,
.b-like .positive-count .value,
.b-like .button,
.comment-time.edit-comment-inactive-element .value,
.b-like a,
.comments-tree .worker .text,
.pseudo-link,
.answer-status a,
.public-level-block.user-can-hide-answer {
  font-family: var(--font-family);
  color: #4f5250 !important;
}

.answer-date {
  color: #4f5250 !important;
}

.b-notifications-subscribe .button,
.b-like .button {
  border-color: #4f5250 !important;
  color: #4f5250 !important;
}

.user-answer .answer-content .answer-text,
.emoji-text.text-content.edit-comment-inactive-element,
.user-answer .addfield {
  font-family: var(--font-family) !important;
  font-weight: 200 !important;
  color: #4f5250 !important;
}

.lt-lesson-mission-block .row.row-section,
.lt-lesson-comment-block .row.row-section {
  margin-bottom: 0 !important;
}

.user-answer .answer-status .answer-status-label {
  padding: 14px 39px;
  border-radius: 60px;
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white-color);
}

.user-answer.status-viewed .answer-status .answer-status-label,
.user-answer.status-accepted .answer-status .answer-status-label {
  background-color: var(--accent-color);
}



.modal-block-content {
    padding: 40px;
    border-radius: 30px;
    
    background-color: var(--light-color);
}


@media screen and (max-width: 992px) {

  .f-header p,
  .custom-two-columns-column__title,
  .custom-separator__title {
    font-size: 24px;
  }

  .block-set .f-text,
  .timecode-main__descr,
  .custom-two-columns-column__text {
    font-size: 16px;
  }

  .files-row.flex {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .gc-main-content.with-left-menu .container {
    margin-left: 0;
    margin-right: 0;
  }

  .chatium_body,
  .gc-main-content {
    padding: 0;
  }

  .standard-page-content {
    padding: 26px 10px;
    border-radius: 40px;
  }

  .lite-page {
    padding: 20px;
    border-radius: 30px;
  }

  .standard-page-content .breadcrumb {
    display: flex;
    justify-content: center;
    gap: 4px;
  }

  .with-image {
    max-width: 140px;
  }

  .o-unhide-mob-text {
    display: block;
  }

  .hide-mob-text {
    display: none;
  }

  .answer-form .btn-save-draft {
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
}

@media screen and (max-width: 576px) {
  .container {
    padding-left: 5px;
    padding-right: 5px;
  }

  .custom-two-columns {
    gap: 10px;
  }

  .with-image {
    max-width: 82px;
  }

  html .lesson-header-block.row-section {
    margin-bottom: 14px;
  }

  .header-view {
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 30px;
  }

  .header-cover {
    bottom: -6px;
    border-radius: 30px;
  }

  .custom-banner-label {
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 40px;
    font-size: 12px;
  }

  .lesson-title h2,
  .lesson-title-value {
    font-size: 22px;
  }

  .lesson-description-value {
    padding-top: 2px;
    font-size: 12px;
    line-height: 117%;
  }

  .lesson-navigation td a,
  .custom-lesson-navigation__link {
    padding: 13px;
    border-radius: 10px;
    font-size: 12px;
  }

  .lesson-navigation td:first-of-type a::before,
  .custom-lesson-navigation__link:first-child::before,
  .lesson-navigation td:last-of-type a::after,
  .custom-lesson-navigation__link:last-child::after {
    width: 6px;
    height: 12px;
  }

  .custom-lesson-navigation {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .custom-btn .btn.f-btn.button-md.btn-success {
    max-width: inherit;
    padding: 19px;
    border-radius: 10px;
    font-size: 13px;
  }

  .emoji-textarea {
    height: 83px !important;
    border-radius: 20px;
    font-size: 13px;
  }

  .answer-form .btn-send-answer,
  .answer-form .btn-save-draft,
  .answer-form .uploadifive-button,
  .comment-form-wrapper .new-comment .btn-send {
    width: 100% !important;
    padding: 19px;
    border-radius: 10px;
    font-size: 13px;
  }

  .lt-lesson-mission-block h3,
  .lt-lesson-comment-block h3 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .lt-lesson-mission-block h3 {
    font-size: 0;
  }

  .lt-lesson-mission-block h3::after {
    font-size: 20px;
  }

  .lesson-mission-text {
    font-size: 13px !important;
  }

  .answer-form .addfield>label,
  .answer-form .addfield-type-currency>div {
    font-size: 13px;
  }

  .videoWrapper iframe,
  .vhi-iframe {
    border-radius: 20px;
  }

  .f-header p,
  .custom-two-columns-column__title,
  .custom-separator__title {
    font-size: 16px;
  }

  .block-set .f-text,
  .custom-two-columns-column__text {
    font-size: 13px;
    line-height: 120%;
  }

  .builder-item.part-header {
    margin-bottom: 10px !important;
  }

  .user-answer .answer-status .answer-status-label {
    padding: 10px;
    border-radius: 50px;
    font-size: 12px;
  }

  .custom-separator {
    margin-bottom: 10px;
  }

  .custom-separator::before {
    margin-right: 26px;
  }

  .custom-separator::after {
    margin-left: 26px;
  }

 

  .files-row.flex {
    gap: 15px;
  }

  .files-row-link {
    padding: 23px;
    border-radius: 20px;
    gap: 14px;
  }

  .files-row-link-wrapper {
    gap: 11px;
  }

  .files-row-link__decor {
    max-width: 30px;
    height: 30px;
    background-size: 15px;
  }

  .files-row-link__title {
    font-size: 16px;
  }

  .files-row-link-descr__title {
    font-size: 13px;
  }

  div[class*="mission-deadline"],
  .gc-main-content.with-left-menu .lt-lesson-comment-block .container {
    padding: 20px;
    border-radius: 20px;
  }

  
 
}

.simple-answer.user-answer {
  background: transparent;
}

.new-comment.active .btn-send {
  display: inline-block;
  padding: 24px 41px;
  height: 100% !important;
  border: none !important;
  border-radius: 10px;
  background-color: var(--accent-color) !important;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1 !important;
  color: var(--white-color);
  text-transform: capitalize;
  transition: var(--transition);
}

.new-comment.active .btn-send:hover {
  background-color: var(--dark-green) !important;
}

.comments-tree a.more-comments {
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 18px;
  line-height: 125%;
}

.comments-tree a.more-comments:active,
.comments-tree a.more-comments:visited,
.comments-tree a.more-comments:hover,
.comments-tree a.more-comments:link {
  text-decoration: none;
  color: #4f5250;
}

.answer-main-content .main {
  padding: 21px 25px;
  border-radius: 20px;
  background-color: var(--white-color);
  color: #4f5250;
}

.user-profile-link.worker,
.comments-tree .worker .text,
.user-profile-link,
.answer-date a,
.user-answer .answer-content .answer-text {
  font-weight: 200;
  color: #4f5250 !important;
}

.comment.lesson-answer-comment {
  margin-bottom: 15px;
  padding: 21px 25px 10px;
  border-radius: 20px;
  background-color: var(--white-color);
}

@media screen and (max-width: 576px) {
  .new-comment.active .btn-send {
    width: 100% !important;
    padding: 19px;
    border-radius: 10px;
    font-size: 13px;
  }

  .comments-tree a.more-comments {
    font-size: 10px;
  }
    
  .center-block {
    margin-bottom: 0 !important;
  }
}
.answer-form textarea {
    margin-bottom: 20px
}
/* ОФОРМЛЕНИЕ РАЗДЕЛИТЕЛЯ - начало */ 
.lt-separator hr { 
    /* ширина разделителя - %% от ширины контейнера */ 
    width: 80%; 
    /* при этом максимальная ширина */ 
    max-width: 920px !important; 
    /* всё, что выходит за пределы блока - показываем */ 
    overflow: visible; 
    /* выравнивание посередине */     
    text-align: center; 
    border: none; 
    /* двойная линия и толщина линий thick-толстое, medium - более тонкое */ 
    border-top: thick double rgba(105,94,94,0.34); 
    padding: 0; 
    margin-top: 35px; 
     margin-bottom: 35px; 
} 
/* при желании можно добавить изображение посередине */ 
.lt-separator hr:after { 
    display: inline-block; 
    content: url(https://demetrius-school.ru/pl/fileservice/user/file/download/h/ae632eafd6817381b890565ee8caea60.svg); 
    position: relative; 
    /* позиционируем посередине */ 
    top: -20px; 
    padding: 0 5px; 
   
    /* если фон нужно сделать круглым - скруглите через border-radius */ 
    border-radius: 100px;     
} 
/* ОФОРМЛЕНИЕ РАЗДЕЛИТЕЛЯ - конец */ 
/* Файлы */
.lt-block.lt-lesson-files .lt-block-wrapper {
    padding-bottom:0;
}

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

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

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

.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 #AF8F79;
    border-radius: 10px;
    
    overflow: hidden !important;
    transition: all .3s;
}

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

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

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

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

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

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

.lt-block .table.files-table tr td:nth-child(1)::before {
    content: url(https://demetrius-school.ru/pl/fileservice/user/file/download/h/46da96f16111651ad725be97b8d3c44b.svg);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translatey(-50%);
    
    height: 22px;
}

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

.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: #9E9BA4;
    
    text-align: center;
}

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

.lt-block .table.files-table tr td:nth-child(3) a {
    display: block;
    
    font-family:  var(--main-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #141414;
    word-break: break-all;
    
    text-decoration: none !important;
    transition: all .2s;
}

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

@media (max-width:767px) {
	.lt-block .table.files-table tr {
        flex: 1 1 100%;
        max-width: 100%;
		padding: 15px;
        
        justify-content: center;
	}
    
    .lt-block .table.files-table td {
        flex: 1 1 100% !important;
        
        padding: 5px !important;
        text-align: center !important;
    }
	.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;
	}

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



.standard-page-content .btn {
    border-radius: 8px
}

.lesson-answers-title h3 {
    margin-top: 30px!important
}
.user-answer.status-accepted .answer-status .answer-status-label {
    background: rgb(111,170,111)
}
.fotorama__loaded .fotorama__img {
    border-radius: 30px!important
}
.fotorama__active .fotorama__img {
      border-radius: 30px!important
}