@font-face {
    font-family: 'Furore';
    src: url('/fileservice/file/download/h/18f5a1c395d643def606a74f23d69c91.otf/a/623398/sc/157') format('opentype'),   url('/fileservice/file/download/h/ed48b6c5efc30204cee629624db810b7.woff/a/623398/sc/238') format('woff');
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/fileservice/file/download/h/99fcb0eb3072ee858b28ef0a8d542d54.otf/a/623398/sc/251') format('opentype'),   url('/fileservice/file/download/h/d5fb16974100048f10d57583a0a66fae.woff/a/623398/sc/90') format('woff');
}


.custom-menu .gc-account-leftbar .gc-account-user-menu li a {
    background-color: #030303;
    font-family: 'Proxima Nova'!important;
    font-size: 10px!important;
}

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, b, .lt-form input, .f-text {
    font-family: 'Proxima Nova';
    font-weight: 300;
  
}

.standard-logo img {
    display: none;
}

.standard-logo {
    margin-top: 20px;
    margin-bottom: 50px;
    min-height: 0px;
}

.xdget-common-user-form h2, .f-header {
    font-family: 'Furore';
    font-weight: 300;
}

:root {
  --main-fon: #F0F0F0; /* цвет фона #e7a604*/
  --main-text: #272727; /* цвет основного текста */
  --main-text-2: #FFFFFF; /* цвет текста элементов */
  --main-text-3: #1d6eff; /* дополнительный черный цвет */
  --main-text-4: 7D7D7D; /* неактивный */
  --main-btn: #1d1d1d; /* цвет кнопок */ 
  --main-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15); /* цвет кнопок */  
  --main-box-padding: 32px 24px;
}

/*.gc-main-content {
    background: var(--main-fon)! important;
    height: auto !important;
}*/

.gc-main-content .breadcrumb li a {
    color: var(--main-text);
    font-family: 'Proxima Nova';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
}

.standard-page-content .breadcrumb > li + li:before {
    content: "/";
}

.gc-main-content .breadcrumb a:hover,
.gc-main-content .page-header a:hover {
    border-bottom: 1px dashed var(--main-text);
    text-decoration: none;
}

.gc-main-content .page-header a {
    color: var(--main-text);
    font-family: 'Proxima Nova';
    font-size: 22px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    /*border-bottom: 1px dashed var(--main-text);*/
}

.gc-main-content .lesson-header-block {
    border-bottom: none!important;
    margin-bottom: 0!important;
    border-radius: 24px!important;
    background: #fe9b00 !important;
    color: var(--main-text-2)!important;
    font-family: 'Proxima Nova';
}


.lesson-header-block .header-view {
  border-radius: 24px 24px 0px 0px;
  background: #fe9b00;
  color: var(--main-text-2);
  padding: 24px;
  display: flex;
  align-items: center;
  position: relative;
  }

.lesson-header-block .header-view:after {
    content: "";
    background-image: url('/pl/fileservice/user/file/download/h/d0f0ddc4a2c796abd725705f882b9f06.png');
    background-size: cover;
    display: block;
    border-radius: 20px;
    background-repeat: no-repeat;
    width: 208px;
    height: 156px;
}

.lesson-header-block h2.lesson-title-value {
    font-family: 'Furore';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
    padding-bottom: 4px;
    color: var(--main-text-2);
}

.lesson-header-block .col-md-12.text-center {
    text-align: left;
    padding-top: 0!important;
}

.lesson-header-block .lesson-description-value {
    color: var(--main-text-2);
    font-family: 'Proxima Nova';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
}


.lesson-header-block .lesson-navigation {
    border-radius: 0px 0px 20px 20px;
    color: var(--main-text-2);
    padding: 20px!important;
    background: #333;
    position: relative;
}


.lesson-header-block .lesson-navigation td a {
    color: var(--main-text-2);
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.28px;
    display: flex;
    align-items: center;
}

.lesson-navigation td:first-child a:before,
.lesson-navigation td:last-child a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 12H5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 19L5 12L12 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  margin-right: 8px;
}


.lesson-navigation td:last-child a:after {
  margin-left: 8px;
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5L19 12L12 19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lesson-navigation td a ~ div {
    display: none;
}

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

.lesson-navigation td:last-child a {
  justify-content: end;
}

.center-block {
    background: #FFF;
    border-radius: 24px;
}

.intro_video {
    color: var(--main-text);
    font-family: 'Proxima Nova';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.4px;
    padding-bottom: 6px;
}

.summary_video a {
    color: var(--main-text-3);
    font-family: 'Proxima Nova';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 167%;
    letter-spacing: -0.36px;
}

.summary_video span {
    color: var(--main-btn);
    font-family: 'Proxima Nova';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 167%;
    letter-spacing: -0.36px;
    min-width: 58px;
    display: inline-block;
}

.summary_video {
    padding-left: 25px;
    padding-bottom: 20px;
}

.summary_video a:hover {
    text-decoration: none;
    border-bottom: 1px dashed var(--main-btn);
}

/* если вы хотите показывать тень и скругление всегда */

.vhi-iframe {
    box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 12%);
    border-radius: 25px! important;
    margin-top: 15px;    
}


.videoWrapper iframe {
    box-shadow: 0px 12px 30px 0px rgb(0 0 0 / 12%);
    border-radius: 25px! important;
}


.complete-themes  {
  display:none;
}


.o-themes {
    margin: 20px 0;
    cursor: pointer;
}

.o-themes .themes p {
    color: var(--main-text);
    font-family: 'Proxima Nova';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.4px;
    border-radius: 20px;
    border: 1px solid rgba(105, 116, 200, 0.40);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.o-themes .themes p:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Cpath d='M22.5 41.25C32.8553 41.25 41.25 32.8553 41.25 22.5C41.25 12.1447 32.8553 3.75 22.5 3.75C12.1447 3.75 3.75 12.1447 3.75 22.5C3.75 32.8553 12.1447 41.25 22.5 41.25Z' fill='%236974C8' stroke='%236974C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 22.5L22.5 30L30 22.5' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 15V30' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 45px;
    height: 45px;
    display: block;
    transition: all 0.5s ease-out;
}


.o-themes.rotate .themes p:after {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Cpath d='M22.5 3.75C12.1447 3.75 3.75 12.1447 3.75 22.5C3.75 32.8553 12.1447 41.25 22.5 41.25C32.8553 41.25 41.25 32.8553 41.25 22.5C41.25 12.1447 32.8553 3.75 22.5 3.75Z' stroke='%236974C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 22.5L22.5 15L15 22.5' stroke='%236974C8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 30L22.5 15' stroke='%236974C8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.lite-page.block-set {
    padding: 0 58px;
}


.o-themes .themes span {
    flex: 0 0 80%;
}

.lesson-main-content {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    flex-direction: row;
}

.lesson-main-content .center-block {
    flex: 0 0 77%;
}

.lesson-main-content .rightside-widget {
   flex: 0 0 calc(23% - 40px);
}


.gc-main-content > .container,
.center-block,
.lite-page .container  {
    width: auto!important;
    max-width: none!important;
}

.navigation_lessons:before {
    content: "Уроки модуля:";
    color: var(--main-text);
    font-family: 'Furore';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
    padding-bottom: 18px;
    display: block;
}

.navigation_lessons a.lesson-link {
    color: var(--main-text);
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.28px;
    display: inline-block;
    border-radius: 16px;
    background: #FFF;
    padding: 10px;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
    transition: all 0.5s ease-out;
}

.lesson-link:after {
    color: var(--main-text);
    font-family: 'Proxima Nova';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.24px;
    display: block;
    padding-top: 8px;
}

.lesson-link:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    position: absolute;
}

/* Нет задания, урок доступен */
.lesson-link.user-state-reached:after {
    content: "Доступен";
}

/* Есть задание, урок доступен */
.lesson-link.user-state-has_mission:after {
    content: "Доступен";
}

.lesson-link.user-state-has_mission:before,
.lesson-link.user-state-reached:before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_551_2521)'%3E%3Cpath d='M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z' stroke='%23363546' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33301 6.6665L13.333 9.99984L8.33301 13.3332V6.6665Z' stroke='%23363546' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_551_2521'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* Ответ ожидает проверки */
.lesson-link.user-state-answered:after {
    content: "На проверке";
}

/* Ответ принят */
.lesson-link.user-state-accomplished:after {
    content: "Пройден";
}

.lesson-link.user-state-accomplished:before {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_551_2513)'%3E%3Cpath d='M18.3337 9.23355V10.0002C18.3326 11.7972 17.7507 13.5458 16.6748 14.9851C15.5988 16.4244 14.0864 17.4773 12.3631 17.9868C10.6399 18.4963 8.79804 18.4351 7.11238 17.8124C5.42673 17.1896 3.98754 16.0386 3.00946 14.5311C2.03138 13.0236 1.56682 11.2403 1.68506 9.44714C1.80329 7.65402 2.498 5.94715 3.66556 4.58111C4.83312 3.21506 6.41098 2.26303 8.16382 1.867C9.91665 1.47097 11.7505 1.65216 13.392 2.38355' stroke='%2315C832' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3333 3.3335L10 11.6752L7.5 9.17516' stroke='%2315C832' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_551_2513'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


/* Необходимо выполнить задание  */
.lesson-link.user-state-need_accomplish:after {
    content: "Ожидает выполнения"; 
}

.lesson-link.user-state-need_accomplish:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_551_2521)'%3E%3Cpath d='M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z' stroke='%236974C8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33301 6.6665L13.333 9.99984L8.33301 13.3332V6.6665Z' stroke='%236974C8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_551_2521'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


/* Урок недоступен */
.lesson-link.user-state-not_reached:after {
    color: var(--main-text-4);
    content: "Недоступен";
    font-size: 1em;
}

.lesson-link.user-state-not_reached:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_551_2529)'%3E%3Cpath d='M10.0003 18.3332C14.6027 18.3332 18.3337 14.6022 18.3337 9.99984C18.3337 5.39746 14.6027 1.6665 10.0003 1.6665C5.39795 1.6665 1.66699 5.39746 1.66699 9.99984C1.66699 14.6022 5.39795 18.3332 10.0003 18.3332Z' stroke='%237D7D7D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 5V10L13.3333 11.6667' stroke='%237D7D7D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_551_2529'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}


.navigation_lessons .lesson-link.user-state-not_reached {
    background: #ECECEC;
    color: var(--main-text-4);
}

.navigation_lessons .lesson-link span {
    max-width: 140px;
    display: inline-block;
}


.navigation_lessons .modul-link {
    border-radius: 10px;
    background: var(--main-btn);
    color: #FFF;
    font-family: 'Proxima Nova';
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
    width: 100%;
    display: inline-block;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s ease-out;
}

.navigation_lessons .modul-link:after {
    width: 24px;
    height: 24px;
    content:"";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 5L19 12L12 19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: inline-block;
}

.navigation_lessons a:hover {
    text-decoration: none;
     transform: translateX(10px);
}

.answer-form {
	background: #f9f8f7!important;
	font-family: 'Proxima Nova'!important;
	font-size:14px!important;
	border-radius: 21px!important;
}

.lesson-mission-text {
    border-bottom: 1px solid #f9f8f7;
}

.lessonAnswerForm {
	background: #f0f0f0!important;
  font-family: 'Proxima Nova'!important;
	border-radius: 16px!important;
  border: 1px solid var(--main-text-2);
}

.testing-widget .before-start-block .start-btn {
    background: #fe9b00 !important;
    color: var(--main-text-2);
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 21px;
    padding-left: 60px;
    padding-right: 60px;
    font-weight: semi-bold;
    font-family: 'Proxima Nova'!important;
}

.simple-answer {
    margin-top: 20px! important;
    background: var(--color-white);
    border-radius: var(--border-radius)!important;
    border: 1px solid var(--color-black);
}

.lesson-answers-title {
      margin-top: 25px! important;
}

.user-answer:first-child {
    border: 1px solid var(--main-text-4);
    border-radius: 16px! important;
}

.lesson-mission-wrapper {
	background: #f0f0f0!important;
  font-family: 'Proxima Nova'!important;
	font-size:16px!important;
	border-radius: 16px!important;
    border: 1px solid var(--main-text-2);
}

.custom-field.required .field-label {
  font-family: 'Proxima Nova'!important;
}

.btn-send-answer.btn-primary {
  background: #fe9b00! important;
  box-shadow: 0 4px 15px 0 var(--main-text-4);
  border: transparent;
  color: var(--main-btn)! important;
  font-weight: 500;
  font-family: 'Proxima Nova'!important;
  border-radius: 12px!important;
}

.btn-link.btn-save-draft {
	color: var(--main-text)!important;
	font-family: 'Proxima Nova'!important;
}

.btn.f-btn.btn-success {
    background: #fe9b00 !important;
    box-shadow: 0 1px 6px 0px #333;
    color: var(--main-btn)! important;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 21px!important;
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Proxima Nova'!important;
}

@media (min-width: 821px) {
.navigation_lessons a.lesson-link {
    font-size: 10px;
}
    
.navigation_lessons .lesson-link span {
    max-width: 120px;
    display: inline-block;
}    

.lesson-header-block h2.lesson-title-value {
    font-size: 22px;
    font-weight: 600;
}    
    
.lesson-header-block .header-view:after {
    content: "";
    background-image: url(/pl/fileservice/user/file/download/h/d0f0ddc4a2c796abd725705f882b9f06.png);
    background-size: cover;
    display: block;
    border-radius: 0px;
    background-repeat: no-repeat;
    width: 108px;
    height: 75px;
    padding-right: 20px;
}    
    
.new-comment-textarea {
    width: 100%;
    height: 76px !important;
    border: 1px solid #ddd;
    font-size: 12px;
}    
    
}

@media (max-width: 768px) {
.lesson-main-content .center-block {
    flex: 0 0 100%;
    margin-bottom: 10px!important;
}    
    
.lesson-header-block h2.lesson-title-value {
    font-size: 20px!important;
}
    
.user-state-label {
    font-size: 11px!important;
}
    
.navigation_lessons .lesson-link span {
    width: 220px;
} 
    
.navigation_lessons a.lesson-link {
    width: 220px;
}
    
.navigation_lessons .modul-link {
    width: 220px;
}

.lite-page.block-set {
    padding: 0 8px;
}
    
.lesson-header-block .header-view:after {
    display: none!important;
}
    
.new-comment-textarea {
    width: 100%;
    height: 76px !important;
    border: 1px solid #ddd;
    font-size: 12px;
}
    
.answer-form .btn-save-draft {
    margin-left: 15px;
    margin-top: 7px;
}
    
.testing-widget .before-start-block .start-btn {
    margin-left: -15px;
    margin-bottom: 5px;
}    
    }

@media (max-width: 390px) {
.lesson-header-block .lesson-navigation td a {
    display: none;
    /*color: var(--main-text-2);
    font-family: 'Prosto One';
    font-size: 10px;
    font-style: light;
    letter-spacing: -0.2px;*/
 }

.lesson-header-block h2.lesson-title-value {
    font-size: 16px!important;
}
    
    }