@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Geologica:wght,CRSV@100..900,0&display=swap');

:root {
  --font-family: "Geologica", sans-serif!important;
  --second-family: "Cormorant", sans-serif!important;
  --third-family:  "Geologica", sans-serif;
  --white-color: #fff;
  --light-color: #FFF9EA;
  --light-color-secondary: #fdfdfe;
  --light-color-third: #e3ece3;
  --light-color-80: rgba(255, 255, 255, 0.8);
  --accent-color: #660D1E;
  --dark-green: #3D393D;
  --title-color: #660D1E;
  --text-color: #3C393C;
  --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");
}

.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:#FFF9EA
}
body {
  min-width: 360px;
  background-color: #3C393C;
}
.lesson-answers-title h3 {
    margin-top: 
}
.lesson-navigation > table > tbody > tr > td a:hover{
    text-decoration: none;
    color:#161616}
nav.mode-selector .link.active{background:#660D1E!important;
    color: #FFF9EA!important;}  
.link.active a{color:#3C393C!important;}  
nav.mode-selector {  
  border: 1px solid #660D1E!important;}  
nav.mode-selector .link {  
    color: #222223!important;  
  border-right: 1px solid #660D1E;}  
.lesson-title {background: #660D1E!important;      
  padding: 25px!important; 
  border-radius:25px; 
 
   margin-left:10px; margin-right:10px
     }  
.chatium_body > div {
    border-bottom: none!important
}
.lesson-title { color: #FFF9EA!important;  font-weight:500;
}  
.chatium_body .lesson-title h2 {
     color:#FFF9EA!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:50px;transition:all 0.3s;
    padding:10px 5px; 
}  

.chatium_body .lesson-title+style+div a:hover{   text-decoration:none;
    background:#3C393C!important; 
    color:#FFF9EA!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 40px;
  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 li,
.lesson-navigation .fui {
  isplay: none;
}
.breadcrumb a {
    color:rgb(73,73,73)
}
h1 a {
    color:rgb(68,67,67)!important;
     font-family: "Cormorant", 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: "Cormorant", sans-serif!important;
}
.header-view {
  position: relative;
  margin-bottom: 25px;
  padding: 38px;
  border-radius: 35px;
  background-color: #660D1E;
    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;
}

.custom-banner-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 20px;
  border-radius: 50px;
  border: 1px solid rgba(135, 157, 123, 0.4);
  background-color: transparent;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 15px;
  line-height: 1;
  color: rgba(135, 157, 123, 0.4);
}

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

.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:#FFF9EA;
}

.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: 1px solid var(--dark-green);
  border-radius: 60px;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: var(--dark-green);
  transition: var(--transition);
}

.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: #FFF9EA!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: 30px;
  color: var(--dark-green);
}

.timecode {
  padding: 28px 40px;
  background: var(--light-color);
  border-radius: 30px;
}

.timecode-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--transition)
}

.timecode-header.active {
  padding-bottom: 15px;
}

.timecode-header::after {
  content: '';
  display: block;
  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;
  background-repeat: no-repeat;
}

.timecode-header.active::after {
  transform: rotate(270deg);
}

.timecode-header:hover::after {
  /* transform: rotate(270deg); */
}

.timecode-header.active:hover::after {
  /* transform: rotate(0deg); */
}

.timecode-header-title {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 200px;
  width: 100%;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: var(--title-color);
}

.timecode-icon {
  max-width: 50px;
  width: 100%;
  height: 50px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.0207 13.5111C23.0207 19.0458 18.5346 23.5319 12.9998 23.5319C7.46509 23.5319 2.979 19.0458 2.979 13.5111C2.979 7.97632 7.46509 3.49023 12.9998 3.49023C18.5346 3.49023 23.0207 7.97632 23.0207 13.5111Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M16.7173 16.6991L12.6332 14.2626V9.01172' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--accent-color);
  box-shadow: -3px 3px 11px 0 rgba(13, 17, 37, 0.04);
}

.timecode-main {
  border-top: 1px solid rgba(70, 74, 91, 0.14);
  padding-top: 30px;
  padding-bottom: 15px;
}

.timecode-main__descr {
  position: relative;
  display: flex;
  align-items: self-start;
  font-family: var(--font-family);
  font-weight: 200;
  font-size: 20px;
  line-height: 1;
  color: #4f5250;
}

.timecode-main__descr:not(:last-child) {
  margin-bottom: 15px;
}

.timecode-main__descr::before {
  content: '';
  display: block;
  width: 30px;
  height: 25px;
  margin-right: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='25' viewBox='0 0 30 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6117 10.589C17.6517 11.3896 17.6517 12.958 16.6117 13.7586L8.3904 20.0874C7.07526 21.0998 5.17041 20.1622 5.17041 18.5026V5.84508C5.17041 4.18541 7.07526 3.24788 8.3904 4.26027L16.6117 10.589Z' fill='%23869C7A' /%3E%3Cpath d='M27.6117 10.589C28.6517 11.3896 28.6517 12.958 27.6117 13.7586L19.3904 20.0874C18.0753 21.0998 16.1704 20.1622 16.1704 18.5026V5.84508C16.1704 4.18541 18.0753 3.24788 19.3904 4.26027L27.6117 10.589Z' fill='%23869C7A' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

.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: "Cormorant", 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: "Cormorant", 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,
.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: 50px;
  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,
.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 {
  max-width: 356px;
  width: 100%;
  padding: 26px;
  border-radius: 50px;
  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);
}

.custom-btns-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.custom-btns-container__link {
  position: relative;
  flex: 32.3% 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-radius: 600px;
  background: var(--accent-color);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  transition: var(--transition);
}

.custom-btns-container__link::before {
  content: '';
  width: 25px;
  height: 25px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8023 15.959H9.40234' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M12.7583 11.9492H9.40234' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.6584 8.80977L14.9884 3.40977C14.2584 3.30977 13.4384 3.25977 12.5384 3.25977C6.24844 3.25977 4.14844 5.57977 4.14844 12.5098C4.14844 19.4498 6.24844 21.7598 12.5384 21.7598C18.8384 21.7598 20.9384 19.4498 20.9384 12.5098C20.9384 11.0898 20.8484 9.85977 20.6584 8.80977Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M14.4336 3.3418V6.0028C14.4336 7.8608 15.9396 9.3658 17.7976 9.3658H20.7486' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  background-size: cover;
}

.custom-btns-container__link:active,
.custom-btns-container__link:visited,
.custom-btns-container__link:hover,
.custom-btns-container__link:link {
  text-decoration: none;
  color: var(--white-color) !important;
}

.custom-btns-container__link:hover {
  background-color: var(--dark-green);
}

.modal-block-content {
    padding: 40px;
    border-radius: 30px;
    
    background-color: var(--light-color);
}
/*.fotorama__arr--next,
.fotorama__arr--prev {
  width: 23px;
  height: 41px;
  background-size: 23px 41px;
  background-position: inherit !important;
}

.fotorama__arr--next {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='41' viewBox='0 0 23 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.854 18.3803C23.0365 19.5537 23.0365 21.4658 21.854 22.6392L5.11313 39.2516C3.21992 41.1303 0 39.7893 0 37.1221L0 3.89742C0 1.23028 3.21992 -0.110741 5.11313 1.76793L21.854 18.3803Z' fill='%23869C7A' /%3E%3C/svg%3E");
}

.fotorama__arr--prev {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='41' viewBox='0 0 23 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.14596 18.3803C-0.036534 19.5537 -0.0365353 21.4658 1.14596 22.6392L17.8869 39.2516C19.7801 41.1303 23 39.7893 23 37.1221L23 3.89742C23 1.23028 19.7801 -0.110741 17.8869 1.76793L1.14596 18.3803Z' fill='%23869C7A' /%3E%3C/svg%3E");
}

.fotorama__video-play {
  width: 89px;
  height: 89px;
  background-image: url("data:image/svg+xml,%3Csvg width='89' height='89' viewBox='0 0 89 89' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='44.6128' cy='44.5098' r='44' fill='%23869C7A' /%3E%3Cpath d='M53.5034 41.5274C55.5034 42.6821 55.5034 45.5689 53.5034 46.7236L41.8425 53.456C39.8425 54.6107 37.3425 53.1673 37.3425 50.8579L37.3425 37.3931C37.3426 35.0837 39.8426 33.6403 41.8426 34.795L53.5034 41.5274Z' fill='white' /%3E%3C/svg%3E");
  background-size: 89px 89px;
  background-position: inherit !important;
}
*/

.fotorama__stage,
.fotorama__video {
  border-radius: 40px;
}

@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: 50px;
    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: 50px;
    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: 50px;
    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;
  }

  .custom-btns-container {
    gap: 8px;
  }

  .custom-btns-container__link {
    flex: 100%;
    padding: 18px;
    border-radius: 50px;
    font-size: 14px;
  }

  .fotorama__stage,
  .fotorama__video {
    border-radius: 20px;
  }

  /*.fotorama__video-play {
    background-size: 50px;
    background-position: center !important;
  }*/
}

.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: 50px;
  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: 50px;
    font-size: 13px;
  }

  .comments-tree a.more-comments {
    font-size: 10px;
  }
    
  .center-block {
    margin-bottom: 0 !important;
  }
}