@font-face { 
    font-family: "Humanist";
    src: url(/fileservice/file/download/h/2b505e5756bde4fe5150954149d8ece9.woff/a/65559/sc/161) format('woff');
    font-weight: 800;
}

@font-face { 
    font-family: 'Humanist_521_Light';
    src: url(/fileservice/file/download/h/fcf662955378fd9df585cec42d3f42c1.woff/a/65559/sc/265) format('woff');
    font-weight: 400;
}

@font-face { 
    font-family: "Humanist-Regular";
    src: url(/fileservice/file/download/h/80b7806a86ce68befc44b5f7d72816bd.ttf/a/531213/sc/258) format('truetype');
}

@font-face { 
    font-family: "Gilroy";
    font-style:  normal;
  	font-weight: 400;
    src: url(/fileservice/file/download/h/1e8d8ebd8c271778b8f12002304ff328.woff/a/526055/sc/101) format('woff');
}

@font-face { 
    font-family: "DINPro";
    src: url('/fileservice/file/download/h/1427a30efb169874e0952a96c50b21fc.otf/a/65559/sc/93') format('opentype');
    font-weight: 400;
}

@font-face { 
    font-family: "DINPro-Bold";
    src:  url(/fileservice/file/download/h/2d78089838872a8995f3752e0afa2346.otf/a/65559/sc/493) format('opentype');
    font-weight: 700;
}

@font-face { 
    font-family: "Montserrat";
    src: url('/fileservice/file/download/h/9dd857e0ec987239a0f9a7d41384259c.ttf/a/65559/sc/123') format('Truetype');
    font-weight: 800;
}
/*semi*/
@font-face { 
    font-family: "Montserrat";
    src: url('/fileservice/file/download/h/269ffef3ba125ae2ed7cc6db1ece39ed.ttf/a/65559/sc/19') format('Truetype');
    font-weight: 700;
}

@font-face { 
    font-family: "Montserrat";
    src: url('/fileservice/file/download/h/269ffef3ba125ae2ed7cc6db1ece39ed.ttf/a/65559/sc/19') format('Truetype');
    font-weight: 600;
}

@font-face { 
    font-family: "Montserrat";
    src: url('/fileservice/file/download/h/4e81cfc6d06149b85e8248d8565a7015.ttf/a/65559/sc/64') format('Truetype');
    font-weight: 500;
}

@font-face { 
    font-family: "Montserrat";
    src: url('/fileservice/file/download/h/2d2fec5042f1514ae4aacdd521623150.ttf/a/65559/sc/162') format('Truetype');
    font-weight: 400;
}




:root {
 	--bgFin: #373645;
    --bgButton: #4DB56D;
    --bgTrenning: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/11/h/b9c395c89023b62168508a8f9b214f24.png)no-repeat;
    --colorPseudoTrening: #4DB56D;
    --iconTreningDone: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/62/h/12efd2ede5777438b8a4659e55300941.svg)no-repeat;
    --iconTreningLesson: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/156/h/697d9809ff7ada4b52a352088df1c603.svg)no-repeat;
    --bgProgressComplete: #4DB56D;
}

.fin {
   /* font-family: "Gilroy", Arial, Helvetica, sans-serif !important;*/
    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
	background: var(--bgFin);
	padding: 15px 15px 15px 7px;  
}

/*GC normalize*/
.fin .content-menu {
   border: none; 
}

.fin .container {    
  	width: 100% !important;
  	max-width: none !important;
    margin: 0 !important;
    padding: 37px 42px 25px 36px;
}

.fin .row {
  	margin: 0 !important;
}

.fin .col-md-12 {
 	padding: 0;   
}

.fin .stream-table {
    margin: 0 !important;
}

.fin .stream-table tbody tr td, 
.fin .stream-table tbody tr td a {
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
}

.fin .stream-table tr td:hover {
    background: none;
}

.fin .stream-table tr.no-public td {
    opacity: 1;
}

.fin .stream-table tbody tr td {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}
/*END GC normalize*/

.fin .page-header {
  margin: 40px 0 60px;
}

.fin .container {
    background: #FFFFFF;
    border-radius: 30px;    
}

.fin .page-header h1 {
 	display: none;   
}

.fin .col-md-8 {
  max-width: 887px;
  padding: 0 23px 0 0;  
}

.up-block_fin {
  padding: 21px 27px 20px 27px;
  position: relative;
  border-radius: 10px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/93/h/b8502f06433e0217d0c5e54f7a68b8d3.png)no-repeat;
  min-height: 220px;
  margin-bottom: 30px;
}

.up-block_fin .html-content:before {
  	content: '“';
    position: absolute;
  	color: #4A4953;
  	font-family: "Humanist";
  	font-size: 52px;
  	line-height: 100%;
  	font-weight: 600;
  	text-align: left;
  	display: block;
  	height: 30px;
  	top: 0;
  	left: 0;
}

.up-block_fin .html-content:after {
  	content: '„';
    position: absolute;
  	color: #4A4953;
  	font-family: "Humanist";
  	font-size: 52px;
  	line-height: 100%;
  	font-weight: 600;
  	text-align: right;
  	display: block;
  	height: 50px;
  	bottom: 0;
  	right: 0;
}

.up-block_fin h2 {
   font-family: "Humanist";
   font-size: 36px;
   line-height: 100%;
   font-weight: 800;
   color: #4DB56D;
  background: linear-gradient(90deg, #4DB56D 2.87%, #29A27B 40.56%, #4DB56D 71.79%);
  background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.up-block_fin h3 {
  font-size: 30px;
  line-height: 100%;
  font-family:  "Humanist";
  font-weight: 500;
  color: #fff;
  margin-bottom: 7px; 
}

.up-block_fin .html-content {
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    max-width: 410px;
    position: relative;
    padding: 34px 0 0 0;
}

.up-block_fin .xdget-image {
  position: absolute;
  bottom: 0;
  right: 2.5%;
}


/* Разделение на купленные /некупленные */
.fin .available-block  .stream-table tr.noaccess-mode-show {
  display: none;
}

.fin .sail-block .stream-table tr {
  display: none;
}

.fin .sail-block .stream-table tr.noaccess-mode-show {
  display: block;
}
/*END Разделение на купленные /некупленные */

/*Тренинги*/
.fin .available-block h2,
.fin .sail-block h2 {
  color: #262626;
  font-family: "Humanist";
  font-weight: 800;
  font-size: 30px;
  line-height: normal;
  margin: 32px 0;
}

.fin .stream-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

.fin .stream-table tbody tr {
   flex: 0 0 calc(50% - 7px);
    border-radius: 20px;
    min-height: 118px;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/489/h/64718d52cb68fc505102114400b3ba27.png)no-repeat;
   background-size: cover;
}

.fin .stream-table tbody tr:hover {
    transform: translateY(-3px);
}

.fin .stream-table a .stream-title {
    font-family: 'Humanist 521';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    position: relative;
}

.fin .stream-table tbody tr td a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 56px 20px 20px 50px;
    position: relative;
}

.fin .available-block .stream-table tbody tr td a:before {
    content: "Онлайн-курс";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 80px;
    height: 28px;
    background: #4DB56D;
    border-radius: 10px;
    font-family: 'Humanist 521';
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    text-align: center;
    padding: 8px 0 21px 0;
}

.fin .sail-block .stream-table tbody tr td a:before {
    content: "Онлайн-курс";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100px;
    height: 30px;
    background: transparent;
    border: 1px solid #4DB56D;
    border-radius: 60px;
    font-family: 'Humanist 521';
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    text-align: center;
    padding: 8px 0 21px 0;
}

.fin  .available-block tr a .stream-title:before {
  content:"";
  position: absolute;
  top: 1px;
  left: -24px;
  width: 19px;
  height: 19px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/30/h/034a21b82e248264bc7cb0ae81934035.svg)no-repeat;
  background-size: contain;
}


.fin  .sail-block tr a .stream-title:before {
  content:"";
  position: absolute;
  top: 1px;
  left: -24px;
  width: 19px;
  height: 19px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/108/h/384a4b75952bce145f2b487f78150e7b.svg)no-repeat;
  background-size: contain;
}

.fin .stream-table tbody tr td a div {
  color: #AEB1B6;
  font-family: "Gilroy";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

/*Правая колонка*/
.fin .col-gc-4.col-md-4 {
  max-width: 360px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/*social*/
.fin .social-block_2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 19px 17px 27px 24px;
    max-width: 320px;
}

.fin .social__title {
    font-family: 'Humanist 521';
    font-weight: 800;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    color: #292929;
    margin-bottom: 15px;
    position: relative;
}

.fin .social__images  {
    display: flex;
    justify-content: center;
    gap: 16px;
    transition: 0.3s;
}

.fin .xdget-image.with-link {
    transition: 0.3s;
}

.fin .social__images .xdget-image:hover {
    transform: translateY(-4px);
    transition: 0.3s;
}

/*Info user*/
.fin .user-data {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/160/h/6d18f2868371a6106f02aef89be27de8.png)no-repeat;
  border-radius: 15px;
    padding: 20px 22px;
    color: #fff;
    background-size: cover;
    background-position: right center;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.fin .user-data .data .html-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #FCFCFC;
  font-family: "Humanist";
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
}

.fin .user-data .data .html-content p {
  margin: 0;
}

.fin .user-data .data.email-data .html-content p {
  border-bottom: 1px solid #FCFCFC;
}

.fin .user-data h3 {
  color: #FCFCFC;
  font-family: "Humanist";
  font-size: 18px;
  font-weight: 400;
}

.fin .user-data button {
  position: absolute;
  top: 20px;
  right: 22px;
  border: none;
  background: transparent;
  color: #4DB56D;
  margin: 0;
  background-position: right;
  width: 104px;
  padding: 0;
  text-align: left;
}
/*END Info user*/

/*Режим работы*/

.modeBox {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/281/h/54fad9b07fa25adb9a34c630d890ca08.png)no-repeat;
  border-radius: 15px;
  padding: 35px 10px 20px 10px;
  color: #fff;
 background-size: cover;
  background-position: right  center;
}

.modeLine {
  font-weight: 400;
  font-size: 20px;
  line-height: 110%;
  margin-bottom: 8px;
}

.linkLine {
  border-radius: 15px;
  border: 1px solid var(--green-fin, #4DB56D);
  padding: 18px;
  margin-top: 26px;
}

.linkLine a {
  color: var(--green-fin, #4DB56D);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.linkLine a:hover {
  text-decoration: none;
}
/*END Режим работы*/

.fin-box {
    min-height: 140px;
    border-radius: 10px;
    background: #373645;
    margin-bottom: 13px;
    padding: 30px 25px 25px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}

.fin-box .xdget-html {
  flex: 0 0 76%;
}

.fin-box-title {
  color: #4DB56D;
  font-size: 22px;
  font-weight: 700;
}

.fin-box-text {
  color: #FFF;
  font-size: 22px;
  line-height: 120%;
  font-weight: 400;
}

.fin-box button {
  border-radius: 8px;
  background: var(--green-fin, #4DB56D);
  border: none;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  width: 180px;
  height: 45px;
  transition: 0.3s;
}

.fin-box button:hover {
  transform: translateY(-3px);
}

.club-box {
  min-height: 140px;
  border-radius: 10px;
  background: transparent;
  margin-bottom: 13px;
  padding: 50px 200px 25px 25px;
  margin-top: 30px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/130/h/97485950406fb85df7ff432f88cee506.png)no-repeat;
  background-position: center;
  position: relative;
}

.club-box:before {
    content: "Клуб";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 70px;
    height: 26px;
    border: 1px solid #4DB56D;
    border-radius: 10px;
    font-family: 'Humanist 521';
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: #4DB56D;
    text-align: center;
    padding: 6px 0 18px 0;
}

.club-box p {
  margin: 0;
  display: inline-block;
}

.club-box a {
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  position: relative;
}

.club-box  a:hover {
  text-decoration: none;
  color: #4DB56D;
}

.club-box:after {
  content: "";
  position: absolute;
  right: 110px; 
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/97/h/e91983a5df4bdd72825504fe1001709b.svg)no-repeat;
   background-size: contain;
}

@media(max-width: 1342px) {
  .fin .container {
    padding: 37px 0 15px 15px !important;
  }
  
  .up-block_fin .xdget-image {
    right: -15px !important;
  }
  
  .fin .col-md-8 {
    padding: 0 !important;
  }
}

@media(max-width: 1215px) {
  
  .up-block_fin h3 {
    font-size: 24px !important;
  }
}

@media(max-width: 1060px) {
  .up-block_fin h2 {
    font-size: 32px !important;
}
  
  .up-block_fin h3 {
    font-size: 18px !important;
    line-height: 120% !important;
    margin-bottom: 0 !important;
}
  
  .up-block_fin {
    padding: 26px 17px 20px 17px !important;
    max-width: 335px !important;
    min-height: 450px !important;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/472/h/dcad9189e2dcb1aa33ade49e0ecc390e.png)no-repeat;
    margin: 0 auto 30px auto!important
  }
  
  .up-block_fin .html-content:before,
  .up-block_fin .html-content:after {
    font-size: 20px !important;
    height: 15px !important;
  }
  
  .up-block_fin .html-content:before {
    top: -2px !important;
  }
  
  .up-block_fin .html-content {
    font-size: 16px !important;
    padding: 7px 0 0 0 !important;
  }
  
  .up-block_fin .xdget-image {
    right: 0 !important;
    width: 100%;
    text-align: center;
  }
  
  .up-block_fin .xdget-image img {
    width: 290px !important;
  }
  
  .fin .col-md-8,
  .fin .col-gc-4.col-md-4 {
    width: 100% !important;
  }
  
  .fin .stream-table tbody tr {
    flex: 100% !important;
    max-width: 435px !important;
    margin: 0 auto !important;
  }
  
  .fin .available-block h2, .fin .sail-block h2 {
    text-align: center !important;
    font-size: 26px !important;
    margin: 15px 0 15px 0 !important;
  }
  
  .fin .col-md-4 {
    margin: 30px auto auto !important;
    gap: 15px !important;
    padding: 0 !important;
  }
  
  .fin .container {
    padding: 0 15px 0 15px !important;
}
  
  .fin {
    padding: 15px !important;
  }
}

@media(max-width: 980px) {
  .club-box {
    padding: 50px 55px 15px 15px !important;
  }
  
  .club-box:after {
    right: 15px !important;
    width: 30px !important;
    height: 30px !important;
  }
  
  .club-box a {
    font-size: 18px !important;
  }
}

@media(max-width: 890px) {
  .fin-box {
    min-height: 200px !important;
    flex-direction: column !important;
    align-items: start !important;
    padding: 25px 20px 20px 20px !important;
  }
  
  .fin-box-text {
    font-size: 16px !important;
  }
  
  .fin-box-title {
    font-size: 18px !important;
    line-height: 110% !important;
  }
  
  .fin-box button {
    width: 150px !important;
    height: 40px !important;
}
}

@media(max-width: 480px) {
  .up-block_fin h2 {
    font-size: 28px !important;
  }
    .main-page-block {
    padding-top: 50px !important;
}
    
    .fin .page-header {
    margin: 5px 0 0 !important;
}
}

@media(max-width: 341px) {
  .up-block_fin h2 {
    font-size: 24px !important;
  }
}



/* ------------- 
content start - Меню
------------- */

:root {

    --bg: #373645;
    --cma: #7C51A1;
    --csb: #F2F4F4;
    
    --iNotice: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/277/h/a1e60aa0d257db3c983c8a5b28d90ba7.svg");   
    --iSite: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/286/h/1f63da19dadf4cdbb4388194e11f831c.svg");
    --iStudy: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/218/h/aa1c765030bbc344a7f04ccc20f73b86.svg");
    --iUsers: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/20/h/f0b46784276a84342708d48b67ddc818.svg");
    --iTasks: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/56/h/c39937225588d8cdd1690042d5e551aa.svg");
    --iMessages: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/151/h/76c2d72be2ca82c5a40e8d29d4934646.svg");
    --iSales:  url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/358/h/dd101ee0d9edf131b1cafcb29612f11c.svg");
    --iChatium:  url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/202/h/26a23eb5b5d13eb067e8b0a0e2a0c110.svg");
    --iSubmenuBG:  url("");
    
     --iNoticeActive: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/486/h/bfeeaddb3962b8fc7b244800dc9ee7ea.svg");
     --iSiteActive: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/336/h/407f1bf9fcd2b7a8c436776d0ac14fda.svg");
     --iStudyActive: url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/247/h/4c2c812973f1f16e7bc54a7b36c8b5fd.svg");
     --iUsersActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/344/h/2b6a91a3efd51d77ae29e9bea6902dd8.svg");
     --iTasksActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/84/h/5acbae270a367e0797a3820318f0d801.svg");
     --iMessagesActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/224/h/3cb81713920040de2ce2dd28cdae5e52.svg");
     --iSalesActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/236/h/f61c26f68bbd414d17c050fe2b4ea972.svg");
     --iChatiumActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/322/h/9bb8c9de237f34dd9ff7a6a93951fd68.svg");
}

.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: var(--bg);
}

@media (max-width: 768px) {
    .gc-account-leftbar .gc-account-user-menu,
    .gc-account-leftbar .toggle-link {
      background: var(--bg); !important;
    }
}


/*Размер ячейки*/
.gc-account-leftbar .gc-account-user-menu li a {
  height: 70px;
  width: 70px;
}
/*Размер ячейки уведомления*/
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 60px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .content {   
 margin-bottom: 15px;   
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image .user-profile-image  {
  border-radius: 50px !important;
}

.gc-fade-wrapper .gc-fade {
    left: 70px;
    background:  #CBCBCB;
}

/*Submenu*/ 
.gc-account-user-submenu-bar .gc-account-user-submenu li {
    margin: 0 0 10px 0;
}

.gc-account-user-submenu-bar h3 {
	font-weight: 400;
	font-size: 16px;
	line-height: 115%;
	letter-spacing: 0.1em;
	color: #AEB1B6;
    font-weight: 800;
    margin-bottom: 30px;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    position: absolute;
    top: 0;
    left: 70px;
    width: 300px;
    height: 100vh;
	background: linear-gradient(178deg, #373645 0%, #48495B 98.7%);
    padding: 0 20px;
}

/*Баланс бонусы*/
.gc-account-leftbar .gc-account-user-submenu-bar div .user-balance {
  color: #AEB1B6;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-size: 20px;
	line-height: 115%;
    font-weight: normal !important;
    text-transform: none;
    padding-left: 15px;
    margin-left: 3px;
    color: #fff !important;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover  {
	background: transparent;
    color: #4DB56D !important;
    text-decoration: none;
    transition: 0.3s;
    
}

/* убираем полоску в админ меню*/
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a {
    border-top: none !important;
}

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
  border-top: none !important;
}

.gc-account-leftbar .gc-account-user-menu li a {
  background:inherit;
}

/*menu*/
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-sales img.menu-item-icon,
.menu-item-chatium img.menu-item-icon
 {
  display:none !important;
}

/* Уведомления */
li.menu-item-notifications_button_small a:after { 
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  z-index: 1;
  top: 16px;
  left: 18px;
  background: var(--iNotice) no-repeat;
  background-size: contain !important;
}

li.menu-item-notifications_button_small.active a:after,
li.menu-item-notifications_button_small.selected a:after,
li.menu-item-notifications_button_small a:hover:after { 
  background: var(--iNoticeActive) no-repeat;
  background-size: contain !important;
}

/* Сайт */
li.menu-item-cms a:after { 
  content: "";
  position: absolute;
  width: 34px;
  height: 30px;
  z-index: 1;
  top: 17px;
  left: 18px;
  background: var(--iSite) no-repeat;
  background-size: contain !important;  
}

li.menu-item-cms.active a:after,
li.menu-item-cms.selected a:after,
li.menu-item-cms a:hover:after { 
  background: var(--iSiteActive) no-repeat;
  background-size: contain !important; 
}

/* Обучение */
li.menu-item-teach a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var(--iStudy) no-repeat;
  background-size: contain !important;    
}

li.menu-item-teach.active a:after,
li.menu-item-teach.selected a:after,
li.menu-item-teach a:hover:after { 
  background: var(--iStudyActive) no-repeat;
  background-size: contain !important; 
}

/* Пользователи*/ 
li.menu-item-user a:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var( --iUsers ) no-repeat;
  background-size: contain !important;
}

li.menu-item-user.active a:after,
li.menu-item-user.selected a:after,
li.menu-item-user a:hover:after { 
  background: var( --iUsersActive) no-repeat;
  background-size: contain !important;  
}
/* Задачи */
li.menu-item-tasks a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var( --iTasks ) no-repeat;
  background-size: contain !important;
}

li.menu-item-tasks.active a:after,
li.menu-item-tasks.selected a:after,
li.menu-item-tasks a:hover:after { 
  background: var( --iTasksActive ) no-repeat;
  background-size: contain !important;   
}

/* Сообщения*/
li.menu-item-notifications a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var( --iMessages ) no-repeat;
  background-size: contain !important;  
}

li.menu-item-notifications.active a:after,
li.menu-item-notifications.selected a:after,
li.menu-item-notifications a:hover:after { 
  background: var( --iMessagesActive) no-repeat;
  background-size: contain !important; 
}

/* Продажи */
li.menu-item-sales a:after { 
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var(--iSales) no-repeat;
  background-size: contain !important; 
}

li.menu-item-sales.active a:after,
li.menu-item-sales.selected a:after,
li.menu-item-sales a:hover:after { 
  background: var(--iSalesActive) no-repeat;
  background-size: contain !important; 
}

/*chatium*/
li.menu-item.menu-item-chatium a:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
  top: 15px;
  left: 15px;
  background: var(--iChatium) no-repeat;
  background-size: contain !important;  
}

li.menu-item-chatium.active a:after,
li.menu-item-chatium.selected a:after,
li.menu-item.menu-item-chatium a:hover:after{ 
  background: var(--iChatiumActive)  no-repeat;
  background-size: contain !important;  
}

.gc-account-user-menu li.new-chatium-icon img {
    border: none;
}

/*Обводка Профиль */
.gc-account-leftbar a img {
  	border-radius: 100%;
}
/*Эффекты при наведении*/
.gc-account-leftbar .gc-account-user-menu li a:hover {
	background-color: transparent; 
}
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a {
    background: #373645;
    border-left: 3px solid #4DB56D; 
}

/*Убираем иконки в раскрывающемся субменю */
.gc-account-user-submenu li a:after {
 	display: none;
}

/*Написать сообщение виджет */
.talks-widget-button {
    background: #4DB56D !important;
}

.talks-widget-window {
  border: none;
}

.talks-widget-header {
  color: #fff !important;
  background: #1B1D25 !important;
  border: none !important;
}

.talks-widget-body {
  //color: #fff;
  background: #272935;
  padding: 0 9px;  
}

.conversation-list-footer {
  color: #fff !important;
  background: #272935 !important; 
  border: none !important;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn {
  background: #fff;
  color: #363636;
  border-radius: 6px;
}

.talks-widget-window .talks-widget-body .conversations-list-block 
.conversation-annotate .conversation-data-block 
.conversation-title-block {
	color: #fff;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover .conversation-title-block {
  color: #000;
}

.talks-widget-window .talks-widget-body .conversations-list-block 
.conversation-annotate .conversation-data-block 
.conversation-title-block:hover {
    color: #000;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover {
    background: #D8D8D8;
}

.comment-form-wrapper .new-comment .btn-send {
	width: 140px;
    height: 39px;
    border: none;
    color: #000;
    font-size: 14px;
    background-color: #0CF6B7;
    border-radius: 6px;
    font-weight: 800;
    text-transform: lowercase;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none;
}

/*Оповещения и кол-во входящих */
.menu-item .notify-count {
    background: #EB2525 !important;
    color: #fff !important;
    font-size: 8px !important;
    width: 25px;
    padding: 2px 0;
    bottom: 50%;
    z-index: 50;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    right: 12px;
    bottom: 50%;
    z-index: 50;
}

/*Слово Уведомления   */
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link {
    color: #474A64;
    font-weight: 400;
	font-size: 22px;
	line-height: 115%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.mark-viewed-all {
    color: #474A64;
    font-weight: 400;
    font-size: 18px;
    margin-top: 10px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
    background-color: #D8D8D8;
    border-radius: 15px;
    color: #000;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date {
 color: #000;   
}

.gc-account-user-menu li a:before {
  display: block;
  text-align: center;
  min-height: 1em;
  width: 100%;
  overflow: hidden;
  position: relative;
  color: white;
  position: absolute;
  bottom: 16px; 
  left: 0;
  font-size: 9px;
}

/*Меню мобильное*/
@media (max-width: 768px) {
.gc-account-leftbar .gc-account-user-menu {
    width: 80px !important;
 } 
.gc-page-nav-items-menu.lt-page-edit-link { 
  height: 80px !important;
  top: 0 !important;
  bottom: auto !important;
}

.toggler-item {
    color: transparent !important;
    background: transparent !important;
  }
    
.gc-account-leftbar.expanded .toggle-link {
    height: 80px;
  }
    
.gc-account-leftbar .toggle-link {
  position: relative;
  top: 0 !important;
  bottom: auto !important;
}
    
.gc-account-leftbar .toggle-link img {
    display: none;
  }
    
.gc-account-leftbar .toggle-link:after {
  position: absolute;
  content: "";
  top: 17px;
  left: 20px;
   width: 34px;
   height: 30px;
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/92848/sc/104/h/5858055a48bbb9e56b442f80930b5d3d.png) no-repeat;
   background-size: contain;
}
    
.gc-account-leftbar.expanded .toggle-link:after {
    position: absolute;
    content: "";
    top: 20px;
    left: 20px;
    width: 34px;
    height: 30px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/92848/sc/506/h/081037e03868c281c169fb0b66cb1561.png) no-repeat;
    background-size: contain;
}
    
.gc-account-leftbar:not(.expanded) {
    height: 60px !important;
    top: 0 !important;
}
    
.gc-account-leftbar.expanded {
    background: #000;
    top: 80px !important;
  }
}

.md {
  position: fixed;
  display: block;
  top: 10px;
  right: 10px;
  width: 210px;
  height: 70px;
  color: #FFFFFF;
  z-index: 1210;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/75191/sc/145/h/f95e40f382a4d648d72ad31a7762a07a.png) no-repeat;
  }

/*Конец меню*/

/*ACTIVE*/
.gc-account-user-menu li.active a:before,
.gc-account-user-menu li.selected a:before {
  color: #000;  
}
.gc-account-user-menu li.active a:hover:before {
  color: #fff;  
} 
.gc-account-leftbar .qr-link {
    color: white;
    position: relative;
    top: -15px;
}

.fa.fa-qrcode.qr-link {
  color: transparent;
}

/*CHAT*/
.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate {
  background: rgba(240, 242, 250, 0.21);
  border-radius: 10px;
  margin-top: 8px;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover {
 	background: #fff;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block {
  	border: none;
}

.talks-widget-window .talks-widget-body 
.conversations-list-block .conversation-annotate 
.conversation-data-block .conversation-title-block 
.conversation-time {
  	color: #AAB0D3;
}

.talks-widget-window .conversation-widget .comments-container {
  	background: #272935;
}

.talks-widget-window .comment-form-wrapper .new-comment-textarea {
  	min-height: 95px !important;
  	background: #0B0B0E;
    color: #fff;
  	border: 1px solid #3A3A42;
  	border-radius: 10px;
}

:focus-visible {
    outline: none;
}

.talks-widget-window .conversation-widget 
.own-user-comment .comment > .text .text-content, 
.conversation-widget .my-comment .comment > .text .text-content {
  background: #fff;
}

.talks-widget-window .emoji-wysiwyg-editor {
  background: #0B0B0E;
  border: 1px solid #3A3A42;  
}

 .talks-widget-window #uploadifive-comment-upload-button0-file-0 {
  color: #000;
}

.talks-widget-window .comment-form-wrapper {
    background: #1B1D25;
}
/*END CHAT*/
/* ------------- 
content finish - Меню
------------- */

/* ------------- 
content start - Блок с бонусами на главной
------------- */

.dopBox {
    min-height: 148px;
    max-width: 320px;
    display: flex;
    flex-direction: column;
}

.fin .bonusBox {
    padding: 24px 45px 20px 45px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/344/h/28cc6b96188af39f91ccd1d61c28aace.png)no-repeat;
    background-size: cover;
    background-position: right center;
    border-radius: 15px;
    position: relative;
    min-height: 148px;
}

h3.dv {
    font-size: 22px;
    line-height: 110%;
    text-align: left;
    color: #fff;
    font-family: "Humanist";
    font-weight: 500;
}

.fin .bonusBox .mousBox {
    position: absolute;
    right: 20px;
    top: 25px;
    background: transparent;
    z-index: 100;
}

.fin .balance-label {
    font-family: "Humanist";
    font-weight: 800;
    font-size: 70px;
    line-height: 110%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    background-image:  linear-gradient(180deg, #4DB56D 19.27%, #CBFFE4 42.19%, #29A27B 58.85%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
}

.fin  .xdget-userProfileBalance .balance-label:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.hiddenBox {
    position: absolute;
    top: -120px;
    right: 10px;
    z-index: 100;
    opacity: 0;
    background: transparent;
    height: auto;
    border-radius: 10px;
}

.fin .bonusBox .xdget-html {
    position: relative;
}

.hiddenBox .html-content {
    font-family: "Humanist";
    font-weight: 400;
    max-width: 210px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.balance-label div {
    display: none;
}

.hiddenBox.active {
    position: absolute;
    top: -105px;
    right: 30px;
    z-index: 2000;
    opacity: 1;
}

/* ------------- 
content finish - Блок с бонусами на главной
------------- */

/* ------------- 
content start - Урок
------------- */

 .fin_lesson .standard-page-content .breadcrumb li:first-child {
 display: none;    
}

.fin_lesson .standard-page-content .breadcrumb li a {
   color: #292929;
   font-size: 14px;
   font-weight: 400;
   position: relative;
   padding-left: 35px;
    position: relative;
}

 .fin_lesson .standard-page-content .breadcrumb li a:before {
  position: absolute;
  content: "";
  top: -5px;
  left:  0;
  width: 30px;
  height: 30px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/252/h/fc2c0b78763182b969ca6d86a3eada49.svg)
}

 .fin_lesson .lesson-navigation td:nth-child(2) {
    display: block !important;
}

/*Шапка урока*/
@media (min-width: 772px) {
  
 .fin_lesson .row.lesson-navigation tr td .hidden-xs {
    font-size: 14px !important;
    color: #fff;
}
  
 .fin_lesson .row.lesson-navigation tr {
    display: flex;
    align-items: center;
}
}

.fin_lesson .lesson-header-block.row-section {
    border-radius: 10px;
    background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/259/h/96fa75d9d259e5cca6fd526282fa711f.png)no-repeat !important;
    background-size: cover !important;
    background-position: center;

}

.fin_lesson .lesson-header-block.row-section .lesson-title-value {
  color: #fff;
  font-size: 36px;
  font-weight: 800;
  margin: 10px 0 0 0;
}

.fin_lesson .lesson-header-block.row-section .row.lesson-navigation {
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

.fin_lesson .lesson-header-block.row-section .row.lesson-navigation td,
.fin_lesson .lesson-header-block.row-section .user-state-label {
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

.fin_lesson .lesson-header-block.row-section .row.lesson-navigation .user-state-has_mission > div {
  font-size: 16px !important;
}

 .fin_lesson .lesson-navigation td a {
    text-decoration: none;
    position: relative;
    color: #4DB56D;
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.fin_lesson .lesson-description-value {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
/*Конец шапка урока*/
.fin_lesson .lt-block-wrapper {
    background-color: transparent !important;
}

.fin_lesson .embed-container iframe {
    border-radius: 10px;
}

.fin_lesson .page-header h1 a {
    color: #292929;
	font-size: 30px;
	font-weight: 700;
	line-height: normal;
}

.fin_lesson .lt-lesson .videoWrapper iframe {
  border-radius: 10px;
}

/*Урок аудио*/
.fin_lesson .lt-lesson.lt-lesson-audio .container {
    padding: 0;
}

.fin_lesson .jp-audio, .jp-audio-stream, .jp-video {
    background-color: transparent;
    border-top: 1px solid rgba(77, 181, 109, 0.30);
    border-left: 1px solid rgba(77, 181, 109, 0.30);
    border-right: 1px solid rgba(77, 181, 109, 0.30);
    border-bottom: 1px solid rgba(77, 181, 109, 0.30);
    border-radius: 20px;
  padding: 10px;
}

.fin_lesson .jp-interface {
    position: relative;
    width: 100%;
    background-color: transparent;
}

.fin_lesson div.jp-video .jp-progress {
    border-top: none;
    border-bottom: none;
    width: 100%;
    background-image: none;
    background: transparent;
    padding: 0;
}

.fin_lesson .jp-seek-bar,
.fin_lesson .jp-play-bar {
 border-radius: 20px;
}

.fin_lesson .jp-seek-bar {
   background: rgba(77, 181, 109, 0.10);
}

.fin_lesson .jp-play-bar {
  background: #29A27B; 
}

.fin_lesson div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
   background: transparent;
  border-top: 1px none;
    border-bottom: none;
}
/*Кнопки управления*/
.fin_lesson .jp-controls {
  background: transparent;
}

.fin_lesson .jp-controls .jp-play {
  background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/306/h/a598e98aab6060bd2fca979cf3dc9491.svg)no-repeat;
  background-size: contain;
  border-radius: 10px;
}

.fin_lesson .jp-type-playlist .jp-play:focus {
  background: rgba(77, 181, 109, 0.45) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/306/h/a598e98aab6060bd2fca979cf3dc9491.svg)no-repeat;
  background-size: contain;
  border-radius: 10px;
}

.fin_lesson .jp-state-playing div.jp-type-playlist .jp-play,
.fin_lesson .jp-state-playing div.jp-type-playlist .jp-play:focus {
    background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/269/h/c769fe6268f48aea1c3ce1bd77963e96.png)no-repeat;
    background-size: contain;
}
/*Название*/
.fin_lesson div.jp-type-playlist div.jp-playlist li.jp-playlist-current a {
    color: #4D4E5F;
}

.fin_lesson .jp-type-playlist .jp-stop {
      background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/333/h/3661bd16083c5e44ee7fbdeb8b1fd50b.svg)no-repeat;
    background-size: contain;
   border-radius: 10px;
}

.fin_lesson .jp-type-playlist .jp-stop:focus {
      background: rgba(77, 181, 109, 0.45) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/333/h/3661bd16083c5e44ee7fbdeb8b1fd50b.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
}

.fin_lesson .jp-type-playlist .jp-next {
        background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/355/h/bdc6f619a9a79ade02c883ad7e9f26e4.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
}

.fin_lesson .jp-type-playlist .jp-next:focus {
        background: rgba(77, 181, 109, 0.45) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/355/h/bdc6f619a9a79ade02c883ad7e9f26e4.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
}

.fin_lesson .jp-type-playlist .jp-previous {
        background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/384/h/a799e72fbd8abfeafeb982811ba0d202.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
}

.fin_lesson .jp-type-playlist .jp-previous:focus {
   background: rgba(77, 181, 109, 0.45) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/384/h/a799e72fbd8abfeafeb982811ba0d202.svg)no-repeat;
   background-size: contain;
   border-radius: 10px;
}

.fin_lesson .jp-volume-controls button {
  width: 20px;
  height: 15px;
}

.fin_lesson .jp-volume-controls .jp-mute,
.fin_lesson .jp-state-muted .jp-volume-controls .jp-mute:focus {
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/303/h/ea876bf9ae39dcb3f3068b4b2d9785b1.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

 .fin_lesson .jp-volume-controls .jp-mute:focus {
     background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/129/h/7c2d667818697c368ad3692b568b8eea.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .jp-volume-controls .jp-volume-max {
       background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/416/h/d00e06abf5be2c04e6bde7ee4f0f3a44.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .jp-volume-controls .jp-volume-max:focus {
       background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/416/h/d00e06abf5be2c04e6bde7ee4f0f3a44.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .lt-lesson.lt-lesson-audio .jp-volume-bar {
 background: rgba(77, 181, 109, 0.30);
  border-right: none;
}

.fin_lesson .jp-volume-bar-value {
  background: #4DB56D;
}

.fin_lesson .lt-lesson.lt-lesson-audio .jp-repeat {
   background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/226/h/f3f041257fecb4c03c0971acdc72e243.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .lt-lesson.lt-lesson-audio .jp-repeat:focus {
   background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/226/h/f3f041257fecb4c03c0971acdc72e243.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .lt-lesson.lt-lesson-audio .jp-shuffle {
     background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/446/h/13a9b93bc084c623083a3d6510814043.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .lt-lesson.lt-lesson-audio .jp-shuffle:focus  {
       background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/446/h/13a9b93bc084c623083a3d6510814043.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .lt-lesson.lt-lesson-audio .jp-full-screen {
       background: url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/272/h/1c36f3d1a501531ae08ba8ee4deed903.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .lt-lesson.lt-lesson-audio .jp-full-screen:focus {
       background: rgba(77, 181, 109, 0.30) url(https://fs.getcourse.ru/fileservice/file/download/a/531213/sc/272/h/1c36f3d1a501531ae08ba8ee4deed903.svg)no-repeat;
   background-size: contain;
   border-radius: 4px;
}

.fin_lesson .jp-playback-rate {
  color: rgba(77, 181, 109, 0.60) !important;
}
/*Конец Урок аудио*/

.fin_lesson .lt-lesson.lt-lesson-mission-block {
  margin-top: 70px;
}

/*Блок задания до отправки*/
.fin_lesson .lesson-mission-wrapper .answer-form {
   border-radius: 10px;
   background: #373645;
}

.fin_lesson .lesson-mission-wrapper .answer-form label {
  color: #fff;  
}

.fin_lesson .lesson-mission-wrapper .addfield.addfield-type-checkbox {
   color: #fff;
}

.fin_lesson .lesson-mission-wrapper .self-answers .user-answer {
    border-top: none;
}

/*Статусы ответов*/
.fin_lesson .user-answer .answer-status .answer-status-label {
  border-radius: 3px;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  background: #4D4E5F;
}

.fin_lesson .user-answer.status-declined .answer-status .answer-status-label {
   background: #EB2525;
}

.fin_lesson .user-answer.status-accepted .answer-status .answer-status-label {
    background: #32B3C7;
}

.fin_lesson .comment-form-wrapper .new-comment.active .btn-send {
  border-radius: 5px;
  background: #4DB56D;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.fin_lesson .comment-form-wrapper .fa.fa-send {
  font-size: 10px;
}

.fin_lesson .comment-form-wrapper .new-comment-textarea {
  border-radius: 5px;
  border: 1px solid #DDD;
  background: rgba(77, 78, 95, 0.05);
}

.fin_lesson .user-answer .addfield {
    border-radius: 5px;
  border: 1px solid #DDD;
  background: rgba(77, 78, 95, 0.05);
}

.fin_lesson .lesson-mission-wrapper {
  border: none;
}

.fin_lesson .lt-lesson-mission-block h3 {
   color: #292929;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.fin_lesson .lt-lesson-mission-block h3:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #29A27B;
}

.fin_lesson .lesson-mission-wrapper .lesson-send-answer-block {
   border-radius: 10px;
   background: #373645;
}

.fin_lesson .self-answers .user-answer {
    padding: 20px;
}

.fin_lesson .user-profile-image {
    border-radius: 6px;
}

/*Кнопки*/
.fin_lesson .btn.btn-link.btn-save-draft {
 color: #fff;
 font-size: 14px;
 font-weight: 400;
 line-height:  150%;
}

.fin_lesson .btn.btn-primary.btn-lg {
  align-self: center;
  border: none;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  border-radius: 6px;
  background: #4DB56D;
}

.fin_lesson .lesson-mission-wrapper .uploadifive-button {
  border-radius: 7px;
  opacity: 0.7;
  background: #4D4E5F;
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}

.fin_lesson .lesson-mission-wrapper .uploadifive-button:hover {
  background: transparent;
 border: 1px solid #4D4E5F;
}

.fin_lesson .answer-content a {
 color: #7F7F7F;
}

.fin_lesson .lt-lesson.lt-lesson-comment-block h3 {
  color: #292929;
  font-size: 24px;
  position: relative;
  padding-left: 25px;
}

.fin_lesson .lt-lesson.lt-lesson-comment-block h3:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #29A27B;
}

/*Поле ответа*/
.fin_lesson .emoji-textarea {
    border-radius: 6px;
    color: #292929;
}

/*Блок комментарии*/
.fin_lesson .lt-lesson.lt-lesson-comment-block .simple-answer.user-answer {
  border-radius: 10px;
background: #4D4E5F;
}

.fin_lesson .lt-lesson.lt-lesson-comment-block .btn.btn-primary.btn-send {
    border-radius: 5px;
    background: #4DB56D;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
  border: none;
}

/*Файлы*/
.fin_lesson .table.files-table tbody {
  	display: flex;
    flex-wrap: wrap;
  	justify-content: space-around;
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td {
  border: none;
  padding: 0; 
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #4DB56D;
  background: rgba(77, 181, 109, 0.10);
  box-shadow: 0px 0px 10px 0px rgba(12, 12, 12, 0.15);
  padding: 0 20px;
  height: 100%;  
    flex: 0 0 29%;
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(1) div img {
  visibility: hidden;
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(1) div  {
  position: relative;
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(1) div:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 45px;
  height: 54px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/136/h/40da11d5637f25047a6df66caac16196.svg) no-repeat;
  background-size: contain;
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(2) {
  display: none;
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(3) div a {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 700;
text-decoration: none !important;
margin: 0;
padding: 5px 0 35px 0;    
display: block;
position: relative;
min-height: 100px;
word-wrap: break-word;
max-width: 260px;    
}

.fin_lesson .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(3) div a:after {
  position: absolute;
  content: "Скачать";
  bottom: -10%;
  left: 50%;
  transform: translateX(-50%);
  width: 170px;
  height: 40px;
  border-radius: 8px;
  font-weight: 700;
   color: #fff;
  font-size: 16px;
  line-height: 100%;
  padding: 11px 5px 11px 17px;
  text-align: center;
   background: #4DB56D url(https://fs.getcourse.ru/fileservice/file/download/a/565875/sc/15/h/9878e1592176a5ba4bb7b328559263e1.svg)no-repeat;
   background-position: left 17px center;
}

/*Конец файлы*/

/*

 .o-lt-lesson-mission-block h3 {
    display: none;
}


 .lesson-send-answer-block .answer-form {
    padding: 110px 30px 10px 30px;
    position: relative;
}

.lesson-send-answer-block .answer-form {
   border-radius: 16px;
background: linear-gradient(180deg, #FDE0CD 1.45%, #F1C9B0 100%);
}

.answer-form-inner {
    margin-left: 0;
}

 .answer-form > div:not(.answer-form-inner) {
    display: none;
}

.lesson-send-answer-block .answer-form>div {
    float: none !important;
    margin-bottom: 15px;
}

.lessonMood .lesson-send-answer-block .answer-form>div {
    float: none !important;
    margin: 0;
}

 .btn.btn-send-answer.btn-primary.btn-lg {
    background: #BA846A;
    color: #fff;
}

 .lesson-send-answer-block .answer-form:before {
  position: absolute;
  content: "ВСЕ ГОТОВО!";
  top: 30px;
  left: 30px;
  width: 500px;
  height: 60px;
  color: #7E6961;
  font-size: 24px;
  line-height: 29px;
  font-family: "Montserrat-Bold";
}
 .lesson-send-answer-block .answer-form:after {
  position: absolute;
  content: "ПЕРЕЙТИ К СЛЕДУЮЩЕМУ УРОКУ!";
  top: 60px;
  left: 30px;
  width: 500px;
  height: 60px;
  color: #B68067;
  font-size: 24px;
  line-height: 29px;
  font-family: "Montserrat-Bold";
}
/*
 .answer-form .addfield-type-checkbox {
  	padding-left: 0 !important;
}

 .lesson-send-answer-block input[type="checkbox"] {
  	margin-top: 0 !important;
}

 .lesson-send-answer-block input[type="checkbox"] + label:before {
    content: "";
    display: block;
    top: -10px;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin: 0;
    color: #fff;
    z-index: -1;
    float: left;
}

 .lesson-send-answer-block input:checked + label:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/92848/sc/197/h/e9ee5bb2f57fa07c1e227e2c25257249.png) no-repeat;
  background-size: contain;  
} 
*/


@media(max-width: 882px) {
     .fin_lesson .table.files-table tbody {
    flex-direction: column !important;
}   
    
    .fin_lesson .lesson-header-block.row-section .lesson-title-value {
    font-size: 22px !important;
    font-weight: 500 !important;
    }
}
/* ------------- 
content finish - Урок
------------- */

/* ------------- 
content start - Календарик
------------- */

:root {
   --bgDateNow: #4DB56D; /* Текущая дата (Фон) */
   --bgPopup: #CAE9D4; /*Высплывающее событие (Фон)*/
    --colorPopup: #292929; /*Высплывающее событие (Цвет)*/
}

/*Календарь*/
.calend .html-content {
	border-radius: 20px;
    border: 13px solid #373645;
}

/*** Шапка календаря ***/
#events-calendar {
    width: 100%;
    padding: 15px; /*Внутренний отступ*/
    background: #fff; /*Общий фон календаря*/
    border-radius: 16px; /*Скругление углов календаря*/
}

.month {
    position: relative;
    margin: 0;
    padding: 1rem 2rem;
    text-align: center;
    width: 100%;
    list-style: none;
	border-radius: 8px;
	background: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 7px;
}

/*Название месяца*/
.month li {
    position: relative;
    padding: 0;
    margin: 0;
	color: #685D59;
	text-align: center;
	font-size: 18px;
    font-weight: 700;
    text-align: center;
}
/*Год*/
.month li.year-name {
	color: #685D59;
	font-weight: 700;
}

/*Стрелочки для переключения по месяцам*/
.month li.prev,
.month li.next {
    cursor: pointer;
    flex: 100%;
}
.month li.prev:before,
.month li.next:before {
  	content: '';
  	position: absolute;
  	top: 2px;
  	width: 24px;
  	height: 24px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/565875/sc/251/h/09f48dc097a7a9be6ea205d60efb6907.svg)no-repeat;
	background-size: contain;
}

.month li.prev:before {
  left: -0.5rem;
}

.month li.next:before {
  transform: rotate(180deg);
  right: -0.5rem;
}

/*** Тело календаря ***/

/* Дни недели */
.weekdays {
  margin: 0;
  padding: 1rem 0 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  background: #fff; /* Фон */
}

.weekdays li {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
    text-align: center;
	color: #605B5A;
	font-size: 11.19px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; 
	letter-spacing: 0.102px;
}

/* дни */
.days {
    margin: 0;
    padding: 1rem 1rem 0 1rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
     justify-content: left;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  	background: #fff; /* Фон */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.days li {
  position: relative;
  padding: 0.6rem;
  list-style: none;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 7);
  flex: 0 0 calc(100% / 7);
  text-align: center;
  color: #605B5A;
	font-size: 12px;
	font-weight: 700;
	line-height: 20px; 
	letter-spacing: 0.102px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

/* Текущая дата */
.days li.date-now {
    color: #fff; /* Цвет */
    font-weight: 700;
	border-radius: 4px;
	background: var(--bgDateNow);
}

/* Всплывающие окна с названием события */
.days li.webinar:after,
.days li.kurs:after,
.days li.seminar:after,
.days li.master-class:after,
.days li.open-master-class:after {
  content: attr(data-title);
  position: absolute;
  width: auto;
  min-width: 160px;
  height: auto;
  font-size: 12px; /* Размер шрифта */
  line-height: 16px; /* Высота строки */
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  background: var(--bgPopup); /* Цвет фона */
  color: var(--colorPopup);
  bottom: calc(100% + 7px);
  right: -60px;
  border-radius: 6px; /* Скругления углов */
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  pointer-events: none;
}

.days li.webinar:hover:after,
.days li.seminar:hover:after,
.days li.master-class:hover:after,
.days li.kurs:hover:after,
.days li.open-master-class:hover:after {
    opacity: 1;
    cursor: pointer;
}

/* Стили для даты с событием типа webinar */
li.webinar {
	color: #292929;
    background: #CAE9D4;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа seminar */
li.seminar {
	color: #fff;
    background: #E1A8B7;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа master-class */
li.master-class{
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа kurs */
li.kurs {
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}


/* Если хочется добавить точки на даты, для обозначения события */
.days li.module:before,
.days li.lesson:before,
.days li.webinar:before,
.days li.kurs:before {
  content: '';
  position: absolute;
  bottom: 4px; /* Отступ от нижней границы даты */
  right: 6px; /* Отступ от правого края даты */
  width: 4px; /* Ширина */
  height: 4px; /* Высота */
  border-radius: 50%;
}




/* ------------- 
content finish - Календарик
------------- */

/* ------------- 
content start - Тренинг
------------- */

.cs__trenning .gc-main-content.with-left-menu {
    margin-left: 80px !important;
}

.cs__trenning .main-page-block {
    padding-bottom: 50px;
}

.cs__trenning {
    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
	background: var(--bgFin); 
    padding: 15px 15px 15px 7px;  
    overflow-x: hidden;
}

.cs__trenning .gc-main-content {
    background: #FFFFFF; 
    border-radius: 30px;
}

.cs__trenning .content-menu {
    border: none !important;
}

.cs__trenning .page-header {
   margin: 0; 
}

.cs__trenning .breadcrumbs {
    color: transparent;
    margin-bottom: 70px;
}

.cs__trenning .breadcrumbs a {
   color: #292929;
   font-size: 14px;
   font-weight: 400;
   position: relative;
   padding-left: 25px;
}

.cs__trenning .breadcrumbs a:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -15px;
  width: 30px;
  height: 30px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/252/h/fc2c0b78763182b969ca6d86a3eada49.svg)
}

.cs__trenning .row {
  	margin: 0 !important;
}

.cs__trenning .container {
  	max-width: 1330px !important;
  	margin: 0 !important;
    padding: 35px 0 0 36px;
}

.cs__trenning .xdget-training > .xdget-row .col-md-8 {
    width: 68.7% !important; 
} 

.cs__trenning .xdget-training > .xdget-row .col-md-4 {
    width: 24.8% !important;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: 25px;
} 


/*Сброс стандартных стилей*/

.cs__trenning .stream-table tr td:hover {
    background: none;
}

.cs__trenning .lesson-list {
	background: transparent;
    padding: 0;
}

.cs__trenning .lesson-list li table {
	min-width: 100%;
    min-height: 102px;
}

.cs__trenning .lesson-list li table td,
.cs__trenning .lesson-list li a {
    height: 100%;
    min-height: 102px;
}

.cs__trenning .lesson-list li table td {
    padding: 0;   
}

.cs__trenning  .state-icon-block.hidden-xs {
	display: none;
}

.cs__trenning  .info {
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	z-index: 2;
    min-height: 102px;
}

.cs__trenning .vmiddle {
	padding: 0 !important;
}
/*КОНЕЦ Сброс стандартных стилей*/


/*Левая колонка*/
.cs__customHeder h1 {
  font-family: 'Gilroy';
  font-weight: 700;
  font-size: 30px;
  line-height: 115%;
  color: #121422;
}

.cs__trenning .xdget-training > .row .xdget-col {
  padding: 0;
}

.cs__trenning .xdget-training > .row .xdget-col:first-child {
  margin-right: 46px;
}

.cs__trenning .page-header h1 {
    font-family: 'Gilroy';
	font-weight: 700;
	font-size: 30px;
	line-height: 115%;
	color: #121422;
}

/*Разделитель Стоп-урока*/

.cs__trenning .divider .errorMessage  {
  padding: 0 0 0 75px;
  position: relative;
}

.cs__trenning .divider .errorMessage:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 54px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/179/h/3ca91aaa53928dca392215a39262b6be.svg) no-repeat;
  background-size: contain;
}

.cs__trenning .divider .errorMessage 
.error-message-text {
  	font-family: 'Humanist';
  	font-weight: 700;
  	font-size: 22px;
  	line-height: 115%;
  	color: #121422;
}

.cs__trenning .second-list li.divider {
  	min-height: 64px;
  	flex: 0 0 100%;
  	margin: 25px 0 10px 0;
}

/*Конец Разделитель Стоп-урока*/

/*Список уроков*/

.cs__trenning .first-list .lesson-list li a:after {
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    width: 125px;
    height: 65px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/183/h/22ca050788ebdaee36d272f71e5a2703.png)no-repeat;
}

.cs__trenning .second-list .item-image {
  display: none;
}

.cs__trenning .lesson-list .user-state-label {
  display: none;
}

.cs__trenning .user-state-label.has-start-at.lesson-date {
  display: none !important;
}

.cs__trenning .first-list .lesson-list li:not(.divider)  {
  	min-height: 102px;
  	background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/236/h/cb445a66372ad94d1e007aec7189ceb2.png)no-repeat;
  	border-radius: 10px;
  	display: block;
    margin: 0 0 20px 0;
}

.cs__trenning .first-list .user-state-bg {
  	background: transparent;
}

.cs__trenning .first-list .lesson-list li .title {
  	font-family: 'Humanist';
  	font-weight: 400;
  	font-size: 24px;
  	line-height: 110%;
  	display: flex;
  	align-items: center;
  	color: #fff;
    padding-left: 150px;
}

.cs__trenning .first-list .lesson-list .item-main-td.item-with-image {
  	height: 100px;
}

.cs__trenning .first-list .item-image {
  	background-size: 48% !important;
  	background-position: left 20px center !important;
  	width: 66px !important;
}

.cs__trenning .lesson-list li a {
  position: relative;
}

.cs__trenning .first-list .lesson-list li a:before {
  content: "Перейти";
  bottom: 50%;
  transform: translateY(50%);
  right: 32px;
  position: absolute;
  width: 144px;
  height: 50px;
  background: var(--bgButton);
  border-radius: 6px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Humanist';
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
}

.cs__trenning .second-list .lesson-list li .title {
	font-family: 'Humanist';
	font-weight: 800;
	font-size: 20px;
	line-height: 120%;
	color: #FFFFFF;
}

.cs__trenning .second-list .lesson-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 20px;
}

.cs__trenning .second-list .lesson-list li:not(.divider) {
  	margin: 0;
  	min-height: 288px;
  	width: 280px;
     -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.cs__trenning .second-list .lesson-list li:not(.divider):hover {    
	transform: translateY(-5px);    
}

.cs__trenning .second-list .lesson-list li a {
  	height: 100%;
  	background: var(--bgTrenning);
  	border-radius: 15px;
  	color: #fff;
    padding: 25px 19px;
}

.cs__trenning .second-list .lesson-list li a .description {
  color: #fff; 
}

.cs__trenning .second-list .lesson-list li .info {
  	position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
}

.cs__trenning .second-list .info tr .item-main-td  {
  padding: 0;
}

.cs__trenning .second-list .lesson-list li .title {
  margin: 0 0 10px 0;
}

.cs__trenning .second-list .lesson-list li a:before {
  content: "Перейти";
  bottom: 21px;
  right: 32px;
  position: absolute;
  width: 99px;
  height: 34.5px;
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 4.125px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Humanist';
  font-weight: 400;
  font-size: 12.375px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  text-align: center;
  color: #FFFFFF;
}

/*Выполнено*/
.cs__trenning .second-list .lesson-list li.user-state-accomplished:after {
  	content: "Выполнено";
  	top: 23px;
  	left: 19px ;
  	position: absolute;
  	width: 115px;
  	height: 31px;
  	color: #4DB56D;
  	font-family: 'Humanist';
  	font-weight: 800;
  	font-size: 14px;
  	line-height: 16px;
    background: var(--iconTreningDone)no-repeat;
  	background-position: left;
  	justify-content: end;
   	background-size: contain;
  	display: flex;
  	align-items: center;
    padding-left: 35px;
}

/*Необходимо выполнить*/

.cs__trenning .second-list .lesson-list li.user-state-need_accomplish  a,
.cs__trenning .second-list .lesson-list li.user-state-reached a,
.cs__trenning .second-list .lesson-list li.user-state-has_mission a {  
 	background: var(--bgTrenning);
  
}

.cs__trenning .second-list .lesson-list li.user-state-need_accomplish:after,
.cs__trenning .second-list .lesson-list li.user-state-reached:after,
.cs__trenning .second-list .lesson-list li.user-state-has_mission:after {
  	content: "Доступно";
  	top: 23px;
  	left: 19px ;
  	position: absolute;
  	width: 103px;
  	height: 30px;
  	color: var(--colorPseudoTrening);
  	font-family: 'Humanist';
  	font-weight: 700;
  	font-size: 14px;
  	line-height: 16px;
    background: var(--iconTreningDone)no-repeat;
  	background-position: left;
  	justify-content: end;
   	background-size: contain;
  	display: flex;
  	align-items: center;
    padding-left: 32px;
}

/*Конец НЕобходимо выполнить*/

/*Недостигнутые*/

.cs__trenning .second-list .lesson-list li.user-state-not_reached a {  
 background: var(--bgTrenning);
  
}

.cs__trenning .second-list .lesson-list li.user-state-not_reached a:before {
    background: transparent;
    border: 2px solid #999;
    color: #999;
}

.cs__trenning .second-list .lesson-list li.user-state-not_reached:after {
  	content: "Недоступно";
  	top: 23px;
  	left: 19px ;
  	position: absolute;
  	width: 115px;
  	height: 30px;
  	color: #999;
  	font-family: 'Humanist';
  	font-weight: 800;
  	font-size: 14px;
  	line-height: 110%;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/141/h/bc97a04bc4e494d41c90539a406e643a.svg)no-repeat;
  	background-position: left;
  	justify-content: end;
   	background-size: contain;
  	display: flex;
  	align-items: center;
    padding-left: 35px;
}
/*Конец недостигнутые*/

/*Счетчик*/
.cs__trenning .second-list .lesson-list  li:not(.divider) {
  counter-increment: my-awesome-counter;
  position: relative;
}
.cs__trenning .second-list .lesson-list  li:not(.divider):before {
  	content: "Урок " counter(my-awesome-counter);
  	font-family: 'Humanist';
  	font-weight: 700;
  	font-size: 14px;
  	line-height: 16px;
    width: 68px;
    color: #FFFFFF;
    left: 19px;
    bottom: 31px;
    position: absolute;
    z-index: 100;
    background: var(--iconTreningLesson)no-repeat;
    background-position-y: center;
    text-align: end;
}

.cs__trenning .second-list .lesson-list li.user-state-not_reached:before {
  color: #A8A8A8;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/75191/sc/198/h/ae9fe4cd9b08608a02a513458f0df657.svg)no-repeat;
  background-position-y: center;
  text-align: end;
}

/*Конец Счетчик*/

/*Конец Список уроков*/

.progress-box h4 {
  color: #292929;
  font-family: "Humanist";
  font-size: 20px;
  font-weight: 400;
  line-height: normal;  
}
/*Конец Левая колонка*/


/*Правая колонка*/
.cs__trenning .xdget-training > .row .xdget-col:nth-child(2) {
    max-width: 320px;
    min-width: 310px;
}

.cs__trenning .right-col h3 {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 115%;
    text-align: center;
    color: #121422;
    margin: 20px 0 0 0;
}

.cs__trenning .subscribe-block {
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	padding: 19px 17px 27px 24px;
    max-width: 320px;
}

.cs__trenning .subscribe__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  margin-bottom: 15px;
  position: relative;
}

.cs__trenning .subscribe__images {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.cs__trenning .subscribe__images .xdget-image:hover {
  transform: translateY(-4px);
  transition: 0.3s;
}

.cs__trenning .message {
  	border: none;
  	font-family: 'Gilroy';
  	font-weight: 800;
  	font-size: 16px;
  	line-height: 20px;
  	text-align: center;
  	color: #000;
  	background: #fff;
  	border: 1px solid #000000;
  	border-radius: 8px;
	  padding: 23px 40px 23px 78px;
  	position: relative;
    margin: 47px 0 0 0;
    width: 100%;
    -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.cs__trenning .message:hover {
  transform: translateY(-3px);
  transition: 0.3s;
}

.cs__trenning .message:before {
  	content: "";
  	position: absolute;
  	top: 35%;
  	left: 11%;
  	width:36px;
  	height: 33px;
  	background: url(https://fs.getcourse.ru/fileservice/file/download/a/75191/sc/511/h/280702b1853f71e0ac6062a6994655dc.svg)no-repeat;
  	background-size: contain;
}

.cs__trenning .xdget-productTiming {
  	background: #F10F53;
	border-radius: 10px;
    padding: 20px 10px;
}

.cs__trenning  .user-product-block {
  	font-family: 'Gilroy';
  	font-weight: 400;
  	font-size: 18px;
  	line-height: 120%;
  	color: #FBF8F4;
    text-align: center;
}

.cs__trenning  .user-product-block .text-muted {
  	font-family: 'Gilroy';
 	font-weight: 800;
    font-size: 18px;
  	line-height: 120%;
  	color: #FBF8F4;
    text-align: center;
    margin-top: 10px;
}

 .cs__trenning .user-product-block b {
  color: #fff !important;
}

/*Тариф*/
.tarif-info {
  padding: 25px 10px 20px 0;
  color: #fff;
}

.tarif-info .label-success {
    background-color: #51B16E;
    font-weight: 400;
}

.tarif-info .inf-btn {
    color: var(--green-fin, #4DB56D);
    font-size: 16px;
    font-weight: 400;
    border: none;
    border-radius: 15px;
    border: 1px solid var(--green-fin, #4DB56D);
    padding: 18px;
  background: transparent;
  width: 96%;
  margin: 0 10px 0 10px;
}

.pokupki_date thead {
  display: none;
}

.pokupki_date .table>tbody>tr>td, 
.pokupki_date .table>tbody>tr>th, 
.pokupki_date .table>tfoot>tr>td, 
.pokupki_date .table>tfoot>tr>th, 
.pokupki_date .table>thead>tr>td, 
.pokupki_date .table>thead>tr>th {
  border: none;
}

.pokupki_date tr {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Humanist";
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
}

.pokupki_date .table>tbody>tr>td:last-child {
  display: none;
}

.pokupki_date .table>tbody>tr>td {
  position: relative;
  display: block;
  padding-left: 37px;
}

.pokupki_date .table>tbody>tr>td:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background: #517A66;
}

/**/
.btn-single {
  border: none;
  border-radius: 8px;
  background: #51B16E;
  color: #FFF;
  font-family: "Humanist";
  font-size: 18px;
  font-weight: 400;
  padding: 20px;
  transition: 0.3s;
}

.btn-single:hover {
  transform: translateY(-4px);
}
/*Конец Правая колонка*/

/*Надпись есть задание*/
.cs__trenning .lesson-list .item-main-td .vmiddle > div:not(.title, .user-state-label, .description) {
    display: none;
}

/*Дата и время*/
.cs__trenning .user-state-label.has-start-at.lesson-date {
  display: block !important;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  font-family: 'Gilroy';
  font-weight: 400;
}

@media(max-width: 1435px) {  
  .cs__trenning .xdget-training > .row .xdget-col:first-child {
    margin-right: 15px !important;
  }
    
  .cs__trenning .second-list .lesson-list {
    gap: 10px !important;
  }
    
  .cs__trenning .xdget-training > .xdget-row .col-md-8 {
    width: 72% !important;
}
    
  .cs__trenning .lesson-list {
    margin: 0 !important;
  }
    
 .cs__trenning .container {
    padding: 15px 0 0 15px !important;
}
}

@media(max-width: 1297px) {
 .cs__trenning .container {
      padding: 0 10px 0 10px !important;
      max-width: 100% !important;
  } 
    
  .cs__trenning .row {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
  }
    
  .cs__trenning .page-header {
    text-align: center !important;
  }
    
  .cs__trenning .page-header  h1 {
    margin: 0 auto !important;
  }
    
 .cs__trenning .xdget-training > .row .xdget-col:first-child {
     margin: 0 auto !important;
  }
    
 .cs__trenning .message {
    margin: 35px auto !important;
	order: 3;
    max-width: 320px !important;
  }
}

@media(max-width: 980px) {
  .cs__trenning .xdget-training > .xdget-row .col-md-8 {
   width: 100% !important;
  }
}

@media(max-width: 780px) {
   body.cs__trenning  {
    padding: 65px 15px 15px 15px !important;  
}
    
    
  .cs__trenning .first-list .lesson-list li .title {
        max-width: 300px  !important;
  }
    
   .cs__trenning .lesson-list li .info .vmiddle {
    margin: 0 !important;
  }
    
  .cs__trenning .first-list .lesson-list .item-main-td.item-with-image {
    padding-left: 0 !important;
  }
    
  .cs__trenning .second-list .lesson-list {
      justify-content: center !important;
  }
    
    .cs__trenning .second-list li.divider {
    margin: 0 0 5px 0 !important;
    max-width: 300px !important;
  }
    
   .cs__trenning .second-list li.divider .errorMessage {
       padding: 75px 0 0 0 !important;
       text-align: center !important;
  }
    
  .cs__trenning .divider .errorMessage:before {
    top: 5% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
    
  .cs__trenning .divider .errorMessage .error-message-text {
    font-size: 18px !important;
  }
  .cs__trenning .right-col h3 {
    margin: 0 !important;    
  }
}

@media (max-width: 768px) {
  .gc-main-content.with-left-menu.account-page-content  {
    margin-left: 0 !important;
  } 
    
    .cs__trenning .breadcrumbs {
    color: transparent;
    margin-bottom: 70px;
    margin-top: 25px !important;
}

}

@media(max-width: 580px) {
  .cs__trenning .first-list .lesson-list li:not(.divider),
 .cs__trenning .lesson-list li table td,      .cs__trenning .lesson-list li a,
 .cs__trenning .info {
    min-height: 240px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  
  .cs__trenning .first-list .lesson-list li a:before {
    bottom: 20px !important;
    transform: none !important;
    left: 20px !important;
  }
  
  .cs__trenning .first-list .lesson-list li a:after {
    top: 0 !important;
    transform: none !important;
  }
  
  .cs__trenning .first-list .lesson-list li .title {
        padding: 85px 0 45px 20px !important;
  }
}

@media(max-width: 520px) {
  .cs__trenning .first-list .item-image {
      display: block !important;
      margin: 15px 0 0 0 !important;   
  }
    
  .cs__trenning .first-list .lesson-list li .title {
    font-size: 18px !important;
    line-height: 120% !important;
  }
 
  .cs__trenning .right-col h3 {
    font-size: 24px !important;
    line-height: 115% !important;
  }
    
  .cs__trenning .user-product-block {
      text-align: center !important;
      font-size: 14px !important; 
  }
    
  .cs__trenning .xdget-productTiming {
    max-width: 300px !important;
    padding: 16px 10px !important;
    margin: 0 auto !important;
  }
    
  .cs__trenning .xdget-training > .row .xdget-col:nth-child(2) {
    max-width: 100% !important;
    min-width: 270px !important;
    width: 100% !important;
  }
    
    .cs__trenning .second-list .lesson-list {
    gap: 20px !important;
}
  
    .cs__trenning .second-list .lesson-list li {
    width: 300px !important;
  }
    .message {
    max-width: 300px;
  }  
}

@media(max-width: 480px) {
  .cs .trainings-title {
    font-size: 18px !important;
  }
  .cs .social-block {
    font-size: 18px !important;
  }
    
  .cs__trenning .second-list .lesson-list li {
    width: 100% !important;
}
}

@media(max-width: 374px) {
  .cs__trenning .shedule-container {
    padding: 20px 12px 20px 17px !important;
  }
}

@media(max-width: 361px) {
  .cs__trenning .container {
    padding: 0 15px 0 15px !important;
  }
}

@media(max-width: 341px) {
  .cs__trenning .container {
    padding: 0 10px 0 10px !important;
  }
}

/* ------------- 
content finish - Тренинг
------------- */

/* ------------- 
content start - Progress
------------- */

:root {
 	--progressRing: #51B16E;
}

/*Progress-1*/
.cs__trenning .xdget-trainingAchievements {
   display:none;
}

.cs__trenning .progress-header {
	color: #FFF;
	text-align: center;
	font-family: "Humanist";
	font-size: 30px;
	font-weight: 700;
	line-height: 115%; 
    margin-bottom: 20px;
}

.cs__trenning .progress-container {
     background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/52/h/bb5cefefafb3158cfbcce4d6b36a005c.png)no-repeat;
     background-size: cover;
     background-position: right center;
     border-radius: 15px;
     padding: 28px 20px;
}

.cs__trenning svg {
  	width: 156px;
  	height: 150px;
  	display: block!important;
  	margin-left: auto;
  	margin-right: auto;  
}

.cs__trenning .donut-hole {
  	fill: transparent; /* цвет внутри кольца */
}

.cs__trenning svg .donut-ring {
  	stroke:  var(--progressRing); /* цвет кольца */
  	stroke-width: 3; /* толщина кольца */
  	fill: transparent;
}

.cs__trenning  svg .donut-segment {
  	stroke: #495662; /* цвет заполнения */
  	stroke-width: 3.5; /* толщина заполнения */
  	fill: transparent;
  	stroke-dasharray: "0 100";
  	stroke-dashoffset: 25;
  	stroke-lineCap: round;  
}


.cs__trenning .chart-text {
  	font: 36px 'Gilroy', Arial, sans-serif;
    font-weight: 800;
  	fill: #fff; 
  	-moz-transform: translateY(0.25em); 
  	-ms-transform: translateY(0.25em); 
  	-webkit-transform: translateY(0.25em); 
  	transform: translateY(0.25em);
}

.cs__trenning .chart-number {
  font-size: 0.2em;
  font-weight: 600;  
  line-height: 1; 
  text-anchor: middle; 
  -moz-transform: translateY(-0.25em); 
  -ms-transform: translateY(-0.25em); 
  -webkit-transform: translateY(-0.25em); 
  transform: translateY(-0.25em);
}

.cs__trenning .chart-label {
   font-size: 0.2em;
   font-weight: 600; 
   text-transform: uppercase; 
   text-anchor: middle;
   -moz-transform: translateY(0.7em); 
   -ms-transform: translateY(0.7em); 
   -webkit-transform: translateY(0.7em);
   transform: translateY(0.7em);
}

.cs__trenning .lessons-dount .chart-label {
	fill: #fff; 
}

.cs__trenning .chart-text .chart-subtitle {
    font-family: 'Gilroy';
	font-weight: 400;
	font-size: 0.10em;
	line-height: 12px;
	text-anchor: middle;
	color: #1D211C;
	opacity: 0.7;
}


/* ------------- 
content finish - Progress
------------- */

/* ------------- 
content start - Страница входа
------------- */

body.fin_enter {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/100/h/a34f028d9d2994cbc312a54d27e37609.png)no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    height: 100%;
}

.fin_enter .gc-main-content,
.fin_enter .page-full-block {
    height: 100%;
}

.fin_enter .container {
    position: static !important;   
}

.fin_enter .gc-main-content.with-left-menu .container {
    margin-left: auto !important;
    margin-right: auto !important;
}

.fin_enter .logo.gc-account-logo {
  display: none;
}

.fin_enter .main-page-block {
    padding-top: 70px;
    padding-bottom: 250px;
    height: 100%;
    position: relative;
}

.fin_enter .btn.btn-link.btn-login {
    color: #4DB56D;
    font-size: 16px;
    font-weight: 400;
}


.fin_enter form.standard-form:before {
  content: "";
  position: absolute;
  top: 45px;
  left: 0;
  width: 190px;
  height: 60px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/145/h/9a808d76f2c06b7723d3b64d181b30fd.png)no-repeat;
}

.fin_enter form.standard-form {
  border-radius: 10px;
  background: linear-gradient(180deg, #3E7065 0%, #37444D 100%);
  box-shadow: 0px 4px 18px 0px rgba(57, 57, 57, 0.32);
  padding: 134px 40px 60px 40px;
  position: relative;
}

.fin_enter .xdget-loginUserForm.standard-form h2 {
 color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 20px;
}

.fin_enter .xdget-loginUserForm.standard-form .remind-block h2 {
  margin-bottom: 15px;
}


.fin_enter .btn.btn-link.btn-register {
  color: #4DB56D;
  font-size: 16px;
  font-weight: 400;
}

.fin_enter  .form-group label {
  display: none;
}

.fin_enter .btn.btn-link.btn-login {
    color: #4DB56D;
    font-size: 16px;
    font-weight: 400;
}

.fin_enter .form-buttons,
.fin_enter .form-group:last-child {
    position: relative;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;   
}

.fin_enter .btn.btn-link.btn-remind,
.fin_enter .remind-block .btn.btn-link,
.fin_enter .btn.btn-link.btn-logout {
  color: #A7A7A7;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.fin_enter .xdget-button.btn.btn-success,
.fin_enter .remind-block .btn.btn-primary,
.fin_enter .logined-form .btn.btn-primary {
  border-radius: 6px;
  background: #4DB56D;
  color: #FFF;
  font-size: 16px;
  line-height: 100%;
  font-weight: 400;
  padding: 16px 70px;
  border: none;
}

.fin_enter .xdget-button.btn.btn-success:hover {
  
}

/*Поля*/
.fin_enter .xdget-block .form-field input,
.fin_enter .xdget-block .form-control { 
  border-radius: 4px;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 7px 7px 7px 50px;
  height: 50px;
}

.fin_enter .xdget-block .form-field input::placeholder,
.fin_enter .xdget-block .form-control::placeholder {
  color: #999;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.fin_enter .xdget-block .form-field input.form-field-email,
.fin_enter .xdget-block .form-control {
    background: #F8F6F5 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/509/h/1e672b610f403921480ce71d96e1408e.svg)no-repeat;
    background-position: 22px 18px !important;
}

.fin_enter .xdget-block .form-field input.form-field-password {
  background: #F8F6F5 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/95/h/5491f9404d44a8be09401f362ac33f6d.svg)no-repeat;
  background-position: 22px 17px !important;
}

.fin_enter .xdget-block .form-field input.form-field-full_name {
  background: #F8F6F5 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/48/h/1c36473f5c954f6c089df2161a21c631.svg)no-repeat;
  background-position: 23px 17px !important;
}

/**/
.global-confirm-checkbox-block span.checkbox-text {
  color: #fff;
  font-weight: 400;
}

.global-confirm-checkbox-block span.checkbox-text a {
  color: #4DB56D;
}


.l-box  {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.l-box  a {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding: 16px 10px;
    border-radius: 10px 10px 0px 0px;
    background: #4DB56D;
    display: block;
    width: 210px;
}

.fin_enter .logined-form .html-content {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

@media(max-width: 480px) {
  .fin_enter .main-page-block {
    padding-top: 50px !important;
    padding-bottom: 80px !important;
}
    
  .fin_enter form.standard-form {
    padding: 100px 20px 40px 20px !important;
  }
  
  .fin_enter form.standard-form:before {
      width: 110px !important;
      height: 35px !important;
      top: 35px !iportant;
      background-size: contain !important;
  }
  .fin_enter .form-buttons, .fin_enter .form-group:last-child {
        margin-top: 20px !important;
  }
  
  .fin_enter .xdget-block .form-field input, .fin_enter .xdget-block .form-control {
    height: 40px !important;
  }
  
  .fin_enter .xdget-block .form-field input.form-field-email, .fin_enter .xdget-block .form-control,
  .fin_enter .xdget-block .form-field input.form-field-password,
  .fin_enter .xdget-block .form-field input.form-field-full_name {
    background-position: 22px 12px !important;
  }
  
.fin_enter  .xdget-block .form-field {
    margin-bottom: 15px !important;
  }
  
  .fin_enter .xdget-loginUserForm.standard-form h2 {
   margin-bottom: 10px !important;  
  }
  
  .fin_enter .xdget-loginUserForm.standard-form h2 {
    font-size: 26px !important;
  }
  
  .fin_enter .xdget-button.btn.btn-success, .fin_enter .remind-block .btn.btn-primary, .fin_enter .logined-form .btn.btn-primary {
    width: 100% !important;
  }
}


/* ------------- 
content finish - Страница входа
------------- */

/* ------------- 
content start - Список тренингов
------------- */

.cs__trenning .gc-main-content.with-left-menu {
    margin-left: 80px !important;
}

.cs__trenning .main-page-block {
    padding-bottom: 50px;
}

.cs__trenning {
    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
	background: var(--bgFin); 
    padding: 15px 15px 15px 7px;  
    overflow-x: hidden;
}

.cs__trenning .gc-main-content {
    background: #FFFFFF; 
    border-radius: 30px;
}

.cs__trenning .content-menu {
    border: none !important;
}

.cs__trenning .page-header {
   margin: 0; 
}

.cs__trenning .breadcrumbs {
    color: transparent;
    margin-bottom: 70px;
}

.cs__trenning .breadcrumbs a {
   color: #292929;
   font-size: 14px;
   font-weight: 400;
   position: relative;
   padding-left: 25px;
}

.cs__trenning .breadcrumbs a:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -15px;
  width: 30px;
  height: 30px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/252/h/fc2c0b78763182b969ca6d86a3eada49.svg)
}

.cs__trenning .row {
  	margin: 0 !important;
}

.cs__trenning .container {
  	max-width: 1330px !important;
  	margin: 0 !important;
    padding: 35px 0 0 36px;
}

.cs__trenning .xdget-training > .xdget-row .col-md-8 {
    width: 68.7% !important; 
} 

.cs__trenning .xdget-training > .xdget-row .col-md-4 {
    width: 24.8% !important;
    max-width: 360px;
    display: flex;
    flex-direction: column;
    gap: 25px;
} 


/*Сброс стандартных стилей*/
.cs__trenning .stream-table {
	margin: 0 !important;    
}

.cs__trenning .col-md-12 {
    padding: 0 !important; 
}

.cs__trenning .stream-table tr td {
    height: 100% !important;
    display: block;
  	padding: 0;
    position: relative;
}

.cs__trenning .stream-table tbody tr a {
    height: 100%;
    width: 100%;
    position: relative;
} 


.cs__trenning .lesson-list {
	background: transparent;
    padding: 0;
}

.cs__trenning .lesson-list li table {
	min-width: 100%;
    min-height: 102px;
}

.cs__trenning .lesson-list li table td {
    padding: 0;   
}

.cs__trenning  .state-icon-block.hidden-xs {
	display: none;
}

.cs__trenning  .info {
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	z-index: 2;
    min-height: 102px;
}

.cs__trenning .vmiddle {
	padding: 0 !important;
}
/*КОНЕЦ Сброс стандартных стилей*/


/*Левая колонка*/
.cs__customHeder h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 115%;
  color: #121422;
}

.cs__trenning .xdget-training > .row .xdget-col {
  padding: 0;
}

.cs__trenning .xdget-training > .row .xdget-col:first-child {
  margin-right: 46px;
}

.cs__trenning .page-header h1 {
	font-weight: 700;
	font-size: 30px;
	line-height: 115%;
	color: #121422;
}


/*Список уроков*/
.cs__trenning .first-list .stream-table tr td,
.cs__trenning .first-list .stream-table tr td a {
    min-height: 102px;
}

/*Плашка*/
.cs__trenning .first-list .stream-table tr {
   border-radius: 10px;
   margin: 0 0 20px 0;
   display: block;
}

.cs__trenning .lesson-list li table td,
.cs__trenning .lesson-list li a {
    height: 100%;
    min-height: 102px;
}

.cs__trenning .first-list .stream-table tr  {
  	min-height: 102px;
  	background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/236/h/cb445a66372ad94d1e007aec7189ceb2.png)no-repeat;
   background-size: cover;
}

.cs__trenning .first-list .stream-table tr a {
  padding: 36px 190px 36px 150px;
}

.cs__trenning .first-list .stream-table tr a:after {
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    width: 125px;
    height: 65px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/183/h/22ca050788ebdaee36d272f71e5a2703.png)no-repeat;
}

.cs__trenning .first-list .stream-table tr a div {
 display: none;   
}

.cs__trenning .first-list .stream-title {
  	font-weight: 400;
  	font-size: 24px;
  	line-height: 110%;
  	display: flex;
  	align-items: center;
  	color: #fff;
}

.cs__trenning .first-list .item-image {
  	background-size: 48% !important;
  	background-position: left 20px center !important;
  	width: 66px !important;
}

.cs__trenning .stream-table tr {
  position: relative;
}

.cs__trenning .first-list .stream-table tr a:before  {
  content: "Перейти";
  bottom: 50%;
  transform: translateY(50%);
  right: 32px;
  position: absolute;
  width: 144px;
  height: 50px;
  background: var(--bgButton);
  border-radius: 6px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
}

.cs__trenning  .first-list .stream-table tbody tr a > div b  {
    display: none;
}

/*Второй список*/
/*Плашка*/
.cs__trenning .second-list  .stream-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
}

.cs__trenning .second-list .stream-table tr  {
  	margin: 0;
  	min-height: 288px;
  	width: 280px;
     -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.cs__trenning .second-list .stream-table tr:hover {    
	transform: translateY(-5px);    
}

.cs__trenning .second-list .stream-table tr td, 
.cs__trenning .second-list .stream-table tr td a {
    min-height: 288px;
}

.cs__trenning .second-list .stream-title {
	font-weight: 800;
	font-size: 20px;
	line-height: 120%;
	color: #FFFFFF;
    margin-bottom: 25px;
    display: block;
}

.cs__trenning .second-list .stream-table tr a {
  	height: 100%;
  	background: var(--bgTrenning);
  	border-radius: 15px;
  	color: #fff;
    padding: 75px 19px 25px 19px;
}

.cs__trenning .second-list .stream-table tr a:before {
  content: "Перейти";
  position: absolute;
  bottom: 21px;
  right: 32px;
  width: 99px;
  height: 34px;
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 4.125px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  padding: 8px;
}

.cs__trenning  .second-list .stream-table tbody tr a > div b  {
  color: rgba(174, 177, 182, 0.70);
  font-family: 'Humanist';
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

/*Доступно*/
.cs__trenning .second-list .stream-table tr a:after {
  	content: "Доступно";
  	top: 23px;
  	left: 19px ;
  	position: absolute;
  	width: 105px;
  	height: 31px;
  	color: #4DB56D;
  	font-weight: 800;
  	font-size: 14px;
  	line-height: 16px;
    background: var(--iconTreningDone)no-repeat;
  	background-position: left;
  	justify-content: end;
   	background-size: contain;
  	display: flex;
  	align-items: center;
    padding-left: 35px;
}

/*Недоступно*/
.cs__trenning .second-list .stream-table tr.noaccess-mode-show a:after {
  	content: "Недоступно";
  	top: 23px;
  	left: 19px ;
  	position: absolute;
  	width: 115px;
  	height: 30px;
  	color: #999;
  	font-weight: 800;
  	font-size: 14px;
  	line-height: 110%;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/141/h/bc97a04bc4e494d41c90539a406e643a.svg)no-repeat;
  	background-position: left;
  	justify-content: end;
   	background-size: contain;
  	display: flex;
  	align-items: center;
    padding-left: 35px;
}

.cs__trenning .second-list .stream-table tr.noaccess-mode-show a:before {
    color: #999;
    border: 1px solid #999;
}

.cs__trenning .second-list .lesson-list li.user-state-need_accomplish  a,
.cs__trenning .second-list .lesson-list li.user-state-reached a,
.cs__trenning .second-list .lesson-list li.user-state-has_mission a {  
 	background: var(--bgTrenning);
  
}


/*Недостигнутые*/

.cs__trenning .second-list .lesson-list li.user-state-not_reached a {  
 background: var(--bgTrenning);
  
}

.cs__trenning .second-list .lesson-list li.user-state-not_reached a:before {
    background: transparent;
    border: 2px solid #999;
    color: #999;
}

/*Конец недостигнутые*/

/*Счетчик*/
.cs__trenning .second-list .stream-table tr {
  counter-increment: my-awesome-counter;
  position: relative;
}
.cs__trenning .second-list .stream-table tr:before {
  	content: "Модуль " counter(my-awesome-counter);;
  	font-weight: 700;
  	font-size: 14px;
  	line-height: 16px;
    width: 80px;
    color: #FFFFFF;
    left: 19px;
    bottom: 31px;
    position: absolute;
    z-index: 100;
    background: var(--iconTreningLesson)no-repeat;
    background-position-y: center;
    text-align: end;
}
/*Конец Счетчик*/

/*Конец Список уроков*/

.progress-box h4 {
  color: #292929;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;  
}
/*Конец Левая колонка*/


/*Правая колонка*/
.cs__trenning .xdget-training > .row .xdget-col:nth-child(2) {
    max-width: 320px;
    min-width: 310px;
}

.cs__trenning .right-col h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 115%;
    text-align: center;
    color: #121422;
    margin: 20px 0 0 0;
}

.cs__trenning .subscribe-block {
  	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
  	padding: 19px 17px 27px 24px;
    max-width: 320px;
}

.cs__trenning .subscribe__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  margin-bottom: 15px;
  position: relative;
}

.cs__trenning .subscribe__images {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.cs__trenning .subscribe__images .xdget-image:hover {
  transform: translateY(-4px);
  transition: 0.3s;
}

.cs__trenning .message {
  	border: none;
  	font-weight: 800;
  	font-size: 16px;
  	line-height: 20px;
  	text-align: center;
  	color: #000;
  	background: #fff;
  	border: 1px solid #000000;
  	border-radius: 8px;
	  padding: 23px 40px 23px 78px;
  	position: relative;
    margin: 47px 0 0 0;
    width: 100%;
    -webkit-transition: 0.3s ease-in-out;
    cursor: pointer;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.cs__trenning .message:hover {
  transform: translateY(-3px);
  transition: 0.3s;
}

.cs__trenning .message:before {
  	content: "";
  	position: absolute;
  	top: 35%;
  	left: 11%;
  	width:36px;
  	height: 33px;
  	background: url(https://fs.getcourse.ru/fileservice/file/download/a/75191/sc/511/h/280702b1853f71e0ac6062a6994655dc.svg)no-repeat;
  	background-size: contain;
}

.cs__trenning .xdget-productTiming {
  	background: #F10F53;
	border-radius: 10px;
    padding: 20px 10px;
}

.cs__trenning  .user-product-block {
  	font-weight: 400;
  	font-size: 18px;
  	line-height: 120%;
  	color: #FBF8F4;
    text-align: center;
}

.cs__trenning  .user-product-block .text-muted {
 	font-weight: 800;
    font-size: 18px;
  	line-height: 120%;
  	color: #FBF8F4;
    text-align: center;
    margin-top: 10px;
}

 .cs__trenning .user-product-block b {
  color: #fff !important;
}

/*Тариф*/
.tarif-info {
  padding: 25px 10px 20px 0;
  color: #fff;
}

.tarif-info .label-success {
    background-color: #51B16E;
    font-weight: 400;
}

.tarif-info .inf-btn {
    color: var(--green-fin, #4DB56D);
    font-size: 16px;
    font-weight: 400;
    border: none;
    border-radius: 15px;
    border: 1px solid var(--green-fin, #4DB56D);
    padding: 18px;
  background: transparent;
  width: 96%;
  margin: 0 10px 0 10px;
}

.pokupki_date thead {
  display: none;
}

.pokupki_date .table>tbody>tr>td, 
.pokupki_date .table>tbody>tr>th, 
.pokupki_date .table>tfoot>tr>td, 
.pokupki_date .table>tfoot>tr>th, 
.pokupki_date .table>thead>tr>td, 
.pokupki_date .table>thead>tr>th {
  border: none;
}

.pokupki_date tr {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
}

.pokupki_date .table>tbody>tr>td:last-child {
  display: none;
}

.pokupki_date .table>tbody>tr>td {
  position: relative;
  display: block;
  padding-left: 37px;
}

.pokupki_date .table>tbody>tr>td:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background: #517A66;
}

/**/
.btn-single {
  border: none;
  border-radius: 8px;
  background: #51B16E;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 20px;
  transition: 0.3s;
}

.btn-single:hover {
  transform: translateY(-4px);
}
/*Конец Правая колонка*/

/*Надпись есть задание*/
.cs__trenning .lesson-list .item-main-td .vmiddle > div:not(.title, .user-state-label, .description) {
    display: none;
}

/*Дата и время*/
.cs__trenning .user-state-label.has-start-at.lesson-date {
  display: block !important;
  margin-bottom: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

@media(max-width: 1435px) {  
  .cs__trenning .xdget-training > .row .xdget-col:first-child {
    margin-right: 15px !important;
  }
    
  .cs__trenning .second-list .lesson-list {
    gap: 10px !important;
  }
    
  .cs__trenning .xdget-training > .xdget-row .col-md-8 {
    width: 72% !important;
}
    
  .cs__trenning .lesson-list {
    margin: 0 !important;
  }
    
 .cs__trenning .container {
    padding: 15px 0 0 15px !important;
}
}

@media(max-width: 1297px) {
 .cs__trenning .container {
      padding: 0 10px 0 10px !important;
      max-width: 100% !important;
  } 
    
  .cs__trenning .row {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
  }
    
  .cs__trenning .page-header {
    text-align: center !important;
  }
    
  .cs__trenning .page-header  h1 {
    margin: 0 auto !important;
  }
    
 .cs__trenning .xdget-training > .row .xdget-col:first-child {
     margin: 0 auto !important;
  }
    
 .cs__trenning .message {
    margin: 35px auto !important;
	order: 3;
    max-width: 320px !important;
  }
}

@media(max-width: 980px) {
  .cs__trenning .xdget-training > .xdget-row .col-md-8 {
   width: 100% !important;
  }
}

@media(max-width: 780px) {
   body.cs__trenning  {
    padding: 65px 15px 15px 15px !important;  
}
    
    
  .cs__trenning .first-list .lesson-list li .title {
        max-width: 300px  !important;
  }
    
   .cs__trenning .lesson-list li .info .vmiddle {
    margin: 0 !important;
  }
    
  .cs__trenning .first-list .lesson-list .item-main-td.item-with-image {
    padding-left: 0 !important;
  }
    
  .cs__trenning .second-list .lesson-list {
      justify-content: center !important;
  }
    
    .cs__trenning .second-list li.divider {
    margin: 0 0 5px 0 !important;
    max-width: 300px !important;
  }
    
   .cs__trenning .second-list li.divider .errorMessage {
       padding: 75px 0 0 0 !important;
       text-align: center !important;
  }
    
  .cs__trenning .divider .errorMessage:before {
    top: 5% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
    
  .cs__trenning .divider .errorMessage .error-message-text {
    font-size: 18px !important;
  }
  .cs__trenning .right-col h3 {
    margin: 0 !important;    
  }
}

@media (max-width: 768px) {
  .gc-main-content.with-left-menu.account-page-content  {
    margin-left: 0 !important;
  } 
    
    .cs__trenning .breadcrumbs {
    color: transparent;
    margin-bottom: 20px;
    margin-top: 25px !important;
}

}

@media(max-width: 580px) {
  .cs__trenning .first-list .lesson-list li:not(.divider),
 .cs__trenning .lesson-list li table td,      .cs__trenning .lesson-list li a,
 .cs__trenning .info {
    min-height: 240px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  
  .cs__trenning .first-list .lesson-list li a:before {
    bottom: 20px !important;
    transform: none !important;
    left: 20px !important;
  }
  
  .cs__trenning .first-list .lesson-list li a:after {
    top: 0 !important;
    transform: none !important;
  }
  
  .cs__trenning .first-list .lesson-list li .title {
        padding: 85px 0 45px 20px !important;
  }
    
    .cs__trenning .first-list .stream-table tr,
.cs__trenning .first-list .stream-table tr td, .cs__trenning .first-list .stream-table tr td a {
    min-height: 240px !important;
    background-size: cover !important;
    background-position: center !important;
  }
  
  .cs__trenning .first-list .stream-table tr td a {
    padding:  75px 20px 75px 20px !important;
  }
  
 .cs__trenning .first-list .stream-table tr td a:before {
    bottom: 20px !important;
    transform: none !important;
    left: 20px !important;
  }
  
.cs__trenning .first-list .stream-table tr td a:after {
    top: 0 !important;
    transform: none !important;
  }
  
    .cs__trenning .second-list .stream-table tr {
    width: 100% !important;
}
  
  .cs__trenning .second-list .stream-table tr a {
    background-size: cover !important;
}
  
  .cs__trenning .first-list .stream-title {
    font-size: 20px !important;
  }
}

@media(max-width: 520px) {
  .cs__trenning .first-list .item-image {
      display: block !important;
      margin: 15px 0 0 0 !important;   
  }
    
  .cs__trenning .first-list .lesson-list li .title {
    font-size: 18px !important;
    line-height: 120% !important;
  }
 
  .cs__trenning .right-col h3 {
    font-size: 24px !important;
    line-height: 115% !important;
  }
    
  .cs__trenning .user-product-block {
      text-align: center !important;
      font-size: 14px !important; 
  }
    
  .cs__trenning .xdget-productTiming {
    max-width: 300px !important;
    padding: 16px 10px !important;
    margin: 0 auto !important;
  }
    
  .cs__trenning .xdget-training > .row .xdget-col:nth-child(2) {
    max-width: 100% !important;
    min-width: 270px !important;
    width: 100% !important;
  }
    
    .cs__trenning .second-list .lesson-list {
    gap: 20px !important;
}
  
    .cs__trenning .second-list .lesson-list li {
    width: 300px !important;
  }
    .message {
    max-width: 300px;
  }
    
   .cs__trenning .col-md-12 {
    width: 100% !important;
}
}

@media(max-width: 480px) {
  .cs .trainings-title {
    font-size: 18px !important;
  }
  .cs .social-block {
    font-size: 18px !important;
  }
    
  .cs__trenning .second-list .lesson-list li {
    width: 100% !important;
}
}

@media(max-width: 374px) {
  .cs__trenning .shedule-container {
    padding: 20px 12px 20px 17px !important;
  }
}

@media(max-width: 361px) {
  .cs__trenning .container {
    padding: 0 15px 0 15px !important;
  }
}

@media(max-width: 341px) {
  .cs__trenning .container {
    padding: 0 10px 0 10px !important;
  }
}

/* ------------- 
content finish - Список тренингов
------------- */

/* ------------- 
content start - Список уроков
------------- */

@font-face { 
    font-family: "Humanist";
    src: url(/fileservice/file/download/h/2b505e5756bde4fe5150954149d8ece9.woff/a/65559/sc/161) format('woff');
    font-weight: 800;
}

@font-face { 
    font-family: "Humanist";
    src: url(/fileservice/file/download/h/fcf662955378fd9df585cec42d3f42c1.woff/a/65559/sc/265) format('woff');
    font-weight: 400;
}

@font-face { 
    font-family: "Humanist-Regular";
    src: url(/fileservice/file/download/h/80b7806a86ce68befc44b5f7d72816bd.ttf/a/531213/sc/258) format('truetype');
}

@font-face { 
    font-family: "Gilroy";
    font-style:  normal;
  	font-weight: 400;
    src: url(/fileservice/file/download/h/1e8d8ebd8c271778b8f12002304ff328.woff/a/526055/sc/101) format('woff');
}

.fin-lessons .main-page-block {
    padding-bottom: 150px;
}

.fin-lessons {
    text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
	background: var(--bgFin); 
    padding: 15px 15px 15px 7px;  
    overflow-x: hidden;
}

.fin-lessons .gc-main-content {
    background: #FFFFFF; 
    border-radius: 30px;
}

.fin-lessons .breadcrumbs {
    color: transparent; 
    position: relative;
}

.fin-lessons .breadcrumbs a:first-child {
    display: none;
}

.fin-lessons .breadcrumbs a {
    color: #292929;
   font-family: 'Humanist 521';
   font-size: 14px;
   font-weight: 400;
   position: relative;
   padding-left: 22px;
   position: relative; 
}

.fin-lessons:not(.realtSubtrening) .breadcrumbs a:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -20px;
  width: 30px;
  height: 30px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/252/h/fc2c0b78763182b969ca6d86a3eada49.svg)
}

.fin-lessons .page-header h1  {
    color: #292929;
    font-family: 'Humanist 521';
	font-size: 30px;
	font-weight: 700;
	line-height: normal;
}

.fin-lessons .row {
  	margin: 0 !important;
}

.fin-lessons .container {
  	max-width: 1330px !important;
  	margin: 0 !important;
    padding: 35px 0 0 36px;
}

/*Сброс стандартных стилей*/

.fin-lessons .lesson-list {
	background: transparent;
    padding: 0;
}

.fin-lessons .lesson-list li table td {
    padding: 0;   
}

.lesson-list .item-main-td.item-with-image {
     padding-left: 0;   
}

.fin-lessons  .state-icon-block.hidden-xs {
	display: none;
}

.fin-lessons  .info {
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	z-index: 2;
}

.fin-lessons .vmiddle {
	padding: 0 !important;
}

.fin-lessons:not(.realtSubtrening) .user-state-accomplished .user-state-bg,
.fin-lessons:not(.realtSubtrening) .user-state-bg {
    background: transparent;
}
/*КОНЕЦ Сброс стандартных стилей*/

.fin-lessons .xdget-trainingAchievements {
    display: none;
}

.fin-lessons .col-gc-8 {
  padding: 0;
}

.fin-lessons:not(.realtSubtrening) .lesson-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
}

.fin-lessons:not(.realtSubtrening) .lesson-list li {
    min-height: 165px;
    max-width: 290px;
    width: calc(33% - 20px);
    display: block;
    background: #fff;
    border-radius: 8px;
    position: relative;
    border: 1px solid #4DB56D;
    margin: 0;
}

.fin-lessons .lesson-list li  .item-image {
    display: none;
}

.fin-lessons:not(.realtSubtrening) .lesson-list li a {
  padding: 40px 20px 65px 20px;
  z-index: 100;
  position: relative;
}

.fin-lessons:not(.realtSubtrening)  .lesson-list li a:before {
    content: "Перейти";
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 156px;
    height: 41px;
    border-radius: 6px;
    color: #FFF;
    text-align: center;
    font-family: 'Humanist 521';
    font-size: 16px;
  line-height: 100%;
    font-weight: 400;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  padding: 13px 4px 8px 14px;
  background: #4DB56D  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/204/h/7d74c9defeec32c29145905e05a338b8.svg)no-repeat;
  background-position: center left 30px;
     transition: all 0.2s;
}

.fin-lessons .user-state-label.user-state-label-ex {
   display: none; 
}

.fin-lessons:not(.realtSubtrening)  .user-state-need_accomplish .user-state-bg {
    background: transparent;
}

.fin-lessons:not(.realtSubtrening) .lesson-list li.user-state-accomplished a:after {
    content: "Выполнено";
  color: #4DB56D;
  border: 1px solid #4DB56D;
}

.fin-lessons:not(.realtSubtrening) .lesson-list li.user-state-need_accomplish a:after {
    content: "Не выполнено";
    position: absolute;
    top: 10px;
    left: 20px;
    width: 110px;
    height: 30px;
    padding: 4px 0 0 0;
    color: #EB2525;
    font-size: 16px;
    font-family: 'Humanist 521';
    text-align: center;
    background: transparent;
    z-index: 1;
   border: 1px solid #EB2525;
    border-radius: 5px;
}

.fin-lessons  .lesson-list li a:hover:before {
    transform: translateY(-2px);
}
.fin-lessons:not(.realtSubtrening) .lesson-list li .title {
  color: #232323;
  font-family: 'Humanist 521';
  font-size: 18px;
  font-weight: 600;
  line-height: 110%; 
}

@media(max-width: 1080px) {
.fin-lessons:not(.realtSubtrening) .lesson-list li {
    width: calc(50% - 10px) !important;
  }
  
.fin-lessons:not(.realtSubtrening) .lesson-list {
    justify-content: center !important;
  }
  
.fin-lessons:not(.realtSubtrening) .container {
    padding: 55px 15px 0 15px !important;
  }
    
.fin-lessons:not(.realtSubtrening) .xdget-block.xdget-container.xdget-col {
  width: 100%;
  max-width: 870px;
}
}


@media(max-width: 621px)  {
.fin-lessons:not(.realtSubtrening) .lesson-list li {
    width: 100% !important;
  }
}


/* ------------- 
content finish - Список уроков
------------- */

/* ------------- 
content start - Крипта
------------- */

:root {
  --font-family: "Humanst521 BT", sans-serif;
  --second-family: "Humanist 521 BT Web", sans-serif;
  --third-family: "Montserrat", sans-serif;
  --font3: "Gilroy", sans-serif;
  --font4: "Inter", sans-serif;
}

.krpt  .page-header {
    margin-bottom: 50px !important;
}

.krpt .stream-table tr td:hover {
    background: transparent;
}

.krpt.gc-user-user .page-header {
  margin: 0 0 60px 0 !important;
  padding: 0 !important;
}

.krpt .page-header h1 {
  display: none;
}

.krpt .stream-table tr.no-public td {
    opacity: 1;
}


.krpt .empty-breadcrumbs {
   height: 0;
}

.krpt .content-menu {
  	border: none;
}


 .krpt.gc-main-content {
    background: #FFFCF1;
}

.krpt .xdget-row {
  	margin: 0 !important;
}

.krpt  .col-md-3 {
    padding-left: 20px;
    padding-right: 0;
    
}

.krpt .row {
  	margin: 0 !important;
}

.krpt .stream-table  {
  	margin: 0;
}

.krpt .col-md-12 {
  	padding: 0 !important;
}

.krpt .stream-table tbody {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	gap: 20px;
}

.krpt .lessons_passed {
  	display: inline-block;
}

.krpt .name {
  display: inline-block;
  margin-left: 4px;
}

.krpt .stream-table tbody tr td,
.krpt .stream-table tbody tr td a {
  	padding: 0;
  	height: 100%;
  	width: 100%;
  	display: block;
}

.krpt .stream-table tbody tr td a {
  	display: flex;
  	flex-direction: column;
  	justify-content: flex-end;
  	padding: 65px 20px 25px 20px;
    position: relative;
}

.krpt .stream-table a .stream-title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 18px;
    color: #292929;
   	margin-left: 30px;
    position: relative;
}

.krpt .stream-title span {
  color: transparent !important;
}

.krpt .stream-table tbody tr td a:before {
  content: "Доступен";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 90px;
  height: 29px;
  background: transparent;
  border: 1px solid rgba(41, 41, 41, 0.4);
  border-radius: 60px;
  font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
  line-height: 100%;
color: #292929;
  text-align: center;
  padding: 7px 0 2px 0;
}


.krpt .stream-table tbody tr td a.bonus:before {
  content: "Бонус";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 68px;
  height: 30px;
  background: transparent;
  border: 1px solid #1D6D47;
  border-radius: 60px;
  font-family: 'Gilroy';
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #1D6D47;
  text-align: center;
  padding: 8px 0 21px 0;
}
/*
.krpt .avail tr.complete a .stream-title:before{
  content:"";
  position: absolute;
  top: 1px;
  left: -33px;
  width: 22px;
  height: 22px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/13/h/629093fb32810e863e2035dfc857483e.svg)no-repeat;
  background-size: contain;
}*/

.krpt .stream-table a > div {
  margin-left: 28px;
	color: transparent;
  font-size: 1px;
}

.krpt.lessons_passed,
.krpt .stream-table tr a b,
.krpt .stream-table tr a span{
  font-family: 'Gilroy';
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: rgba(35, 35, 35, 0.4);
}

/*Плашка тренинга*/
.krpt .stream-table tbody tr {
  	flex: 0 0 calc(50% - 10px);
  	border-radius: 11px;
  	min-height: 118px;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;  
}

.krpt .stream-table tbody tr td {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;    
}

/*Доступные тренинги*/
.krpt .avail .stream-table tbody tr {
  	background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/228/h/0438a07b42ea5ca9fc41564b1f7daf05.png)no-repeat;
  	border: 1px solid #232323;
  background-size: cover;
}

.krpt .avail tr:hover {
  transform: translateY(-3px);
}

.krpt .avail tr a .stream-title:before {
  content:"";
  position: absolute;
  top: 1px;
  left: -28px;
  width: 22px;
  height: 22px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/247/h/80eca0dd1a70738cf01af36999d893bd.svg)no-repeat;
  background-size: contain;
}

/*Недоступные тренинги*/
.krpt .sail .stream-table tbody tr {
  	background: #CFDCDF;
  	border: none;
}

.krpt .sail .stream-table tbody tr td a {
  justify-content: center;
}

.krpt .sail tr a .stream-title:before {
  content:"";
  position: absolute;
  top: 1px;
  left: -24px;
  width: 19px;
  height: 19px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/190913/sc/29/h/404e006bcea2015838920e1f32f2c175.svg)no-repeat;
  background-size: contain;
}

/*Banner*/
.krpt .box-banner {
   background: #232323;  
  border-radius: 10px;
  margin-bottom: 63px;
  padding: 0 20px 0 20px;
}

.krpt .header__block {
  background: #232323 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/318/h/7a561cac04d563ba215eafce8e511ab7.png)no-repeat;
  background-position: top right;
   border-radius: 10px;
  position: relative;
  min-height: 238px;
  padding:  80px 25px 50px 314px;
}

.krpt .header__block .header__text {
  font-family: var(--second-family);
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
color: #91a37f;
}

.krpt .header__block h2 {
  font-family: var(--second-family);
font-weight: 700;
font-size: 50px;
line-height: 110%;
text-transform: uppercase;
background: linear-gradient(90deg, #c9c9c9 0%, #fff 50%, #c9c9c9 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  max-width: 300px;
}

  .krpt .main-image  {
  position: absolute;
  bottom: 0;
  left: 40px;
}

  .krpt .anons {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/174/h/ac58f7f749c769549a1f39be3e10e792.svg)no-repeat, linear-gradient(146deg, rgba(35, 35, 35, 0.9) 0%, #353535 100%);
  background-position: left center;
  border-radius: 10px;
  padding: 17px 17px 17px 125px;
}

  .krpt .num-title {
 	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	color: #91a37f; 
	margin: 0 0 7px 0;
}

  .krpt .text-title {
  	font-family: var(--second-family);
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
  	margin: 0;
}

/**/
  .krpt .book-box {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/299/h/6b7dc8affc28456d20630c64edffe671.svg)no-repeat,
    linear-gradient(146deg, rgba(35, 35, 35, 0.9) 0%, #353535 100%);
  background-position: left 37px center;
  border-radius: 11px;
  margin-bottom: 51px;
  padding: 50px 37px 50px 146px;
  display: flex;
  justify-content: space-between;
}

  .krpt .book-box h3 {
  font-family: var(--second-family);
font-weight: 700;
font-size: 32px;
color: #fff;
}

  .krpt .book-box button {
border: none;
  background: #f2d88a;
  border-radius: 10px;
width: 180px;
height: 45px;
  font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
color: #292929;
}

/*События*/
  .krpt .event-box  {
  border: 1px solid rgba(35, 35, 35, 0.9);
  border-radius: 10px;
  
}

  .krpt .events {
  padding: 20px;
    height: 300px;
  overflow-Y: scroll;
  overflow-X: hidden;
}

  .krpt .event-box h4  {
  text-align: center;
  background: #373736;
  margin: 0;
  border-radius: 7px 7px 0 0;
  padding: 25px;
  font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
text-align: center;
color: #fff;
}

  .krpt .event-box button {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  background: #fffcf1;
  border-radius: 8px;
  border: none;
  height: 79px;
  margin-bottom: 10px;
}

  .krpt .event-box  {

    border-radius:  10px;
  border: 1px solid rgba(35, 35, 35, 0.9);
}

  .krpt .events {
  padding: 20px;
  height: 295px;
  overflow-Y: scroll;
  overflow-X: hidden;
  margin-bottom: 7px;
}

  .krpt .event-box h4  {
  text-align: center;
  background: #373736;
  margin: 0;
  border-radius: 7px 7px 0 0;
  padding: 25px;
  font-family: var(--font-family);
font-weight: 400;
font-size: 24px;
text-align: center;
color: #fff;
}

  .krpt .event-box button {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  background: #fffcf1;
  border-radius: 8px;
  border: none;
  height: 79px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 76px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/382/h/d8e5fc78141ade8dc5d20e0ebc1d44a9.png)no-repeat;
   background-position: center left 11px;
  font-family: var(--third-family);
font-weight: 400;
font-size: 14px;
color: #000;
  text-align: left;
}

  .krpt .events::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

  .krpt .events::-webkit-scrollbar-track {
  background: #FFFCF1;        /* color of the tracking area */
}

  .krpt .events::-webkit-scrollbar-thumb {
  background-color: #F2D88A;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
}
/**/

  .krpt .col-btn {
  width: 100%;
      padding: 15px;
  border: 1px solid #e76150;
  border-radius: 15px;
  background: transparent;
  font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
text-align: center;
color: #292929;
}

/*Progress*/
:root {
 	--progressRing: #51B16E;
}

/*Progress-1*/
.krpt .xdget-trainingAchievements {
   display:none;
}

.krpt .progress-box {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/4/h/55f302d73d558935c60455f90409b3aa.png)no-repeat;
  background-size: cover;
  background-position: bottom;
  border-radius: 15px;
  padding: 27px 20px 35px 20px;
}


.krpt .progress-box h3 {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 90%;
    text-align: center;
    color: #232323;
    margin-bottom: 20px;
}

.krpt .progress-container {
     background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/52/h/bb5cefefafb3158cfbcce4d6b36a005c.png)no-repeat;
     background-size: cover;
     background-position: right center;
     border-radius: 15px;
     padding: 28px 20px;
}

.krpt svg {
  	width: 226px;
  	height: 216px;
  	display: block!important;
  	margin-left: auto;
  	margin-right: auto;  
}

.krpt .donut-hole {
  	fill: transparent; /* цвет внутри кольца */
}

.krpt svg .donut-ring {
  	stroke:  #fff; /* цвет кольца */
  	stroke-width: 3; /* толщина кольца */
  	fill: transparent;
}

.krpt  svg .donut-segment {
  	stroke: #F2D88A; /* цвет заполнения */
  	stroke-width: 3.5; /* толщина заполнения */
  	fill: transparent;
  	stroke-dasharray: "0 100";
  	stroke-dashoffset: 25;
  	stroke-lineCap: round;  
}


.krpt .chart-text {
  	font-family: var(--second-family);
	font-weight: 700;
	font-size: 40px;
	text-align: center;
  	fill: #232323; 
  	-moz-transform: translateY(0.25em); 
  	-ms-transform: translateY(0.25em); 
  	-webkit-transform: translateY(0.25em); 
  	transform: translateY(0.25em);
}

.krpt .chart-number {
  font-size: 0.2em;
  font-weight: 600;  
  line-height: 1; 
  text-anchor: middle; 
  -moz-transform: translateY(-0.25em); 
  -ms-transform: translateY(-0.25em); 
  -webkit-transform: translateY(-0.25em); 
  transform: translateY(-0.25em);
}

.krpt .chart-label {
   font-size: 0.2em;
   font-weight: 600; 
   text-transform: uppercase; 
   text-anchor: middle;
   -moz-transform: translateY(0.7em); 
   -ms-transform: translateY(0.7em); 
   -webkit-transform: translateY(0.7em);
   transform: translateY(0.7em);
}

.krpt .lessons-dount .chart-label {
	fill: #232323; 
}

.krpt .chart-text .chart-subtitle {
    font-family: 'Gilroy';
	font-weight: 400;
	font-size: 0.10em;
	line-height: 12px;
	text-anchor: middle;
	color: #1D211C;
	opacity: 0.7;
}


@media(max-width: 1200px) {  
  .krpt  .row {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center;
  }
  
  .krpt  .col-md-3 {
    width: 100% !important;
    max-width: 375px !important;
    margin-top: 40px !important;
  }
  
}

@media(max-width: 1060px) {
  .krpt .header__block {
    padding: 30px 20px 0 20px !important;
    min-height: 440px !important; 
    background: #232323 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/141/h/c0ff206560ec6d20f4817e4566252caf.png)no-repeat !important;
    background-size: cover !important;
  }
  
  .krpt .main-image {
    width: 100% !important;
    text-align: center !important;
    left: 0 !important;
}
  
  .krpt .box-banner {
    padding: 0 0 24px 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
}
  
  .krpt  .anons {
        padding: 17px 17px 17px 70px !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        background-size: 20% !important;
}
    
   .krpt   .num-title {
    font-size: 18px !important;
}
}


@media(max-width: 680px) {
   .krpt  .col-gc-9 {
    	max-width: 375px !important;
     	padding: 0 !important;
  }  
    
	.krpt .col-md-3 {
    	padding: 0 !important;
        display: flex !important;
    	flex-direction: column !important;
    	justify-content: center !important; 
    	align-items: center !important;
    }
    
   .krpt  .stream-table tbody tr {
    	flex: 0 0 100% !important;
    	max-width: 375px !important;
  }
    
	 .krpt  .container {
    	padding-right: 17px !important;
    	padding-left: 17px !important;
  }
       
    .rnl .stream-table tbody tr td a {
        padding: 56px 10px 20px 20px !important;
    }
  
  .krpt  .book-box {
    padding: 100px 20px 20px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    background-position: top 20px center !important;
    align-items: center !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
    
  }
    
  .krpt  .book-box h3 {
    font-size: 26px !important;
    line-height: 110% !important;
    text-align: center !important;
}
    
   .krpt   .progress-box {
     width: 100% !important;   
    }
}

@media(max-width: 430px) {
  .krpt  .stream-table a .stream-title {
    	font-size: 18px !important;
    	line-height: 22px !important;
  }
  
  .krpt .header__block h2 {
    font-size: 36px !important;
  }
  
  .krpt  .text-title {
    font-size: 18px !important;
  }
}

/* ------------- 
content finish - Крипта
------------- */

/* ------------- 
content start - Календарь Крипта
------------- */

:root {
   --bgDateNow: #4DB56D; /* Текущая дата (Фон) */
   --bgPopup: #CAE9D4; /*Высплывающее событие (Фон)*/
    --colorPopup: #292929; /*Высплывающее событие (Цвет)*/
}

/*Календарь*/
.krpt .calend .html-content {
	border-radius: 20px;
    border: 13px solid #373645;
}

/*** Шапка календаря ***/
.krpt #events-calendar {
    width: 100%;
    padding: 0; /*Внутренний отступ*/
    background: #373736; /*Общий фон календаря*/
    border-radius: 11px; /*Скругление углов календаря*/
    border: 1px solid #232323;
}

.krpt .month {
    position: relative;
    margin: 0;
    padding: 1rem 2rem;
    text-align: center;
    width: 100%;
    list-style: none;
	border-radius: 8px;
	background: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 7px;
}

/*Название месяца*/
.krpt .month li {
    position: relative;
    padding: 0;
    margin: 0;
	color: #685D59;
	text-align: center;
	font-family: var(--font-family);
	font-size: 22px;
    font-weight: 400;
    text-align: center;
}
/*Год*/
.krpt .month li.year-name {
	color: #fff;
	font-weight: 400;
}

/*Стрелочки для переключения по месяцам*/
.krpt .month li.prev,
.krpt .month li.next {
    cursor: pointer;
    flex: 100%;
}

.krpt .month li.prev:before,
.krpt .month li.next:before {
  	content: '';
  	position: absolute;
  	top: 2px;
  	width: 22px;
  	height: 21px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/338/h/e3d94dae60fec059a931fe48aae31c64.svg)no-repeat;
	background-size: contain;
}

.krpt .month li.next:before {
   transform: none; 
}

.krpt .month li.prev:before {
  left: -0.5rem;
}

.krpt .month li.prev:before {
  transform: rotate(180deg);
  right: -0.5rem;
}

/*** Тело календаря ***/

/* Дни недели */
.krpt .weekdays {
  margin: 0;
  padding: 1.5rem 0 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  background: #FFFCF1; /* Фон */
}

.krpt .weekdays li {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
    text-align: center;
	color: #605B5A;
	font-family: "Century Gothic";
	font-size: 11.19px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; 
	letter-spacing: 0.102px;
}

/* дни */
.krpt .days {
    margin: 0;
    padding: 1.5rem 0.5rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
     justify-content: left;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  	background: #FFFCF1; /* Фон */
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}

.krpt .days li {
  position: relative;
  padding: 0.6rem;
  list-style: none;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 7);
  flex: 0 0 calc(100% / 7);
  text-align: center;
  color: #605B5A;
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: 700;
	line-height: 20px; 
	letter-spacing: 0.102px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
    background: #FFFCF1;
}

/* Текущая дата */
.krpt .days li.date-now {
    color: #232323; /* Цвет */
    font-weight: 700;
	border-radius: 4px;
	background: transparent;
    border: 1px solid #F2D88A;
}

/* Всплывающие окна с названием события */
.krpt .days li.webinar:after,
.krpt .days li.kurs:after,
.krpt .days li.seminar:after,
.krpt .days li.master-class:after,
.krpt .days li.open-master-class:after {
  content: attr(data-title);
  position: absolute;
  width: auto;
  min-width: 160px;
  height: auto;
  font-size: 12px; /* Размер шрифта */
  line-height: 16px; /* Высота строки */
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  background: #F2D88A; /* Цвет фона */
  color: #292929;
  bottom: calc(100% + 7px);
  right: -60px;
  border-radius: 6px; /* Скругления углов */
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  pointer-events: none;
}

.krpt .days li.webinar:hover:after,
.krpt .days li.seminar:hover:after,
.krpt .days li.master-class:hover:after,
.krpt .days li.kurs:hover:after,
.krpt .days li.open-master-class:hover:after {
    opacity: 1;
    cursor: pointer;
}

/* Стили для даты с событием типа webinar */
.krpt li.webinar {
	color: #292929;
    background: #F2D88A;
    cursor: pointer;
    border-radius: 4px;
    border: none;
}

/* Стили для даты с событием типа seminar */
.krpt li.seminar {
	color: #fff;
    background: #E1A8B7;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа master-class */
.krpt li.master-class{
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа kurs */
.krpt li.kurs {
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}


/* Если хочется добавить точки на даты, для обозначения события */
.days li.module:before,
.days li.lesson:before,
.days li.webinar:before,
.days li.kurs:before {
  content: '';
  position: absolute;
  bottom: 4px; /* Отступ от нижней границы даты */
  right: 6px; /* Отступ от правого края даты */
  width: 4px; /* Ширина */
  height: 4px; /* Высота */
  border-radius: 50%;
}

.krpt li.month-name {
    color: #fff;
}



/* ------------- 
content finish - Календарь Крипта
------------- */

/* ------------- 
content start - Список уроков Крипта
------------- */

body.realtSubtrening .gc-main-content {
background: #FFFCF1;

}

.realtSubtrening .breadcrumbs a:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -20px;
  width: 30px;
  height: 30px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/100/h/bd8b207501bb214830646d96a5db99f8.svg)
}

.realtSubtrening  .col-gc-4 {
  padding-left: 40px;
}

.realtSubtrening  .page-header h1 {
    display: none;
}

/*Сброс стандартных стилей*/
.realtSubtrening .xdget-row.row {
    margin: 0 !important;
}

.realtSubtrening .col-gc-8 {
   padding: 0 30px 0 0 !important;
}

.realtSubtrening .lesson-list {
	background: transparent;
    padding: 0;
}

.realtSubtrening .lesson-list li table td {
    padding: 0;   
}

.realtSubtrening .lesson-list li a {
  height: 100%;
  width: 100%;
  z-index: 100;
  position: relative;
}

.realtSubtrening .state-icon-block.hidden-xs {
	display: none;
}

.realtSubtrening .info {
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	z-index: 2;
}

.realtSubtrening .vmiddle {
	padding: 0 !important;
}


/*КОНЕЦ Сброс стандартных стилей*/


.realtSubtrening .breadcrumbs a {
font-family: var(--font-family);
font-weight: 400;
font-size: 14px;
color: #292929;
}


/*Плашка*/
.realtSubtrening ul.lesson-list li  {
    border-radius: 10px;
    margin: 0 0 20px 0;
    display: block;

    position: relative;
    transition: 0.3s;
}

.realtSubtrening ul.lesson-list li:hover {
  transform: translateY(-3px);
}

.realtSubtrening .lesson-list li a {
  min-height: 120px;
  padding: 25px 195px  0 211px;
      background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/233/h/086c5ad67d45bb1bc4336b6c46ce008e.png)no-repeat,
  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/191/h/b67533027f6e7db910fad213ebff9430.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat; 
  background-position: center left, right, center;
    background-size: auto, auto 100%, cover;
}

.realtSubtrening .user-state-label {
  display: none;
}

.realtSubtrening .lesson-list li .title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 20px;
  color: #f8f8f8;
  position: relative;
        margin-top: 20px;
}


.realtSubtrening .lesson-list li a:before {
  content: "Перейти";
  position: absolute;
  top: 50%;
  right: 35px;
  text-align: center;
  color: #F9BB47;
  text-align: center;
  font-family: "Montserrat-Regular";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding-top: 14px;
  transform: translateY(-50%);
  width: 156px;
  height: 48px;
  border-radius: 6px;
 border: 2px solid #F9BB47;
 background: rgba(0, 0, 0, 0.10);
 backdrop-filter: blur(4px);
}

.realtSubtrening .lesson-list li a:after {
    content: "Доступно";
    position: absolute;
    top: 15px;
    left: 211px;
    width: 90px;
    height: 26px;
    border-radius: 6px;
    border: 1px solid #91a37f;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 90%;
    color: #91a37f;
    text-align: center;
    padding: 6px 0 0 18px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/127/h/2081f27fb5b5315121de61a9daa0e780.svg)no-repeat;
}

/*Недоступно*/
.realtSubtrening .stream-table tr.noaccess-mode-show:after {
  content: "Недоступно";
  position: absolute;
  top: 18px;
  left: 211px;
  width: 107px;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #999;
  color: #999;
  font-family: "Montserrat-Regular";
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 6px 0 0 18px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/186735/sc/410/h/43b32cad1d927f1b0e0aabcf6d34df4c.svg)no-repeat;
  background-position: center left 5px;
}

.realtSubtrening .lesson-list li.user-state-not_reached a:after {
  content: 'Недоступно';
  width: 100px;
}

.realtSubtrening .stream-table tr.noaccess-mode-show a:before  {
  color: #999;
  border: 2px solid #999;
  background: transparent;
}

.realtSubtrening  .divider .errorMessage:before {
        background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/213/h/556eaad4ec529393a4af9ca5897d7176.svg) no-repeat;
    background-size: contain;

}

/*Progress*/
:root {
    --completeAfter: #51B16E;
    --progressTrack: #51B16E;
}



/*Галочка в линейный прогресс*/
.realtSubtrening .progress-x-bar .progress-meter .progress-point.completed:before {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/80/h/b08b9e766a1746289b0599ba9d1868d9.svg)no-repeat;
  background-size: contain;
}

.realtSubtrening .progress-x-bar .progress-meter .progress-point.active:before {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/2/h/38950b0b2865311c4d521dd67e64f806.svg)no-repeat;
  background-size: contain;
}


.realtSubtrening .xdget-trainingAchievements {
   display:none; 
}

.realtSubtrening .progress-x-bar .xdget-trainingAchievements{
    display:none;
}

.realtSubtrening .progress-x-bar {
    font-size: 14px;
    text-align: center;
}

.realtSubtrening .progress-box {
  padding: 8px;
  position: relative;
}

.realtSubtrening .progress-x-bar .inliner {
    height: 100%;
}

.realtSubtrening .progress-x-bar .inliner,
.realtSubtrening .progress-x-bar .inliner + .inlined {
    display: inline-block;
    vertical-align: middle;
}

.realtSubtrening .progress-x-bar .inlined {
    width: 100%;
}

.realtSubtrening .progress-x-bar .progress-meter {
    margin: 0px auto 40px;
    padding: 20px 30px 18px 27px;
}

.realtSubtrening .progress-x-bar .progress-meter {
    counter-reset: point;
}

.realtSubtrening .progress-x-bar .progress-meter .track {
    position: relative;
    height: 2px;
    background: #999898;
}

.realtSubtrening .progress-x-bar .progress-meter .progress {
    -moz-transition: width 1s;
    -o-transition: width 1s;
    -webkit-transition: width 1s;
    transition: width 1s;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 2px;
    background: var(--progressTrack);
}

.realtSubtrening .progress-x-bar .progress-meter .progress-points {
    position: relative;
    margin: -14px 0 0;
    padding: 0;
    list-style: none;
}

.realtSubtrening .progress-x-bar .progress-meter .progress-point {
    -moz-transition: color 1s;
    -o-transition: color 1s;
    -webkit-transition: color 1s;
    transition: color 1s;
    position: absolute;
    display: block;
    width: 30px;
  	top: -5px;
    margin-left: -30px;
    text-align: center;
    cursor: default;
    color: #999;
}

.realtSubtrening .progress-x-bar .progress-meter .progress-point:before {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/295/h/86fc1c45ad92790deba948ea516acf42.svg)no-repeat;
  background-size: contain;
    z-index: 10;
}

/*
.progress-x-bar .progress-meter .progress-point:after {
  content: "";
  position: absolute;
  top: -5%;
  left: -20%;
  width: 240%;
  height: 130%;
  border-radius: 10%;
  z-index: 0;
  background: #999998;
}

.progress-x-bar .progress-meter .progress-point.completed:after {
  content: "";
    position: absolute;
    top: -5%;
    left: -20%;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    z-index: 0;
    background: #91A37F;
}
*/

.realtSubtrening .progress-x-bar .progress-meter .progress-point.completed, .progress-meter .progress-point.active {
    color: #777;
}

.realtSubtrening .progress-point .progress-label {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #FFF;
  font-size: 18px;
  line-height: 100%;
    font-weight: 400;
  padding: 6px 2px 2px 3px;
  background: #242424;
  border: 2px solid transparent;
    position: relative;
    z-index: 1;
}

.realtSubtrening .progress-point.completed .progress-label {
  background: #91A37F;
}

.realtSubtrening .progress-point.active .progress-label {
    background: #F2D88A;
    color: #242424;
}

 /*Показать номера этапов
.progress-x-bar .progress-x-bar .progress-meter .progress-point .progress-label:before {
    counter-increment: point;
    content: counter(point) «. »;
}*/


 .realtSubtrening  .lesson-list li a:hover:before {
    transform: translateY(-50%) !important;
}

.realtSubtrening .lesson-list li:nth-child(2) a {
  min-height: 120px;
  padding: 25px 195px  0 211px;
      background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/233/h/086c5ad67d45bb1bc4336b6c46ce008e.png)no-repeat,
  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/338/h/7d88463fedf8fe9d232adb0e200dd2e1.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat; 
  background-position: center left, right, center;
    background-size: auto, auto 100%, cover;
}

.realtSubtrening .lesson-list li:nth-child(3) a {
  min-height: 120px;
  padding: 25px 195px  0 211px;
      background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/233/h/086c5ad67d45bb1bc4336b6c46ce008e.png)no-repeat,
  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/311/h/00675bdcce1fb2711aa53f80ca43ce2c.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat; 
  background-position: center left, right, center;
    background-size: auto, auto 100%, cover;
}

.realtSubtrening .lesson-list li:nth-child(4) a {
  min-height: 120px;
  padding: 25px 195px  0 211px;
      background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/233/h/086c5ad67d45bb1bc4336b6c46ce008e.png)no-repeat,
  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/216/h/087c5b9416ec5d7d7056927fec8fd55a.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat; 
  background-position: center left, right, center;
    background-size: auto, auto 100%, cover;
}

.realtSubtrening .lesson-list li:nth-child(5) a {
  min-height: 120px;
  padding: 25px 195px  0 211px;
      background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/233/h/086c5ad67d45bb1bc4336b6c46ce008e.png)no-repeat,
  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/313/h/0591b0dc4f78cbbeb08a1a7a3124cfc1.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat; 
  background-position: center left, right, center;
    background-size: auto, auto 100%, cover;
}

.realtSubtrening .lesson-list li:nth-child(6) a {
  min-height: 120px;
  padding: 25px 195px  0 211px;
      background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/233/h/086c5ad67d45bb1bc4336b6c46ce008e.png)no-repeat,
  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/323/h/b2640fa269ca2c5f38c1e96ca30beb5a.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat; 
  background-position: center left, right, center;
    background-size: auto, auto 100%, cover;
}

.realtSubtrening ul.lesson-list li .description {
  position: absolute;
  top: 30px;
  color: #fff;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/398/h/b772c8fcff3f69df853710fcbaaee614.svg)no-repeat;
background-size: contain;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -10px;
 left: 110px;
  padding: 14px 0 0 0;
  text-align: center;
  font-size: 10px;
  color: #c9c8c8;
}

@media(max-width: 415px) {
 .realtSubtrening   .progress-x-bar .progress-meter .progress-point.completed:after,
 .realtSubtrening   .progress-x-bar .progress-meter .progress-point:after {
     	top: 0 !important;
     	left: -20% !important;
     	width: 165% !important;
     	height: 100% !important;   
    }
    
 .realtSubtrening   .progress-x-bar .progress-meter .progress-point:before {
    	bottom: -5px !important;
    	right: -10px !important;
    	width: 20px !important;
    	height: 20px !important;
    }
.realtSubtrening    .progress-point .progress-label {
     	font-size: 12px !important;   
    }
    
  .realtSubtrening  .progress-x-bar .progress-meter {
    	margin: 0px auto 10px !important;
        padding: 20px 15px 18px 27px;
    }
}
@media(max-width: 1320px) { 
.realtSubtrening .lesson-list li a{
    flex-direction: column !important;
    justify-content: center !important;
    align-items: start !important;
    gap: 5px !important;
    padding: 55px 20px 75px 0px !important;
}

}



@media(max-width: 1080px) {
  .realtSubtrening .container {
    margin: 0 !important;
  }
  
  .realtSubtrening .col-gc-4 {
    padding-left: 15px !important;
}
  
.realtSubtrening .lesson-list li a {
    max-width: 360px !important;
    padding-left: 20px !important;
  }
    
.realtSubtrening .lesson-list li a:before {
    left: 20px !important;
    top: 70% !important;
    transform: none !important;
  }
  
.realtSubtrening .lesson-list li a:after {
    left: 20px !important;
    top: 25px !important;
  }
  
 .realtSubtrening .lesson-list li .title {
    font-size: 20px !important;
  }
  
 .realtSubtrening .col-gc-8,
 .realtSubtrening .col-gc-4 {
    width: 40% !important;
  }
  
  .realtSubtrening .lesson-list li a {
    min-height: 120px;
    padding: 25px 0 0 211px;
      background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/191/h/b67533027f6e7db910fad213ebff9430.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat !important; 
    background-position: left, center !important;
    background-size: cover !important;
}
  
  .realtSubtrening .col-gc-8 {
    padding: 0 !important;
}
  
}

@media(max-width: 1080px) {
    .realtSubtrening .lesson-list li:nth-child(2) a {
    min-height: 120px;
    padding: 25px 0 0 211px;
      background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/338/h/7d88463fedf8fe9d232adb0e200dd2e1.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat !important; 
    background-position: right, center !important;
    background-size: cover !important;
}
  
      .realtSubtrening .lesson-list li:nth-child(3) a {
    min-height: 120px;
    padding: 25px 0 0 211px;
      background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/311/h/00675bdcce1fb2711aa53f80ca43ce2c.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat !important; 
    background-position: right, center !important;
    background-size: cover !important;
}
  
  .realtSubtrening .lesson-list li:nth-child(4) a {
    min-height: 120px;
    padding: 25px 0 0 211px;
      background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/216/h/087c5b9416ec5d7d7056927fec8fd55a.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat !important; 
    background-position: center, center !important;
    background-size: cover !important;
}
  
   .realtSubtrening .lesson-list li:nth-child(5) a {
    min-height: 120px;
    padding: 25px 0 0 211px;
      background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/313/h/0591b0dc4f78cbbeb08a1a7a3124cfc1.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat !important; 
    background-position: left, center !important;
    background-size: cover !important;
}
  
  .realtSubtrening .lesson-list li:nth-child(6) a {
    min-height: 120px;
    padding: 25px 0 0 211px;
      background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/323/h/b2640fa269ca2c5f38c1e96ca30beb5a.png)no-repeat, url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/291/h/acf5d587b1d3c587749c1b21cf40c9ad.png)no-repeat !important; 
    background-position:  center !important;
    background-size: cover !important;
}
}

@media(max-width: 991px) {
   .realtSubtrening .col-gc-8,
 .realtSubtrening .col-gc-4 {
    width: 100% !important;
   max-width: 360px !important;
  }
    
 .realtSubtrening .col-gc-4 {
     padding: 0 !important;
    }
}

@media(max-width:  780px) {
 .realtSubtrening  .divider .errorMessage:before {
      top: 5% !important;
      left: 0 !important;
     transform: none !important;
    }
}

@media(max-width: 480px) {
 .realtSubtrening .lesson-list li .info .vmiddle {
    margin: 0 !important;
  }
  
      .realtSubtrening .lesson-list li a {

        padding: 45px 20px 95px 20px !important;
    }
 .realtSubtrening .lesson-list li table td, 
  .realtSubtrening .lesson-list li a,
  .realtSubtrening  .info {
    min-height: 120px !important;
  }
    
    .realtSubtrening ul.lesson-list li .description {
      top: -25px !important;  
    }
}

/* ------------- 
content finish - Список уроков Крипта
------------- */

/* ------------- 
content start - Урок Крипта
------------- */

.kripta-less {
  background: #FFFCF1;
}

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

.kripta-less .standard-page-content .breadcrumb li a:before {
  position: absolute;
  content: "";
  top: -5px;
  left:  0;
  width: 30px;
  height: 30px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/148/h/1622a8b36b78b30f645e5a9b36a6fd37.svg)
}

.kripta-less .lesson-header-block.row-section {
    border-radius: 10px;
    background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/479/h/64d61792fdbb03f1efccdcfd2dc23ee6.png)no-repeat !important;
    background-size: cover !important;
    background-position: center;

}

.kripta-less .lesson-header-block.row-section .lesson-title-value {
  font-size: 30px;
}

.fin_lesson .lesson-navigation td a {
  color: #F2D88A;
}

.kripta-less .lt-lesson-mission-block h3:before {
 background: #232323; 
  border: 4px solid #F2D88A;
  width: 15px;
  height: 15px;
  left: 0;
}

.kripta-less .lesson-mission-wrapper .answer-form {
  background: #353535;
}

.kripta-less .btn.btn-primary.btn-lg {
  background: #F2D88A;
  color: #232323;
}

.kripta-less .user-answer.status-accepted .answer-status .answer-status-label {
  background: #91A37F;
}

.kripta-less .lt-lesson.lt-lesson-comment-block h3:before {
   background: #232323; 
  border: 4px solid #F2D88A;
  width: 15px;
  height: 15px;
  left: 0;
}

/**/
.kripta-less .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr {
 border: none;
  background: #FFFCF1;
}

.kripta-less .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(1) div:before {
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/330/h/d23eb15effb138366fbd3c6ce40614cd.png)no-repeat;
  background-size: contain;
}

.kripta-less .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(3) div a {
  color: #232323;
}

.kripta-less .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(3) div a:after {
  background: #91A37F url(https://fs.getcourse.ru/fileservice/file/download/a/565875/sc/15/h/9878e1592176a5ba4bb7b328559263e1.svg)no-repeat;
   background-position: left 17px center;
    font-family: 'Humanist 521' !important;
}

@media(max-width: 480px) {
.kripta-less  .row.lesson-navigation tr  {
     display: flex !important;
    }
}
/* ------------- 
content finish - Урок Крипта
------------- */

/* ------------- 
content start - Крипта Новый
------------- */

.krpt_new .main-page-block {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/277/h/05c9e221427b261c8b2ca6dcc2cd7c7e.png)no-repeat;
     background-size: cover;
    background-position: top;
}

.krpt_new .container {
    background: #f6f6f6;
    border-radius: 40px;
    margin: 0 15px 0 15px !important;
    max-width: 1360px  !important;
    padding:  45px 51px 200px 39px;
}

.krpt_new .logo.gc-account-logo,
.krpt_new .breadcrumbs > a,
.krpt_new .page-header h1 {
    display: none;
}

.krpt_new .page-header {
    margin: 0 !important;
}


/*Pokupki*/
.krpt-right .pokupki_date {
    background: #f1f1f1;
    border-radius: 17px;
    padding: 18px;
}

.krpt-right .pokupki_date table {
  margin-bottom: 0;  
}

.krpt-right .pokupki_date tr {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Montserrat";
  font-size: 18px;
  line-height: 100%;
  font-weight: 400;
}

.krpt-right  .pokupki_date .table>tbody>tr>td:first-child,
.krpt-right  .pokupki_date .table>tbody>tr>td:nth-child(2) ,
.krpt-right  .pokupki_date .table>tbody>tr>td:nth-child(3)  {
  display: none;
}

.krpt-right .pokupki_date .table>tbody>tr>td:last-child {
    display: block;
}

.krpt-right .pokupki_date .table>tbody>tr>td {
    padding: 0 !important;
}

.krpt-right .pokupki_date .table>tbody>tr>td:before {
    width: 0;
    height: 0;
}
/**/

.events-block {
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
   background: #fff;
    border-radius: 30px;
        padding: 29px 25px 38px 28px;
}

.event-items {
    margin-top: 18px;
    border-top: 2px solid #f1f1f1;
    padding-top: 25px;
}

.event-btn {
     display: flex;
    flex-direction: column;
    gap: 10px;
      height: 150px;
     overflow-y: scroll;
      padding-right: 17px;
}

.event-items .xdget-button {
    font-family: "Montserrat" !important;
    font-weight: 400;
    font-size: 15px;
   color: #232323;
    border: 1px solid #91a37f;
    border-radius: 17px;
    background: #fff;
    padding: 22px 77px 22px 29px;
    text-align: left;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/55/h/ed47abaeaac158bbe57561cc6babe6ee.svg)no-repeat;
    background-position: right 19px center;
}

.event-items h3 {
   font-family: "Montserrat" !important;
   font-weight: 600;
   font-size: 19px;
   color: #232323;
    margin-bottom: 17px;
}

.krpt-right .event-btn::-webkit-scrollbar {
  width:3px;  /* width of the entire scrollbar */
}

.krpt-right .event-btn::-webkit-scrollbar-track {
  background: #f1f1f1;        /* color of the tracking area */
}

.krpt-right .event-btn::-webkit-scrollbar-thumb {
  background-color: #d5d5d5;    /* color of the scroll thumb */
  border-radius: 20px;  
}

/**/
.mess-box {
    border-radius: 30px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 29px 34px 34px 29px;
     display: flex;
    flex-direction: column;
    gap: 10px;
}

.mess-box h3 {
    font-family: "DIN Pro", sans-serif !important;;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    color: #232323;
    margin-bottom: 11px;
}

.mess-box  .xdget-div {
    background: #f1f1f1;
    border-radius: 17px;
    padding: 12px 18px;
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.mess-box .xdget-div .xdget-html {
    flex: 0 0 47%;
}

.mess-box  .xdget-div .html-content {
    font-family: "Montserrat" !important;
   font-weight: 600;
   font-size: 12px;
   color: rgba(35, 35, 35, 0.5);
}

.mess-box .xdget-button	 {
    border-radius: 26px;
    font-family: "Montserrat" !important;;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
    color: #fff;
    padding: 17px 27px;
    background: #232323 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/59/h/8bb5f5a870d47f30b8d67017965534a3.svg)no-repeat;
    background-position: right 27px center;
}

/**/
.upBlock {
    padding: 69px 60px 69px 105px;
    max-width: 1340px;
    margin: 0 15px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/113/h/d8e877929432d10eb67b5b617acb9824.png)no-repeat;
    background-size: contain;
    background-position: right 60px bottom;
}

.upBlock h2.banner-title {
    font-family: "Montserrat" !important;
    font-weight: 500;
    font-size: 66px;
    line-height: 100%;
    text-transform: uppercase;
    background: linear-gradient(114deg, #ffefbb 0%, #c9973b 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    margin-bottom: 15px;
    padding-left: 52px;
}

.upBlock h2.banner-title:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 50px;
    height: 66px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/195/h/f4c856fa13f2ba63a495254d67d47b2b.svg)no-repeat;
    background-size: contain;
}

.upBlock .banner-subtitle.html-content {
    font-family: "Montserrat" !important;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    max-width: 520px;
}

/**/
.krpt_new .stream-table tr.no-lessons.no-children td {
    opacity: 1;
}

.krpt_new .col-md-8,
.krpt_new .xdget-trainingList > .row > .col-md-12 {
    padding: 0;
}

.krpt_new .col-md-8 {
    width: 64%;
}

.krpt_new  .col-2 {
    padding-right: 0;
    padding-left: 45px;
    width: 35%;
}

.krpt_new .stream-table tr.no-public td {
    opacity: 1;
}

.krpt_new .row {
  	margin: 0 !important;
}

.krpt_new .stream-table  {
  	margin: 0;
}

.krpt_new .stream-table tbody {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	gap: 15px 16px;
}

.krpt_new .stream-table tbody tr td,
.krpt_new .stream-table tbody tr td a {
  	padding: 0;
  	height: 100%;
  	width: 100%;
  	display: block;
}

.krpt_new .stream-table tbody tr td a {
  	display: flex;
  	flex-direction: column;
  	justify-content: flex-start;
  	padding: 87px 20px 25px 30px;
    position: relative;
}

/*Плашка тренинга*/
.krpt_new .stream-table tr td:hover {
    background: transparent;
}

.krpt_new .stream-table tbody tr {
  	flex: 0 0 calc(50% - 10px);
  	border-radius: 11px;
  	min-height: 118px;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;  
}

.krpt_new .stream-table tbody tr td {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;    
}

.krpt_new .stream-table tbody tr {
    flex: 0 0 calc(50% - 10px);
    border-radius: 30px;
    min-height: 178px;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.krpt_new .stream-table tbody tr:first-child {
    flex: 100%;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/183/h/91d50e9669b4ae6eb41921bae23b1d21.png) no-repeat;
    background-size: cover;
    background-position: right;
    min-height: 151px;
}

.krpt_new .stream-table tbody tr:first-child td a {
        padding: 70px 20px 25px 30px;
}

.krpt_new .stream-table .stream-title {
    font-family: "DINPro-Bold";
	font-weight: 700;
	font-size: 21px;
	text-transform: uppercase;
	color: #fff;
}

.krpt_new .stream-table tr a {
  color: transparent; 
    font-size: 1px;
}

.krpt_new .stream-table tbody tr td a > div {
    margin-top: 10px;
}

.krpt_new .stream-table tr a b {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
        display: block;
}

.krpt_new .stream-table tbody tr td a:before {
    content: " ";
    position: absolute;
    top: 28px;
    left: 30px;
    width: 73px;
    height: 29px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 17px;
     font-family: "Montserrat";
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    padding: 5px 0 2px 0;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.15);
}

.krpt_new .stream-table tbody tr td.bonus a:before {
    content: "Бонус";
}

.krpt_new .stream-table tbody tr td.dop a:before {
    content: "Дополнительно";
    width: 135px;
	height: 29px;
}

.krpt_new .stream-table tbody tr td.trening  a:before {
    content: "Тренинг";
    width: 90px;
	height: 29px;
}
/*Тех модуль*/
.krpt_new .stream-table tbody tr[data-training-id="934504909"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/228/h/bc98bcacf373d93d31011448cc34a4e1.png)no-repeat;
    background-size: cover;
}
/*Орг модуль*/
.krpt_new .stream-table tbody tr[data-training-id="934504908"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/477/h/33f787b66ddbc2a1af9bbeba2f1f61ee.png)no-repeat;
    background-size: cover;
}
/*Модуль по компьютерной грамотности*/
.krpt_new .stream-table tbody tr[data-training-id="934519446"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/242/h/0070dfc8a498fb9a24d7de50bb466a73.png)no-repeat;
    background-size: cover;
}
/*Моя первая крипта*/
.krpt_new .stream-table tbody tr[data-training-id="934504910"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/49/h/2ecef48446bcf2eb6eaab2bfad21c0fd.png)no-repeat;
    background-size: cover;
}
/*Воркшоп по базе*/
.krpt_new .stream-table tbody tr[data-training-id="934504911"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/477/h/33f787b66ddbc2a1af9bbeba2f1f61ee.png)no-repeat;
    background-size: cover;
}
/*Устройство рынка*/
.krpt_new .stream-table tbody tr[data-training-id="934504912"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/167/h/70b5e58f90d1dfda65717316d98f86a6.png)no-repeat;
    background-size: cover;
}



/*Портфельные инвестиции*/
.krpt_new .stream-table tbody tr[data-training-id="934504913"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/106/h/87b184b9572332a4859cc596daca048a.png)no-repeat;
    background-size: cover;
}
/*Технический анализ*/
.krpt_new .stream-table tbody tr[data-training-id="934504926"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/139/h/99ee59de44fa9591c7f148562f6179f4.png)no-repeat;
    background-size: cover;
}
/*Психология инвестора*/
.krpt_new .stream-table tbody tr[data-training-id="934504927"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/39/h/bd214864039e224439c45109f32ad5bb.png)no-repeat;
    background-size: cover;
}
/*Стратегии DEFI*/
.krpt_new .stream-table tbody tr[data-training-id="934504928"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/168/h/013fc7d82da479de79a5d3892987a1c7.png)no-repeat;
    background-size: cover;
}
/*Дропхантинг*/
.krpt_new .stream-table tbody tr[data-training-id="934504929"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/164/h/e8b67188c408c42d25653be389ee73be.png)no-repeat;
    background-size: cover;
}
/*Итоговый модуль*/
.krpt_new .stream-table tbody tr[data-training-id="934504931"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/226/h/d6c3e553002a1dcb346c8d3a27eb292f.png)no-repeat;
    background-size: cover;
}
/*Для выпускника*/
.krpt_new .stream-table tbody tr[data-training-id="934504932"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/316/h/3e928c7d4da8a656c974af46eb94d7fc.png)no-repeat;
    background-size: cover;
}
/*FAQ*/
.krpt_new .stream-table tbody tr[data-training-id="934504933"] {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/208/h/c3b4434f1992965419d8df69bbea34cc.png)no-repeat;
    background-size: cover;
}

.krpt_new .stream-table tbody tr.module {
    counter-increment: my-awesome-counter;
}

.krpt_new .stream-table tbody tr.module a:before {
    content: "Модуль " counter(my-awesome-counter);
    position: absolute;
    top: 26px;
    left: 30px;
    width: 90px;
    height: 29px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 17px;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    padding: 5px 0 2px 0;
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.15);
}

/*Недоступные*/
.krpt_new .stream-table tbody tr.noaccess-mode-show  {
    position: relative;
    padding: 30px;
}

.krpt_new .stream-table tbody tr:first-child.noaccess-mode-show {
    position: relative;
    padding: 21px 30px;
}

.krpt_new .stream-table tbody tr.noaccess-mode-show td a {
    padding: 57px 0 0 0;
}

.krpt_new .stream-table tbody tr.noaccess-mode-show td {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 25px;
  backdrop-filter: blur(20px);
   background: rgba(255, 255, 255, 0.15);
}

.krpt_new .stream-table tbody tr.noaccess-mode-show td a:before {
    content: 'Модуль закрыт';
    background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/278/h/49b1dc577ded8d06b896b599fdfb8827.svg)no-repeat;
    background-position: top 5px center;
    border: none;
    backdrop-filter: none;
    font-family: "DINPro-Bold";
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    width: 260px;
    height: 80px;
    text-align: center;
    top: 18px;
    left: 50%;
    transform: translate(-50%);
    padding: 35px 0 0 0;
}

.krpt_new .stream-table tr.noaccess-mode-show  .stream-title {
    display: none;
}



/*Временно*/
 .krpt-right .pokupki-block {
    display: none;
}

@media(max-width: 1280px) {
  .krpt_new .col-2 {
    padding-left: 25px !important;
}
    
    .krpt_new .container {
    padding: 48px 25px 200px 25px !important;
}
    
    .upBlock {
    padding: 69px 20px 69px 15px  !important;
    background-position: right  bottom  !important;
}
}

@media(max-width: 1125px) {
    .upBlock h2.banner-title {
    font-size: 30px  !important;
    padding-left: 23px  !important;
}
    
    .upBlock h2.banner-title:before {
    width: 30px  !important;
    height: 30px  !important;
    }
    
    .upBlock .banner-subtitle.html-content {
         font-size: 15px  !important;
        max-width: 400px  !important;
    }
    
    .krpt_new .col-md-8 {
        width: 100%  !important;
        margin-bottom: 25px !important;
    }
    
    .krpt_new .col-2 {
        width: 100%  !important;
        padding-left: 0  !important;
        max-width: 380px !important;
        margin: 15px auto 0 auto !important;
        float: none !important;
    }
}

@media(max-width: 870px) {
        .upBlock {
        padding: 30px 20px 30px 20px !important;
        background: none !important;
    }
    
    .krpt_new .stream-table tbody tr {
    	flex: 100% !important;
    }
}

@media(max-width: 480px) {
        .upBlock {
        padding: 10px 0 30px 10px !important;
}
    
        .krpt_new .container {
        padding: 35px 15px 100px 15px !important;
    }
    
    .krpt_new .stream-table .stream-title {
 font-size: 18px !important;
    }
    
    .krpt-right .progress-container h2,
     .krpt-right .month li,
    .krpt-right .month li.year-name,
    .mess-box h3 {
         font-size: 24px !important;
    }
}
/* ------------- 
content finish - Крипта Новый
------------- */

/* ------------- 
content start - Крипта Новый Календарь
------------- */

:root {
   --bgDateNow: #4DB56D; /* Текущая дата (Фон) */
   --bgPopup: #CAE9D4; /*Высплывающее событие (Фон)*/
    --colorPopup: #292929; /*Высплывающее событие (Цвет)*/
}

/*Календарь*/
.krpt-right .calend .html-content {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
}

/*** Шапка календаря ***/
.krpt-right #events-calendar {
    width: 100%;
    padding: 0; /*Внутренний отступ*/
    background: #fff; /*Общий фон календаря*/
     border-radius: 30px; /*Скругление углов календаря*/
}

.krpt-right .month {
    position: relative;
    margin: 0;
    padding: 0 0 21px 0;
    text-align: center;
    width: 100%;
    list-style: none;
	border-radius: 8px;
	background: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 7px;
}

/*Название месяца*/
.krpt-right .month li,
.krpt-right .month li.year-name {
    position: relative;
    padding: 0;
    margin: 0;
	text-align: center;
	font-family: "DINPro-Bold";
	font-weight: 700;
	font-size: 32px;
    line-height: 100%;
	text-transform: uppercase;
	text-align: center;
	color: #232323;
    text-align: center;
}

/*Стрелочки для переключения по месяцам*/
.krpt-right .month li.prev,
.krpt_new .month li.next {
    cursor: pointer;
    flex: 100%;
}

.krpt-right .month li.prev:before,
.krpt-right .month li.next:before {
  	content: '';
  	position: absolute;
  	top: 2px;
  	width: 30px;
  	height: 29px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/181/h/917cf50c9bea69604ff789d5713e5e99.svg)no-repeat;
	background-size: contain;
}

.krpt-right .month li.next:before {
   transform: rotate(180deg); 
     right: 1rem;
}

.krpt-right .month li.prev:before {
       left: 1rem;
       transform: none;
}

/*** Тело календаря ***/

/* Дни недели */
.krpt-right .weekdays {
  margin: 0;
  padding: 1.5rem 0 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  background: transparent; /* Фон */
}

.krpt-right .weekdays li {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
    text-align: center;
	font-family: "Montserrat";
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #232323;
}

/* дни */
.krpt-right .days {
    margin: 0;
    padding: 0.5rem 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
     justify-content: left;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  	background: transparent; /* Фон */
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}

.krpt-right .days li {
  position: relative;
  padding: 0.6rem;
  list-style: none;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% / 7);
  flex: 0 0 calc(100% / 7);
  text-align: center;
font-family: "Montserrat";
font-weight: 400;
font-size: 15px;
text-align: center;
color: #232323;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
    background: transparent; 
}

/* Текущая дата */
.krpt-right .days li.date-now {
	color: #232323;
    font-weight: 400;
    background: rgba(145, 163, 127, 0.1);
    cursor: pointer;
	border: 1px solid #91a37f;
	border-radius: 8px;
}

/* Всплывающие окна с названием события */
.krpt-right .days li.webinar:after,
.krpt-right .days li.kurs:after,
.krpt-right .days li.seminar:after,
.krpt-right .days li.master-class:after,
.krpt-right .days li.open-master-class:after {
  content: attr(data-title);
  position: absolute;
  width: auto;
  min-width: 160px;
  height: auto;
  font-size: 12px; /* Размер шрифта */
  line-height: 16px; /* Высота строки */
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  background: #F2D88A; /* Цвет фона */
  color: #292929;
  bottom: calc(100% + 7px);
  right: -60px;
  border-radius: 6px; /* Скругления углов */
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  pointer-events: none;
}

.krpt-right .days li.webinar:hover:after,
.krpt-right .days li.seminar:hover:after,
.krpt-right .days li.master-class:hover:after,
.krpt-right .days li.kurs:hover:after,
.krpt-right .days li.open-master-class:hover:after {
    opacity: 1;
    cursor: pointer;
}

/* Стили для даты с событием типа webinar */
.krpt-right li.webinar {
	color: #232323;
    background:transparent;
    cursor: pointer;
	border: none;
    
}

/* Стили для даты с событием типа seminar */
.krpt-right li.seminar {
	color: #fff;
    background: #E1A8B7;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа master-class */
.krpt-right  li.master-class{
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}

/* Стили для даты с событием типа kurs */
.krpt-right li.kurs {
    color: #fff;
    background: #BABEDD;
    cursor: pointer;
    border-radius: 100%;
    border: 1px solid #fff;
}


/* Если хочется добавить точки на даты, для обозначения события */
.days li.module:before,
.days li.lesson:before,
.days li.webinar:before,
.days li.kurs:before {
  content: '';
  position: absolute;
  bottom: 2px; /* Отступ от нижней границы даты */
     left: 50%;
    transform: translateX(-50%);
  width: 4px; /* Ширина */
  height: 4px; /* Высота */
  border-radius: 50%;
    background:  #91a37f;
}


.year-name {
    display: none;
}

/* ------------- 
content finish - Крипта Новый Календарь
------------- */

/* ------------- 
content start - Крипта Новый Список уроков
------------- */

.nav-box {
    position: absolute;
    top: 30px;
    left: 52px;
}

.nav-box a:first-child {
    display: none;
}

.nav-box a {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    color: #fff;
    backdrop-filter: blur(16px);
    background: rgba(255, 255, 255, 0.15);
    border: 0.80px solid rgba(255, 255, 255, 0.5);
border-radius: 20px;
width: auto;
    display: block;
    text-align: center;
    padding: 11px 22px 0 32px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/254/h/36e2cf591999ae1af6afc9d101528e7c.svg)no-repeat;
height: 34px;
    background-position: left 17px center;
}

.krpt_list  .page-header {
    margin: 0 !important;
        padding: 0;
}

.fin-lessons.krpt_list .container {
    max-width: 1360px !important;
}

.krpt_list .col-md-8 {
    width: 64%;
}

.fin-lessons.krpt_list {
    padding: 0;
}

.krpt_list .main-page-block {
    background: #232323;
}

.krpt_list .container {
    background: #f6f6f6;
    border-radius: 40px;
    margin: 0 15px 0 15px !important;
   padding: 40px 51px 210px 37px;
    top: -50px;
    z-index: 222;
}

.krpt_list  .logo.gc-account-logo {
    display: none;
}

.krpt_list  .page-header h1  {
    color: transparent;
    font-size: 1px;
}

.upList {
        padding: 71px 20px 112px 20px;
    max-width: 1340px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/354/h/a09204a2dc2cd6ddaa06f8d51c54ab0b.png)no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
}

.upList-subtitle {
    border: 1.50px solid rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	padding: 11px 27px;
	width: auto;
    display: inline-block;
	height: 47px;
    font-family: "Montserrat";
    font-weight: 600;
	font-size: 20px;
    line-height: 100%;
	color: #fff;
    text-align: center;
	backdrop-filter: blur(32.413795471191406px);
	background: rgba(255, 255, 255, 0.15);
    margin: 0 auto;
}

.upList-title .html-content {
    text-align: center;
}

.krpt_list p.name {
   font-family: "Montserrat";
font-weight: 500;
font-size: 66px;
text-transform: uppercase;
text-align: center;
background: linear-gradient(114deg, #ffefbb 0%, #c9973b 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.krpt_list .col-2 {
    padding-right: 0;
    padding-left: 45px;
        width: 35%;
}

/**/
.fin-lessons.krpt_list .info > div.pull-right{
    display: none;
}
/**/

.fin-lessons.krpt_list .lesson-list li  {
    min-height: 178px;
    max-width: 806px;
    width: 100%;
    background: #232323;
    border-radius: 30px;
    border: none;
}

.fin-lessons.krpt_list .lesson-list li table {
    min-height: 8px;
}

.fin-lessons.krpt_list .lesson-list .item-main-td.item-with-image {
    height: auto;
}

.fin-lessons.krpt_list  .lesson-list li a {
    	padding: 34px 30px 34px 30px;
        height: 100%;
}

.fin-lessons.krpt_list .info {
    display: flex;
    align-items: flex-end;
}

.fin-lessons.krpt_list  .lesson-list li .title {
    font-family: "DINPro-Bold" !important;
    font-weight: 700;
    font-size: 22px;
    line-height: 125%;
    text-transform: uppercase;
    color: #fff;
    max-width: 430px;
}

.fin-lessons.krpt_list .lesson-list li a:before {
    width: 0;
    height: 0;
    padding: 0;
    content: '';
}

.fin-lessons.krpt_list .lesson-list li.user-state-need_accomplish a:after {
        width: 0;
    height: 0;
    padding: 0;
    content: " ";
    color: transparent;
    border: none;
}

.fin-lessons.krpt_list .lesson-list li.user-state-accomplished a:after {
        width: 0;
    height: 0;
    padding: 0;
    content: " ";
    color: transparent;
    border: none;
}

.fin-lessons.krpt_list .lesson-list li {
counter-increment: my-awesome-counter;
}

.fin-lessons.krpt_list .lesson-list li .title {
  position: relative;  
}

.fin-lessons.krpt_list .lesson-list li .title:before {
 content:  counter(my-awesome-counter) " урок" ;
    position: absolute;
    top: -27px;
    left: 0;
    width: auto;
    height: 14px;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.fin-lessons.krpt_list .lesson-list li:after {
    content: 'Смотреть урок';
    position: absolute;
    width: 241px;
    height: 58px;
    bottom: 34px;
    right: 30px;
    border-radius: 33px;
    font-family: "Montserrat";
    text-align: center;
    padding: 16px 70px 2px 25px;
font-weight: 600;
font-size: 17px;
color: #232323;
background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/11/h/373159929168a97b50a9ecb0a721099c.svg)no-repeat,
linear-gradient(114deg, #ffefbb 0%, #c9973b 100%);
background-position: right 20px center, center;
}

 .krpt_list .lesson-list .description {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 17px;
    padding: 8px 17px 5px 35px;
    position: absolute;
    right: 0;
    top: 0;
    height: 29px;
    font-family: "Montserrat" !important;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    line-height: 100%;
    color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.15) url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/468/h/5ffeba3dddb252db2be4ef9a3da22175.svg)no-repeat;
    width: auto;
    background-position: left 17px center;
    text-align: center;
}

/**/
.krpt_list .lesson-list li.user-state-need_accomplish .info:before {
    content: 'Не выполнено';
    position: absolute;
    top: 0;
    right: 130px;
    width: 145px;
    height: 29px;
    border: 1px solid #e76150;
    border-radius: 17px;
    backdrop-filter: blur(20px);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #e76150;
    text-align: center;
    padding: 9px 17px 0 35px;
    background:rgba(231, 97, 80, 0.15)  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/114/h/42b37595c17ad9b3714987316ef4fd2f.svg)no-repeat;
    background-size: 10%;
    background-position: left 17px center;
}

/**/
.krpt_list .lesson-list li.user-state-accomplished  .info:before {
    content: 'Выполнено';
    position: absolute;
    top: 0;
    right: 130px;
    width: 126px;
    height: 29px;
    border: 1px solid  #91a37f;
    border-radius: 17px;
    backdrop-filter: blur(20px);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color:  #91a37f;
    text-align: center;
    padding: 8px 17px 0 35px;
    background:rgba(145, 163, 127, 0.15) url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/252/h/ffc86915c93ba0dee4bc596147112ee9.svg)no-repeat;
    background-size: 10%;
    background-position: left 17px center;
}



/*Недоступные*/
.krpt_list .lesson-list li.user-state-not_reached a .info {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  border-radius: 25px;
  backdrop-filter: blur(20px);
   background: rgba(255, 255, 255, 0.15) !important;
    position: relative;
}

.krpt_list .lesson-list li.user-state-not_reached a .info:before {
        content: 'Урок закрыт';
        position: absolute;
    background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/278/h/49b1dc577ded8d06b896b599fdfb8827.svg)no-repeat;
    background-position: top 5px center;
    border: none;
    backdrop-filter: none;
    font-family: "DINPro-Bold";
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    width: 260px;
    height: 80px;
    text-align: center;
    top: 18px;
    left: 50%;
    transform: translate(-50%);
    padding: 35px 0 0 0;
}

.krpt_list .lesson-list li.user-state-not_reached table {
  display: none;  
}

.fin-lessons.krpt_list .lesson-list li.user-state-not_reached:after {
    width: 0;
    height: 0;
    content: "";
    padding: 0;
}

@media(max-width: 1280px) {
    .krpt_list .container {
    padding: 30px 15px 100px 15px !important;
}
}

@media(max-width: 1215px) {
   .krpt_list  .col-gc-8,
    .krpt_list  .col-2 {
        width: 100% !important;
    }
    
     .krpt_list  .col-2 {
      max-width: 380px  !important;
         float: none !important;
         padding: 0 !important;
    }
}


@media (max-width: 1080px) {
  .fin-lessons.krpt_list .lesson-list li {
        width: 100% !important;
    }
    
    .fin-lessons.krpt_list .container {
    padding: 0 15px 100px 15px !important;
}
}

@media (max-width: 870px) {
    .fin-lessons.krpt_list .lesson-list li {
    min-height: 310px !important;
    }
    
        .fin-lessons.krpt_list .lesson-list li.user-state-not_reached {
        min-height: 200px !important;
    }
    
    .fin-lessons.krpt_list .info {
    align-items: flex-start !important;
}
    
    .fin-lessons.krpt_list .lesson-list li a {
    padding: 100px 20px 110px 20px  !important;
}
 
        .fin-lessons.krpt_list .lesson-list li.user-state-not_reached a {
        padding: 30px 20px 30px 20px !important;
    }
    
    .fin-lessons.krpt_list .lesson-list li:after {
      left: 20px !important;  
    }
    
    .fin-lessons.krpt_list  .lesson-list li .title {
      font-size: 18px !important;  
    }
    
    .krpt_list .lesson-list li.user-state-need_accomplish .info:before,
    .krpt_list .lesson-list li.user-state-accomplished .info:before {
             left: 0px !important;
        	top: -75px !important;
    }
    
    .krpt_list .lesson-list .description {
		left: 155px !important;
        top: -75px !important;
        width: 104px !important;
        padding: 8px 12px 5px 7px !important;
        background-position: left 12px center !important;
        text-align: right !important;
    }
}

@media(max-width: 768px) {
    .krpt_list .main-page-block {
    padding-top: 45px !important;
}
    
    .krpt_list p.name {
        font-size: 30px !important;
    }
    
    .upList-subtitle {
        padding: 9px 16px !important;
        height: 35px !important;
        font-size: 14px !important;
    }
    
    .nav-box {
    left: 15px !important;
}
    
    .upList {
    padding: 110px 20px 55px 20px !important;
    }
}

@media (max-width: 767px) {
  .krpt_list   .lesson-list li .vmiddle {
        margin-left: 0 !important;
    }
}
/* ------------- 
content finish - Крипта Новый Список уроков
------------- */

/* ------------- 
content start - Крипта Новы Урок
------------- */

.krpt_newLess {
    background: #F6F6F6;
}

.krpt_newLess .standard-logo {
    display: none;
}

.krpt_newLess  .page-header h1 a {
    position: relative;
    top: -5px;
    display: block !important;
     padding-left: 15px;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    color: #232323;
}

.krpt_newLess  .page-header h1 a:before {
    content:"";
    position: absolute;
    top: 0 !important;
    left: -2px;
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/147/h/726c1b043b938422e8e928cab0bb69b9.svg)no-repeat;  
  height: 10px;
    width: 10px;
    top: 5px;
}

.krpt_newLess .user-state-not_reached {
    display: none;
}

.krpt_newLess.fin_lesson .standard-page-content .breadcrumb li {
    display: none;
}

.krpt_newLess .lite-page.block-set {
    border-radius: 30px;
    background: #fff;
}

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

.krpt_newLess .lesson-header-block.row-section {
        border-radius: 30px;
    background:  url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/106/h/6bc983c5e67ac7702e5431d2c57406d8.png)no-repeat !important;
    background-size: cover !important;
    background-position: center;   
    display: flex;
    flex-direction: column;
    padding: 35px 25px 50px 25px !important;
}

.krpt_newLess .lesson-header-block.row-section .row.lesson-navigation .user-state-need_accomplish {
     display: none;
}

.krpt_newLess .lesson-header-block.row-section .lesson-description-value {
    display: none;
}

.krpt_newLess .lesson-header-block.row-section .row.lesson-navigation {
  order: 0;  
}

.krpt_newLess .lesson-header-block.row-section .row.header-view {
    order: 1;  
}

.krpt_newLess .lesson-header-block.row-section .lesson-title-value {
       font-family: "DINPro-Bold" !important;
font-weight: 700 !important;
font-size: 32px;
text-transform: uppercase;
text-align: center;
color: #fff;
}

.krpt_newLess .lesson-header-block.row-section .row.lesson-navigation td:first-child,
.krpt_newLess .lesson-header-block.row-section .row.lesson-navigation td:nth-child(3) {
        visibility: hidden;
}

.krpt_newLess .row.lesson-navigation {
    overflow: visible !important;
}

       .krpt_newLess .row.lesson-navigation tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.krpt_newLess .lesson-header-block.row-section .row.lesson-navigation .user-state-has_mission > div,
.krpt_newLess .lesson-header-block.row-section .row.lesson-navigation .user-state-accomplished {
    display: none;
}

.krpt_newLess .lesson-header-block.row-section .col-md-12 {
  padding-top: 0 !important;  
}

@media(min-width: 775px) {
    .krpt_newLess .row.lesson-navigation tr td:first-child,
.krpt_newLess .row.lesson-navigation tr td:nth-child(3) {
    flex: 0 0 33%;
    max-width: 276px;
}

.krpt_newLess .lesson-navigation td a {
    text-decoration: none;
    position: relative;
    display: block;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 17px;
    line-height: 100%;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 33px;
}
    
    .krpt_newLess .lesson-navigation td:nth-child(2) span {
    border: 1.50px solid rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	padding: 11px 27px;
    backdrop-filter: blur(32.413795471191406px);
   background: rgba(255, 255, 255, 0.15);
    font-family: "Montserrat";
font-weight: 600;
font-size: 20px;
color: #fff;
    line-height: 100%;
    text-align: center;
}
    
    .krpt_newLess .row.lesson-navigation tr td:first-child a {
        background: #fff url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/92/h/1647397f6eedaa9d01197531a0c914a0.svg) no-repeat;
    	background-position: left 20px center;
        padding: 14px 32px 14px 36px;
   	   text-align: right;
        color: #232323;
        border: 2px solid #232323;
}

.krpt_newLess .row.lesson-navigation tr td:nth-child(3) a  {
    background: #232323 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/152/h/80aa01d59594fe9bd8e25e55c415901e.svg) no-repeat;
    background-position: right 20px center;
    padding: 14px 36px 14px 32px;
    text-align: left;
    color: #fff;
}
    
    .krpt_newLess .lite-page.block-set {
    padding: 52px;
}
    
.krpt_newLess .lesson-header-block.row-section .row.lesson-navigation {
    padding-top: 15px  !important;
    padding-bottom: 23px  !important;
}
    
.krpt_newLess  .added_navigation,
.krpt_newLess  .added_navigation_up {
        margin-bottom: 40px;
   		 margin-top: 29px;
    }
}


.krpt_newLess .added_navigation_up .row.lesson-navigation .user-state-need_accomplish,
.krpt_newLess .added_navigation .row.lesson-navigation .user-state-need_accomplish,
.krpt_newLess .added_navigation_up  .row.lesson-navigation td:nth-child(2),
.krpt_newLess .added_navigation .row.lesson-navigation td:nth-child(2) {
    display: none  !important;
}

.krpt_newLess .row.lesson-navigation tr td .hidden-xs {
     display: none  !important;
}

.krpt_newLess .user-state-reached {
    display: none;
}

.krpt_newLess .f-header p {
font-family: "DINPro-Bold" !important;
font-weight: 700;
font-size: 26px;
    line-height: 130%;
text-transform: uppercase;
color: #232323;
}

.krpt_newLess  .f-text p {
   font-family: "Montserrat" !important;
   font-weight: 400;
   font-size: 20px;
    line-height: 130%;
    color: #232323;  
}

.krpt_newLess .embed-container iframe {
    border-radius: 30px;
}

.krpt_newLess .lesson-mission-wrapper .answer-form label {
    color: #232323;
}

/*Файлы*/
.krpt_newLess 
.lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files 
.table.files-table tr {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.fin_lesson.krpt_newLess  .lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(3) div a {
    padding: 5px 0 65px 0 !important;
}

.krpt_newLess 
.lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files 
.table.files-table tr td:nth-child(1) div:before {
    width: 0;
}

.krpt_newLess  .table.files-table tbody {
    justify-content: flex-start;
}

.krpt_newLess 
.lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr td:nth-child(3) div a:after {
    content: "Скачать файл";
    font-family: "Montserrat" !important;
    font-weight: 600;
    font-size: 17px;
    background: #232323 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/250/h/e918c7b4cfa5a275485c7532fba8f12f.svg)no-repeat;
    background-position: right 20px center;
    border-radius: 33px;
    text-align: left;
    padding: 17px 5px 14px 30px;
    left: 0;
    width: 241px;
    height: 52px;
    transform: none;
}

.krpt_newLess 
.lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files 
.table.files-table tr td:first-child {
    display: none;
}

.krpt_newLess 
.lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files 
.table.files-table tr td:nth-child(3) div a {
    min-height: 85px;
}

.krpt_newLess
.lite-block-live-wrapper.o-lt-lesson.o-lt-lesson-files .table.files-table tr {
    align-items: flex-start;
}
/*END Файлы*/

 .krpt_newLess .lt-lesson-mission-block h3:before,
 .krpt_newLess .lt-lesson.lt-lesson-comment-block h3:before {
    width: 0;
     border: none;
}

 .krpt_newLess .lt-lesson-mission-block h3,
 .krpt_newLess .lt-lesson.lt-lesson-comment-block h3 {
    padding: 0;
     font-family: "DINPro-Bold" !important;
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
	color: #232323;
}

 .krpt_newLess .lesson-mission-wrapper > div {
    padding: 20px 0  !important;
     border-radius: 30px;
}

 .krpt_newLess .lesson-mission-wrapper > div ,
 .krpt_newLess .lesson-mission-wrapper > div > div {
     font-family: "Montserrat"  !important;
	font-weight: 400;
	font-size: 18px;
	color: #232323;
}

/*Тест*/
 .krpt_newLess .testing-widget .before-start-block .start-btn {
     border-radius: 33px;
     color: #fff;
     background: #232323;
     padding: 12px 24px;
        font-family: "Montserrat"  !important;
        font-weight: 600;
        font-size: 17px;
}
/**/

 .krpt_newLess .lesson-mission-wrapper .answer-form,
 .krpt_newLess .lesson-mission-wrapper .lesson-send-answer-block,
 .krpt_newLess .lt-lesson.lt-lesson-comment-block .simple-answer.user-answer {
      background: #f1f1f1;
      border-radius: 30px;
}


 .krpt_newLess .btn.btn-primary.btn-lg,
 .krpt_newLess .btn.btn-primary.btn-send,
 .krpt_newLess .lt-lesson.lt-lesson-comment-block .btn.btn-primary.btn-send,
 .krpt_newLess .comment-form-wrapper .new-comment.active .btn-send {
       background: #232323 url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/152/h/80aa01d59594fe9bd8e25e55c415901e.svg) no-repeat;
    	background-position: right 20px center;
    	padding: 18px 59px 18px 30px;
   		text-align: left;
    	color: #fff; 
     	border-radius: 33px;
     	font-family: "Montserrat"  !important;
        font-weight: 600;
        font-size: 17px;
        line-height: 100%;
     width: auto  !important;
     height: auto  !important;
}

 .krpt_newLess .comment-form-wrapper .new-comment.active .btn-send span.fa.fa-send {
    display: none;
}

 .krpt_newLess .user-answer .addfield {
    border-radius: 20px;
     border: none;
    font-family: "Montserrat"  !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 179%;
	color: #232323;
}

/*Статусы ответов*/
.krpt_newLess .user-answer .answer-status .answer-status-label {
 	font-family: "Montserrat"  !important;
	font-weight: 600;
	font-size: 12px;
	line-height: 179%;
	color: #fff; 
        border-radius: 22px;
        padding: 8px 34px;
}

.krpt_newLess .user-answer.status-accepted .answer-status .answer-status-label {
    backdrop-filter: blur(16px);
	background: #9ab586;
}

.krpt_newLess .user-answer.status-declined .answer-status .answer-status-label {
   backdrop-filter: blur(16px);
   background: #e76150;
}

.krpt_newLess .user-answer .answer-status .answer-status-label {
    backdrop-filter: blur(16px);
    background: #232323;
}

.krpt_newLess .answer-status .glyphicon {
    font-size: 0 !important;
}

.krpt_newLess .user-answer .answer-content .title a {
   font-family: "Montserrat" !important;
font-weight: 600;
font-size: 16px;
color: #232323; 
}

 .krpt_newLess .user-profile-image {
    border-radius: 6px;
    border-radius: 100%;
}

.krpt_newLess .b-like-and-subscribe-notifications span {
   font-family: "Montserrat" !important;
    font-weight: 600;
    font-size: 12px;
    color: #91a37f;
}

 .krpt_newLess .emoji-textarea  {
      border: none !important;
     font-family: "Montserrat" !important;
	font-weight: 600;
	font-size: 14px;
	color: rgba(35, 35, 35, 0.5);
     border-radius: 30px !important;
     padding: 12px 24px;
    min-height: 47px !important;
}

.krpt_newLess .lesson-mission-wrapper .answer-form .emoji-textarea {
     min-height: 220px;
     padding: 24px;
}

 .krpt_newLess .b-like .button {
    border-bottom: none !important;
}

 .krpt_newLess .lesson-mission-wrapper .uploadifive-button {
     font-family: "Montserrat" !important;
	font-weight: 600;
	font-size: 17px;
	color: rgba(35, 35, 35, 0.5);
     text-transform: lowercase;
    background: transparent;
}

 .krpt_newLess .lesson-mission-wrapper .uploadifive-button:hover {
    color: rgba(35, 35, 35, 0.5);
     border: none;
}

 .krpt_newLess .btn.btn-link.btn-save-draft {
         font-family: "Montserrat" !important;
	font-weight: 600;
	font-size: 17px;
	color: rgba(35, 35, 35, 0.5);
}


 .krpt_newLess .lesson-mission-wrapper .lesson-send-answer-block input[type="radio"], 
 .krpt_newLess .lesson-mission-wrapper .lesson-send-answer-block input[type="checkbox"] {
    margin: 7px 5px 0 -20px  !important;
} 

 .krpt_newLess .lesson-mission-wrapper .lesson-send-answer-block .emoji-button {
    right: 24px !important;
    top: 24px !important;
}

@media(max-width: 775px) {
    .krpt_newLess .lesson-navigation td a {
    color:#232323;
    }
    
        .krpt_newLess .lesson-header-block.row-section .lesson-title-value {
        font-size: 18px !important;
    }
    
    .krpt_newLess .lesson-header-block.row-section .row.lesson-navigation {
      padding: 0 !important;  
    }
    
    .krpt_newLess .f-header p {
    font-size: 20px !important;  
    }
    
    .krpt_newLess .lesson-header-block.row-section {
    padding: 35px 15px 40px 15px !important;
}

    .krpt_newLess .standard-page-content .breadcrumb {
    top: 105px !important;
}
}
/* ------------- 
content finish - Крипта Новы Урок
------------- */

/* ------------- 
content start - Блок с прогрессом шкалы и доступ 
------------- */

.krpt-right .xdget-productTiming {
  display:none;
}

/*Progress*/
.krpt-right .progress-container h2 {
     font-family: "DINPro-Bold" !important;
font-size: 32px;
text-transform: uppercase;
text-align: center;
color: #232323;
    margin-bottom: 29px;
}

 .krpt-right .xdget-trainingAchievements {
   display:none;
}

.krpt-right .progress-container {
  	display: flex;
  	justify-content: center;
    align-items: center;
  	flex-wrap: wrap;
    margin-bottom: 15px;
     box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
   background: #fff;
     border-radius: 30px;
     padding: 29px 30px;
    gap: 8px;
}

.pr-text .html-content {
    font-family: "Montserrat" !important;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #232323;
    margin-top: 30px;
}

 .krpt-right  svg.lessons-dount1   {
  	width: 156px;
  	height: 150px;
  	display: block!important;
  	margin-left: auto;
  	margin-right: auto;  
}

.krpt-right  svg .donut-hole {
  	fill: #fff; /* цвет внутри кольца */
}

 .krpt-right  svg.lessons-dount1 .donut-ring {
  	stroke:  #F1F1F1; /* цвет кольца */
  	stroke-width: 4; /* толщина кольца */
  	fill: transparent;
}

 .krpt-right  svg .donut-segment {
  	stroke: #91A37F; /* цвет заполнения */
  	stroke-width: 4; /* толщина заполнения */
  	fill: transparent;
  	stroke-dasharray: "0 100";
  	stroke-dashoffset: 25;
  	stroke-lineCap: round;  
}

 .krpt-right .chart-text {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #232323;
  	-moz-transform: translateY(0.25em); 
  	-ms-transform: translateY(0.25em); 
  	-webkit-transform: translateY(0.25em); 
  	transform: translateY(0.25em);
}

 .krpt-right .chart-number {
  font-family: "Montserrat";
         color: #232323;
  font-size: 0.3em;
  font-weight: 800;  
  line-height: 1; 
  text-anchor: middle; 
  -moz-transform: translateY(-0.25em); 
  -ms-transform: translateY(-0.25em); 
  -webkit-transform: translateY(-0.25em); 
  transform: translateY(-0.25em);
}

  .krpt-right  .chart-label {
       font-family: "Montserrat";
           color: #232323;
   font-size: 0.25em;
   font-weight: 800; 
   text-transform: uppercase; 
   text-anchor: middle;
   -moz-transform: translateY(0.7em); 
   -ms-transform: translateY(0.7em); 
   -webkit-transform: translateY(0.7em);
   transform: translateY(0.7em);
}

/**/
.krpt-right svg.lessons-dount2  {
    height: 43px;
    width: 130px;
    overflow: visible;
}

.krpt-right svg.lessons-dount2 .chart-text {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 2.2em;
     fill: #232323;
  	-moz-transform: translateY(0.25em); 
  	-ms-transform: translateY(0.25em); 
  	-webkit-transform: translateY(0.25em); 
  	transform: translateY(0.25em);
}

.krpt-right svg.lessons-dount2 .chart-number {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 0.65em;
     fill: #232323; 
  line-height: 1; 
  text-anchor: middle; 
  -moz-transform: translateY(-0.25em); 
  -ms-transform: translateY(-0.25em); 
  -webkit-transform: translateY(-0.25em); 
  transform: translateY(-0.25em);
}

.krpt-right svg.lessons-dount2 .chart-label {
     font-family: "Montserrat";
   font-size: 0.65em;
   font-weight: 600; 
   text-transform: uppercase; 
   text-anchor: middle;
   -moz-transform: translateY(0.7em); 
   -ms-transform: translateY(0.7em); 
   -webkit-transform: translateY(0.7em);
   transform: translateY(0.7em);
}


.krpt-right svg.lessons-dount2 .chart-text .chart-subtitle {
    font-family: "Montserrat";
	font-weight: 600;
	font-size: 0.36em;
	line-height: 12px;
	text-anchor: middle;
	color: #232323;
    opacity: 0.5;
}


.krpt-right .prog-2 {
    background: #f1f1f1;
    border-radius: 17px;
    padding: 18px 18px 16px 18px;
    margin-bottom: 10px;
}

.prog-2 .html-content {
    position: relative;
}

.prog-2 .html-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 24px;
    height: 24px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/317/h/e10c5029db4ce11af30f6a49f4b91daa.svg)no-repeat;
    background-size: contain;
}
/* END Progress*/

/**/
.progress-1 {
   background: #f1f1f1;
    border-radius: 17px;
    padding: 18px 18px 16px 18px;
}

.progress-1 .title {
    font-family: "Montserrat" !important;
    font-weight: 700;
    font-size: 19px;
    color: #232323;
    position: relative;
    padding-left: 20px;
}

.progress-1 .title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/65559/sc/344/h/69fbc4c1b58b7892fe44ef15fa12a9ba.svg)no-repeat;
    background-size: contain;
}

.progress-1 .progress-block {
    text-align: center;
}

.progress-1 .sbTitle {
    font-family: "Montserrat" !important;
	font-weight: 600;
	font-size: 12px;
	color: rgba(35, 35, 35, 0.5); 
    margin: 4px 0 0 0;
    text-align: left;
}
/**/
/* ------------- 
content finish - Блок с прогрессом шкалы и доступ 
------------- */