@import url(/pl/cms/layout/css?id=37278&hash=33520d4531a16e7af89a8453c635ecb9&bundle=1);

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, b,  .xdget-common-user-form h2, .f-header, .f-subheader, .lt-form input, .f-text {
    font-family: 'Graphik-Regular-Web';
}

.standard-logo:after { 
  content: url(https://fs.getcourse.ru/fileservice/file/download/a/738302/sc/227/h/18beec15aec8801ba3a2348a3a5a6828.png);
  position:absolute;
  top: 15px;
  left:105px;
}

:root {
  --main-fon: #e8f0ff; /* цвет фона */
  --main-text: #1d1d1d; /* цвет основного текста */
  --main-text-2: #FFFFFF; /* цвет текста элементов */
  --main-text-3:#1B1D21; /* дополнительный черный цвет */
  --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);
    height: auto !important;
}

body {
    background: var(--main-fon);
    height: auto !important;
}

.gc-main-content .breadcrumb li a {
    color: var(--main-text);
    font-family: 'Graphik-Regular-Web';
    font-size: 12px;
    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: Graphik-Regular-Web;
    font-size: 20px;
    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;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
    border-radius: 24px!important;
    background: none!important;
}

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

.lesson-header-block .header-view:after {
    content: "";
    /*background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/645706/sc/247/h/a7e567bac26f869e302326ede3a46fb4.jpg);*/
    background-size: cover;
    display: block;
    border-radius: 20px;
    background-repeat: no-repeat;
    width: 208px;
    height: 106px;
}

.lesson-header-block h2.lesson-title-value {
    font-family: 'Graphik-Regular-Web';
    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: 'Graphik-Regular-Web';
    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;
    background: #fff;
    color: var(--main-text-2);
    padding: 20px!important;
    background: #2070ff;
    position: relative;
}


.lesson-header-block .lesson-navigation td a {
    color: var(--main-text-2);
    font-family: 'Graphik-Regular-Web';
    font-size: 14px;
    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='24' height='24' 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='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");
}

.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: 'Graphik-Regular-Web';
    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: 'Graphik-Regular-Web';
    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: 'Graphik-Regular-Web';
    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;
}


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

.vhi-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.complete-themes  {
  display:none;
}


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

.o-themes  .themes p {
    color: var(--main-text);
    font-family: 'Graphik-Regular-Web';
    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: 'Graphik-Regular-Web';
    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: 'Graphik-Regular-Web';
    font-size: 14px;
    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: 'Graphik-Regular-Web';
    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: "Недоступен";

}

.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: 'Graphik-Regular-Web';
    font-size: 16px;
    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: 'Graphik-Regular-Web'!important;
	font-size:16px!important;
	border-radius: 21px!important;
}

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

.lessonAnswerForm {
	background: #f9f8f7!important;
	font-family: 'Graphik-Regular-Web'!important;
	border-radius: 16px!important;
  border: 1px solid var(--color--1);
}

.testing-widget .before-start-block .start-btn {
    background: linear-gradient(95deg , #e8f0ff 10%, #a5c5ff 100%)! important;
    color: var(--color--3);
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 21px;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;      
    font-weight: semi-bold;
    font-family: 'Graphik-Regular-Web'!important;
}

.simple-answer {
    background: #fff;
    border-radius: 21px!important;
    border: 1px solid var(--main-text-2);
    padding-top: 10px;
    margin-top: 10px;
}

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

.lesson-mission-wrapper {
	background: #fff!important;
	font-family: 'Graphik-Regular-Web', sans-serif!important;
	font-size:16px!important;
	border-radius: 16px!important;
  border: 1px solid var(--color--1);
}

.custom-field.required .field-label {
     font-family: 'Graphik-Regular-Web' !important;
}

.btn-send-answer.btn-primary {
  background-image: linear-gradient(45deg , #e8f0ff 10%, #a5c5ff 100%)! important;
  box-shadow: 0 4px 15px 0 var(--main-text-4);
  border: transparent;
  color: var(--main-text)! important;
  font-weight: 500;
  font-family: 'Graphik-Regular-Web'!important;
  border-radius: 12px!important;
}

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

.btn.f-btn.btn-success {
    background: var(--main-text);
    background-image: linear-gradient(45deg , #e8f0ff 10%, #a5c5ff 100%)! important;
    box-shadow: 0 4px 15px 0 var(--color--3);
    color: var(--main-text)! important;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 21px!important;
    padding-left: 60px;
    padding-right: 60px;
    font-family: 'Graphik-Regular-Web'!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 .header-view:after {
    content: "";
    background-image: url(/pl/fileservice/user/file/download/h/37551d4….svg);
    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: 790px) {
.navigation_lessons .modul-link {
    border-radius: 10px;
    width: 210px;
}
    
.lesson-header-block h2.lesson-title-value {
    font-size: 20px;
}
    
.answer-form {
    padding: 10px;
}

.btn-send-answer.btn-primary {
    font-size: 12px !important;
}
    
.btn-link.btn-save-draft {
    font-size: 12px !important;
    margin-left: 10px;
}
}

@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;
}
    
    }