:root {
  --font-family: "Inter", sans-serif;
  --second-family: "Druk Wide Cyr", sans-serif;
  --third-family: "Gilroy", sans-serif;
}

@font-face { 
    font-family: "Inter";
    src: url(/fileservice/file/download/h/cb6d52ed66350f26dd18b00c533a198b.ttf/a/531213/sc/183) format('truetype');
    font-weight: 400;
}

@font-face { 
    font-family: "Druk Wide Cyr";
    src: url(/fileservice/file/download/h/397e960b000ef96502cde00e5b68caf2.otf/a/776878/sc/188) format('opentype');
    font-weight: 700;
}

.standard-page-content .breadcrumb > li + li:before {
 content: "";
    width: 0;
    height: 0;
    color: transparent;
}

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

/*baner для урока*/
.iv-less.metod .baner_less {
    min-height: 357px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/341/h/af4e0cfd16595a15ee39b393f2fa8c4b.jpg) no-repeat;
    background-size: cover;
    border-radius: 15px;
    max-width: 866px;
    background-position: center;
}

.iv-less.sistem .baner_less {
    min-height: 357px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/212/h/d295f42e7681b8c72ff37fc9c068dc30.jpg) no-repeat;
    background-size: cover;
    border-radius: 15px;
    max-width: 866px;
    background-position: center;
}

.iv-less.modeleyzapuska .baner_less {
    min-height: 357px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/120/h/e6792a89798da9a70f66b6b1b604726c.jpg) no-repeat;
    background-size: cover;
    border-radius: 15px;
    max-width: 866px;
    background-position: center;
}

.baner_less {
    min-height: 357px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/252/h/3d2f9103d5a7aac9edd964f905f078f2.jpg)no-repeat;
    background-size: cover;
    border-radius: 15px;
        max-width: 866px;
    background-position: center;
}




body.iv-less {
    background: #19191B;
    color: #fff;
}

body.iv-less .btn-group>.btn:first-child {
    color: #232323;
}

body.iv-less .standard-logo {
  display: none;
}

body.iv-less .breadcrumb {
    margin-bottom: 14px !important;
    margin-top: 45px !important;
    display: flex;
    gap: 42px;
    flex-wrap: wrap;
}

body.iv-less .breadcrumb li a {
  font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #424653;
    border-bottom: 1px solid #424653;
    position: relative;
}

body.iv-less .breadcrumb li a:hover {
 text-decoration: none;   
}

body.iv-less .breadcrumb li:not(:last-child) a:before {
    content: '';
    position: absolute;
    top: 6px;
    right: -38px;
    width: 20px;
    height: 11px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/304/h/3f7dbc3e7c5a785a2438d83ad6f8d1d8.svg)no-repeat;
    background-size: contain;
}

body.iv-less .lite-page.block-set {
    color: #fff;
    margin-top: 2px;
}

body.iv-less .page-header h1 a {
    font-family: var(--second-family);
	font-weight: 700;
	font-size: 35px;
	line-height: 135%;
	text-transform: uppercase;
	color: #fff;
    max-width: 740px;
    display: block;
}

body.iv-less .page-header h1 a:hover {
    text-decoration: none;
}

body.iv-less  .page-header  {
    border-bottom: none;
    padding-bottom: 0;
    margin: 10px 0 0px;
}

body.iv-less .lesson-header-block.row-section {
 background: transparent !important;
    border-bottom: none !important;
}

body.iv-less .lesson-header-block.row-section .lesson-title-value {
    font-family: var(--font-family);
	font-weight: 700;
	font-size: 35px;
	color: #fff;
    text-align: left;
    margin-bottom: 26px;
    position: relative;
}

body.iv-less .lesson-header-block.row-section .lesson-title-value:before {
    content:"";
    position: absolute;
    bottom: -15px;
    left:0;
    width:50px;
    height: 4px;
    background: #363636;
    border-radius: 5px;
}

body.iv-less .lesson-header-block.row-section .lesson-description-value {
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 135%;
	color: #afafaf;
    text-align: left;
    display: block;
    max-width: 680px;
}

body.iv-less .added_navigation_up .row.lesson-navigation {
    padding-top: 0 !important;
    margin: 0 !important;
}

body.iv-less .added_navigation_up .text-center.hidden-xs {
    display: none;
   } 

body.iv-less .row.lesson-navigation tr {
    	display: flex;
        max-width: 840px;
    } 

body.iv-less .row.lesson-navigation > tr > td .hidden-xs {
    display: none;
      } 

body.iv-less .row.lesson-navigation  tr  td {
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #5779e4;
    position: relative;    
    width: auto;
    display: block;
    } 

body.iv-less .center-block  .row.lesson-navigation  {
    padding: 15px 15px 20px 15px !important;
    } 

body.iv-less .center-block  .row.lesson-navigation > div  {
    display: none;
    } 

body.iv-less .center-block  .row.lesson-navigation tr td {
    text-align: left;
    } 

body.iv-less .row.lesson-navigation  tr  td div {
 display: none;
}

body.iv-less .center-block  .row.lesson-navigation  tr  td span {
    font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 135%;
	color: #afafaf;
    background: #212124;
    border-radius: 5px;
    padding: 6px 10px;
    position: relative;
    } 

body.iv-less .center-block  .row.lesson-navigation  tr  td span:before {
    content: "Доступен";
    position: absolute;
    bottom:0;
    right: -107%;
    width: 120px;
    height: 30px;
    padding: 4px 10px 4px 33px;
    font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 135%;
	color: #fff;
   border-radius: 5px;
    background: #5779e4 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/161/h/e88616be8909eea1e4f2cf258311c458.svg)no-repeat;
    background-size: 19%;
    background-position: left 6px center;
}

body.iv-less .row.lesson-navigation tr td:first-child {
	padding-left: 0 !important;
    }

body.iv-less .row.lesson-navigation tr td:first-child a:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    width: 20px;
    height: 15px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/112/h/fae96712be8517ee7f4012ae57476392.svg)no-repeat;
    background-size: contain;
    } 

body.iv-less .row.lesson-navigation tr td:nth-child(3) a:before {
    position: absolute;
    content: "";
    top: 5px;
    right: -30px;
    width: 20px;
    height: 15px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/310/h/b49e7899701ebcfdf247f4b81eac455f.svg)no-repeat;
    background-size: contain;
    } 

body.iv-less .center-block  .row.lesson-navigation tr td:first-child,
body.iv-less .center-block  .row.lesson-navigation tr td:nth-child(3),
body.iv-less .center-block .user-state-answered {
display: none;
    } 

body.iv-less .row.lesson-navigation td .hidden-xs {
  display: none;  
}

body.iv-less .row.lesson-navigation td a {
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	color: #5779e4;
    position: relative;
}

body.iv-less .row.lesson-navigation td:first-child a {
    color: #afafaf;
    padding-left: 30px;
}

body.iv-less .row.lesson-navigation td:last-child a {
    color: #5779e4;
}

body.iv-less .lesson-header-block.row-section {
    margin-bottom: 0 !important;
}

body.iv-less .center-block {
    border: 2px solid #2a2a2a;
	border-radius: 25px;
    padding: 20px 29px;
      } 

body.iv-less .vhi-iframe {
    border-radius: 15px;
}

body.iv-less .lite-page.block-set .f-header p {
    font-family: var(--font-family);
	font-weight: 700;
	font-size: 35px;
    line-height: 120%;
	color: #fff;
}

body.iv-less .lite-page.block-set .f-text p {
 font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 135%;
color: #afafaf;   
}

body.iv-less .row.header-view > .col-md-12 {

   padding: 0 15px !important;
}

body.iv-less .divider {
   display: none; 
}

/**/
body.iv-less .o-lt-lesson-mission-block {
  margin-top: 30px;  
}

body.iv-less .answer-form {
    background: #212124;
    border: 2px solid #282828;
	border-radius: 25px;
}

/*
body.iv-less .answer-form .btn {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 25px;
	line-height: 135%;
	color: #fff;
    position: relative;
    background: #5779e4;
    height: 50px;
    border-radius: 10px;
    padding: 13px 17px;
    text-align: left;
    width: 245px;
	height: 60px;
}
*/
body.iv-less .o-lt-lesson-comment-block  {
	margin-top: 25px;
    }

body.iv-less .simple-answer.user-answer {
    background: #212124;
        border-top: none;
    border: 2px solid #282828;
    border-radius: 25px;
    }
   
body.iv-less .self-answers .user-answer {
    border-top: none;
}

body.iv-less .user-image img,
body.iv-less .user-profile-image.user-default-profile-image,
body.iv-less .user-profile-image {
    border-radius: 50%;
    background: #212124;
    width: 50px !important;
    }

body.iv-less .user-image-wrapper > a > span > span {
    font-size: 0px !important;
    color: transparent !important;
}

body.iv-less .simple-answer.user-answer .emoji-textarea  {
    border: 2px solid #5779e4;
	border-radius: 15px;
	min-height: 110px;
    background: #16161a;
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #fff !important;
    padding: 20px 25px;
    }

body.iv-less .answer-textarea-container .emoji-container textarea {
    background: #16161a;
    border: none;
    border: 2px solid #5779e4;
    border-radius: 15px;
    min-height: 140px;
    background: #16161a;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #fff !important;
    padding: 20px 25px;
}

body.iv-less .emoji-wysiwyg-editor {
    background: #16161a;
    border: none;
    border: 2px solid #5779e4;
    border-radius: 15px;
    min-height: 140px;
    background: #16161a;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #fff !important;
    padding: 20px 25px;
}

body.iv-less .emoji-textarea textarea:placeholder {
        font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #fff !important;
    }

body.iv-less .emoji-container textarea {
    color: #fff !important;
}

body.iv-less .emoji-button { 
    right: 10px !important;
    top: 10px !important;
}

body.iv-less .simple-answer.user-answer .btn,
body.iv-less .new-comment.active .btn-send,
body.iv-less .simple-answer.user-answer .btn-primary,
body.iv-less .btn.btn-primary.btn-send,
body.iv-less .answer-content .comments .btn.btn-primary.btn-send {
    background-color: #5779e4;
    border-color: #5779e4;
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 135%;
	text-transform: uppercase;
	color: #fff;	
	border-radius: 10px;
	width: 240px;
	height: 50px;
    position: relative;
        text-align: left;
    padding: 14px 55px 14px 20px;
}

body.iv-less .btn.btn-send-answer.btn-primary.btn-lg {
     background-color: #5779e4;
    border-color: #5779e4;
	font-family: var(--second-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 135%;
	text-transform: uppercase;
	color: #fff;	
	border-radius: 10px;
	height: 50px;
    position: relative;
        text-align: left;
    padding: 14px 18px 14px 18px;
}

body.iv-less .answer-content .comments .btn.btn-primary.btn-send .fa.fa-send {
    display: none;
}

body.iv-less .btn.btn-primary.btn-send:before {
	content: "";
    position: absolute;
    top: 19px;
    right: 15px;
    width: 35px;
    height: 14px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/179/h/badbd9512c72193e6133eb8b03c840e2.svg)no-repeat;
    background-size: contain;
}

body.iv-less .btn.btn-link.btn-save-draft  {
 font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 135%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #5679e4;   
    background: transparent;
}

body.iv-less .lesson-mission-wrapper {
   border: none !important; 
}

body.iv-less .other-answers.answers-list .user-answer {
    border-bottom: 2px solid  #212124;
        border-top: none !important;
    margin-top: 10px;
}

body.iv-less .why-no-form {
     border-top: 2px solid  #212124 !important;
}

body.iv-less .answer-textarea-container .uploadifive-button {
 	background: #313136;   
    height: 40px !important; 
    width: 230px !important; 
    font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 135%;
	color: #fff;
    margin-top: 8px;
    border-radius: 5px;
    padding: 5px 4px 4px 4px;
    margin-bottom: 8px
}

body.iv-less .lesson-send-answer-block .text-muted.small {
 font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 135%;
color: #787878;   
}

body.iv-less .lt-lesson-mission-block h3 {
    font-family: var(--font-family);
font-weight: 700;
font-size: 30px;
color: #fff;
    margin-bottom: 25px;
}

body.iv-less .f-text a {
 border: 2px solid #5779e4;
border-radius: 5px; 
    font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #fff;
    padding: 6px 60px 8px 8px;
    position: relative;
    display: inline-block;
}

body.iv-less .f-text a:hover {
 text-decoration: none;   
}

body.iv-less .f-text a:before {
    content: "";
 	position: absolute;
	top: 14px;
    right: 5px;
    width: 30px;
    height: 4px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/350/h/544bc8ee59bd4ea76cf96c7c8a5a231e.svg)no-repeat;
    background-size: contain;  
}

body.iv-less .answer-content a.user-profile-link,
body.iv-less .answer-content a.user-profile-link .text{
    font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 135%;
color: #5779e4;
}

body.iv-less .answer-content .answer-date {
 font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 135%;
color: #fff;   
}

body.iv-less .answer-content .answer-status > a {
 font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 135%;
color: #9297a5;   
}

body.iv-less .answer-text.emoji-text {
  font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #a4a9b9;  
}

body.iv-less .user-answer .addfield {
    background: #19191b;
    border-radius: 10px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #a4a9b9;
}

body.iv-less .b-like-and-subscribe-notifications .button.positive .html {
    font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 135%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #a4a9b9;
    border-bottom: none;
}   

body.iv-less .b-like .button {
    border-bottom: none !important;
}

body.iv-less .b-like-and-subscribe-notifications .positive-count i,
body.iv-less .b-like-and-subscribe-notifications .positive-count .like_users_list {
    color: #5779e4;
}

body.iv-less .b-like .positive-count .icon {
    font-size: 1.7em;
}

body.iv-less .b-like-and-subscribe-notifications a {
    font-family: var(--font-family);
        font-size: 1.4em;
    font-weight: bolder;
    margin-left: 4px;
}
body.iv-less .pseudo-link.comment-template-link {
    font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 135%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #a4a9b9;
}

body.iv-less .b-notifications-subscribe .button {
    font-family: var(--font-family);
font-weight: 700;
font-size: 14px;
line-height: 135%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #424653;
    border-bottom: none;
}

body.iv-less .answer-content .answer-date  a {
    font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 135%;
color: #fff;
}

body.iv-less .answer-content .comments textarea {
    background: #16161a;
    border: 2px solid #26262c;
	border-radius: 15px;
    min-height: 110px !important;
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	color: #fff !important;
    padding: 20px 25px;
}

body.iv-less .answer-content .comments-container .comment.lesson-answer-comment {
   background: #212124;
    border-radius: 10px;
}

body.iv-less .lesson-answers-title h3 {
    font-family: var(--font-family);
font-weight: 700;
font-size: 35px;
color: #fff;
}

body.iv-less .lesson-answers-title h3 a {
    font-family: var(--font-family);
font-weight: 400;
font-size: 35px;
line-height: 135%;
    color: #5779e4; 
}

body.iv-less .lesson-answers-title .pull-right {
 font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #424653;   
}

body.iv-less .lesson-answers-title .pull-right a {
    color: #5779e4;
}

body.iv-less .answer-content .attach-file-button-container {
    top: 12px;
    right: 34px;
}

body.iv-less .answer-content .audio-comment, 
body.iv-less .answer-content .audio-skill {
    top: 11px;
}

body.iv-less .answer-main-content .addfield.type-checkbox {
    background: #212124;
    border-radius: 10px;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

/*status*/
body.iv-less .user-answer.type-free_comment .answer-status .answer-status-label {
 background: #F0F0F0;  
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #212124;
    border-radius: 5px;
}

body.iv-less .user-answer .answer-status .answer-status-label {
     background: #F0F0F0;  
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #212124;
    border-radius: 5px;
}

body.iv-less .user-answer.status-accepted .answer-status .answer-status-label {
    background: #598743;
    color: #fff;
}

body.iv-less .user-answer.status-declined .answer-status .answer-status-label {
    background: #D33B4A;
    color: #fff;
}

body.iv-less .lite-page.block-set .f-text p strong {
    color: #fff;
}

body.iv-less .lt-separator hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #212124;
}

@media(min-width: 767px) {
body.iv-less .row.lesson-navigation tr {
 gap: 42px;   
}
    
    body.iv-less .row.lesson-navigation tr td:last-child {
        padding-left: 4px !important;
    }
    
}

@media(max-width: 997px) {
 body.iv-less .center-block .row.lesson-navigation tr {
    max-width: 100% !important;
    padding: 10px 15px 10px 15px !important;
}   
    body.iv-less .page-header h1 a {
     font-size: 22px !important;   
    }
    
    body.iv-less .lesson-header-block.row-section .lesson-title-value {
         font-size: 22px !important;   
        }
    
    body.iv-less .center-block  .row.lesson-navigation  {
    padding: 0 !important; 
    } 
    
    body.iv-less .lt-lesson-mission-block h3 {
        font-size: 20px !important; 
    }
    
    body.iv-less .lesson-answers-title h3,
    body.iv-less .lesson-answers-title h3 a {
        font-size: 18px !important; 
    }
}

@media(max-width: 767px) {
    body.iv-less .center-block .row.lesson-navigation tr td.hidden-xs {
        display: block !important;
    }
    
     body.iv-less .other-answers.answers-list .comments-tree .user-image-wrapper {
        display: none !important;
    }
}

@media(max-width: 480px) {
    body.iv-less .gc-main-content {
      padding-top: 35px !important;   
    }
    
    body.iv-less .page-header h1 a,
    body.iv-less .lesson-header-block.row-section .lesson-title-value,
    body.iv-less .lite-page.block-set .f-header p {
        font-size: 20px !important; 
    }
    
    body.iv-less .center-block {
    border-radius: 15px !important; 
    padding: 10px 0px !important; 
        border: none !important;
}
    
    body.iv-less .answer-content .comments textarea {
     padding: 27px 15px !important;    
    }
    
    body.iv-less .added_navigation_up .row.lesson-navigation  tr  td {
        width: auto !important;
    }
    
    body.iv-less .added_navigation_up .row.lesson-navigation td a {
        display: block !important;
    }
    
    body.iv-less .row.lesson-navigation td a {
    font-size: 14px !important;
    }
    
    body.iv-less .row.lesson-navigation tr td:first-child a:before {
		left: 0px !important;
        width: 12px !important;
        top: 7px !important;
    }
    
    body.iv-less .row.lesson-navigation tr td:nth-child(3) a:before {
        right: -17px !important;
        width: 12px !important;
        top: 7px !important;
    }

    body.iv-less .added_navigation_up .row.lesson-navigation td:first-child a {
        padding-left: 15px !important;
    }
    
    body.iv-less .builder-item.part-header {
       margin-bottom: 15px !important;
    }
    
    body.iv-less .lite-page.block-set .f-text p {
    font-size: 16px  !important;
    }
    
    body.iv-less .lite-page.block-set .lt-block-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
    
    body.iv-less .lite-page.block-set .f-text ul li {
        font-size: 16px !important;
        line-height: 130% !important;
        margin-bottom: 10px !important;
    }
    
     body.iv-less .lite-page.block-set .f-text ul {
    	padding-left: 20px !important;
}
    
   body.iv-less .lt-lesson-mission-block .row.row-section {
        margin-bottom: 15px !important;
    }
    
    body.iv-less .breadcrumb {
    	gap: 18px !important;
        margin-left: 15px !important;
    }
    
    body.iv-less .breadcrumb li:not(:last-child) a:before {
    right: -18px !important;
    width: 15px !important;
    }
    
    body.iv-less .breadcrumb li a{
     font-size: 15px !important;   
    }
    
    body.iv-less .simple-answer.user-answer {
    border-radius: 15px !important;
}
    
      body.iv-less  .lesson-answer-comment {
    	padding: 15px !important;
    }
    
   body.iv-less .user-answer .comments {
    margin-top: 30px !important;
}
    
   body.iv-less .b-like-and-subscribe-notifications {
    	display: block !important;
       margin-top: 10px !important;
}
    
    body.iv-less .simple-answer.user-answer {
    padding-bottom: 5px !important;
}
    
    body.iv_tr .lesson-list li a {
    background: #212124 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/269/h/d107e040166051fc685fbccfca3a26bc.svg)no-repeat;
    background-position: top 13px right 15px !important;
    }
    
    
     body.iv-less .lt-lesson-comment-block .row-section {
    margin-bottom: 10px !important;
}
    
    body.iv-less .simple-answer.user-answer {
    border-radius: 15px !important;
}
    
    body.iv-less .lesson-header-block.row-section .lesson-description-value {
     margin-bottom: 10px !important;   
    }
    
    body.iv-less .added_navigation_up .row.lesson-navigation tr {
        justify-content: space-between;
        padding: 0 15px !important;
      }  
    
   body.iv-less .page-header h1 {
     margin: 10px 0 10px 15px !important;   
    }
    
    .baner_less {
        margin: 0 15px !important; 
    }
    
  body.iv-less .gc-main-content > .container {
    padding-right: 5px !important; 
    padding-left: 5px !important; 
        }
    body.iv-less .answer-main-content .addfield.type-checkbox {
        margin-top: 42px !important; 
    }
    
    body.iv-less .simple-answer.user-answer .emoji-textarea {
 
    padding: 10px !important; 
}
    
    body.iv-less .other-answers.answers-list .user-answer {
    margin-top: 15px !important; 
}
    
    body.iv-less .btn.btn-send-answer.btn-primary.btn-lg:before {
	content: "";
    position: absolute;
    top: 19px;
    right: 15px;
    width: 0;
    height: 0;
    background: none;
}
    
    body.iv-less .btn.btn-link.btn-save-draft {
    width: 100% !important; 
    text-align: center !important; 
    margin: 10px auto 0 auto !important; 
    max-width: 260px !important; 
}
    }
/* ------------- 
content finish - Урок
------------- */

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

:root {

    --bg: #202021;
    --cma: #7C51A1;
    --csb: #F2F4F4;
    
    --iNotice: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/325/h/6cab3df66da50c33057ddd815d5bcd05.svg");   
    --iSite: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/99/h/93e483ba16f2980e4cc750329a24e34d.svg");
    --iStudy: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/63/h/19dba87569255a02d4c29ed69885305a.svg");
    --iUsers: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/379/h/56c6852e0982777a182342682150eb18.svg");
    --iTasks: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/40/h/c53172d5a46a503b8234ae8205da7378.svg");
    --iMessages: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/329/h/faaa6f01116a7f452fd8a6bb09c89be1.svg");
    --iSales:  url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/174/h/a4fa0fde3c58526d141f133054ac5a90.svg");
    --iChatium:  url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/41/h/71204729c53fb310c76f38c43db49a12.svg");
    --iSubmenuBG:  url("");
    
     --iNoticeActive: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/300/h/a3d9765a3fd4b76e68a43b2e546bdbf7.svg");
     --iSiteActive: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/211/h/86b7a3e27ae723d1d45437ff86ea891f.svg");
     --iStudyActive: url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/63/h/19dba87569255a02d4c29ed69885305a.svg");
     --iUsersActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/137/h/da81024baf19b35667290ae255eb4b92.svg");
     --iTasksActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/162/h/d4792d35459ada6a9653b5961ecf5b37.svg");
     --iMessagesActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/224/h/df60c1dfc07c96ab403780076a0e2dd0.svg");
     --iSalesActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/218/h/013a369ab2d012ee07c78a3cd3fdd620.svg");
     --iChatiumActive:  url("https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/508/h/778df2944106035155e0a526cbc8d530.svg");
}

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

li.menu-item.menu-item-profile a {
    padding: 10px !important;
}
@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-leftbar .notify-count {
  background: #5779E4;  
  font-weight: normal !important;
  font-size: 10px !important;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
    color: #fff;
    border-top: 1px solid #e0e0e0;
    background-color: transparent;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
    background-color: transparent;
}

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

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

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

.gc-account-leftbar .gc-account-user-submenu-bar {
    position: absolute;
    top: 0;
    left: 70px;
    width: 300px;
    height: 100vh;
	background: var(--bg);
    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: 18px;
	line-height: 115%;
    font-family: var(--font-family);
    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: #5779E4 !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: transparent;
    border-left: 3px solid #5779E4; 
}

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

/*Написать сообщение виджет */
.talks-widget-button {
    background-image: url(/public/img/talks_widget/dialog.svg) !important;
    background-repeat: no-repeat;
}

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

.talks-widget-header {
  color: #fff !important;
  background: #212124 !important;
  border-bottom: 1px solid #424653 !important;
}

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

.conversation-list-footer {
  color: #fff !important;
  background: #212124 !important; 
  border-top: 1px solid #424653 !important;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer .btn {
	background: #5779e4;
    border-radius: 5px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    color: #fff;
}

.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: #fff;
    font-size: 14px;
    background-color: #5779E4;
    border-radius: 6px;
    font-family: var(--font-family);
    font-weight: 400;
    text-transform: none;
}

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

/*Оповещения и кол-во входящих */
.menu-item .notify-count {
    background: #5779E4 !important;
    color: #fff !important;
    font-size: 8px !important;
    font-family: var(--third-family);
    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-family: var(--font-family);
	font-size: 22px;
	line-height: 115%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.mark-viewed-all {
    color: #474A64;
    font-weight: 400;
    font-family: var(--font-family);
    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;
  font-family: var(--font-family);  
}

/*Меню мобильное*/
@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;
}

.conversation-widget {
    background: #212124;
}

.talks-widget-window .conversation-widget .comments-container {
  	background:  #212124;
    border: none;
border-radius: 15px;
}

.talks-widget-window .comment-form-wrapper .new-comment-textarea {
  	min-height: 95px !important;
  	background: #16161a;
    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: #212124;
}

.talks-widget-header .caption {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    color: #fff;
}
/*END CHAT*/
/* ------------- 
content finish - Меню
------------- */

/* ------------- 
content start - Главная со списком тренингов
------------- */

body.iv {
background: #19191b;    
}

body.iv .page-header h1,
body.iv .logo.gc-account-logo {
 display: none;   
}

@media (min-width: 1200px) {
   body.iv .container {
        width: 1294px;
    }
}

body.iv .content-menu {
    border-bottom: none;
}

.banerIv {
    min-height: 357px;
    width: 100%;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/20/h/8896e70de864c06c202418718539cfb5.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    padding: 43px 43px 47px 43px;
}

.banerIv h2 {
 font-family: var(--second-family);
font-weight: 700;
font-size: 36px;
text-transform: uppercase;
color: #fff;   
    max-width: 380px;
}

@media (min-width: 992px) {
  body.iv .col-md-4 {
        width: 31%;
    }
    
   body.iv .col-gc-8 {
        width: 69%;
    }
}


.right-baner {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/206/h/ba5c66177f3266febf05665dbd80d639.png)no-repeat;
    border-radius: 25px;
    background-size: cover;
    background-position: center;
    min-height: 357px;
    padding: 32px 15px 15px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 380px;
}

.right-baner h3 {
    font-family: var(--second-family);
	font-weight: 700;
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
    margin-bottom: 28px;
    position: relative;
}

.right-baner h3:before  {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 4px;
    border-radius: 5px;
    background: #fff;
}

.right-baner .html-content {
    font-family: var(--font-family);
font-weight: 400;
font-size: 20px;
line-height: 145%;
text-align: center;
color: #fff;
}

.right-baner .html-content p.bolder-text {
    font-weight: 700;
    background: #19191B;
    margin-bottom: 2px;
    padding: 0 6.5px;
    border-radius: 5px;
    display: inline-block;
}

.right-baner button {
  width: 100%;
    border: 3px solid #fff;
    font-family: var(--second-family);
font-weight: 700;
font-size: 16px;
line-height: 135%;
text-transform: uppercase;
color: #fff;
    position: relative;
    background: transparent;
    height: 50px;
    border-radius: 15px;
    padding: 12px 23px;
    text-align: left;
}

.right-baner button:before {
	content: "";
    position: absolute;
    top: 16px;
    right: 25px;
    width: 35px;
    height: 14px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/179/h/badbd9512c72193e6133eb8b03c840e2.svg)no-repeat;
    background-size: contain;
}

/*Тренинги*/
body.iv .row {
  margin: 0 !important;  
}

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

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

body.iv .col-md-12,
body.iv .xdget-col.col-gc-8.col-md-8 {
  padding: 0 !important;
}

body.iv .col-md-4 {
    padding: 0 0 0 32px;
}
body.iv .stream-table tr td {
    height: 100%;
  min-height: 290px;
  width: 100%;
  padding: 0;
  display: block;
    position: relative;
}

 body.iv .stream-table tr td a { 
    min-height: 290px;
  	width: 100%;
     height: 100%;
  	z-index: 100;
  	position: relative;
}

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


body.iv .stream-table tbody tr {
 	flex: 0 0 calc(50% - 6px); 
	border: 2px solid #2a2a2a;
	border-radius: 25px;
    padding: 10px 10px 25px 10px;
}

/*Недоступные*/
body.iv .stream-table tr.noaccess-mode-show td:after {
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 260px;
    background: #5779E4 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/350/h/827d2975e4d7f5ad9cea00be699bf0da.svg)no-repeat;
    background-position: center;
    z-index: 100;
    opacity: 65%;
    border-radius: 15px;
}

body.iv .stream-table tr.noaccess-mode-show a:after {
    content: "ОТКРЫТЬ ДОСТУП";
     background: transparent url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/179/h/badbd9512c72193e6133eb8b03c840e2.svg)no-repeat;
    background-size: 10%;
     background-position: right 25px center; 
    border: 4px solid #5779e4;
    padding: 11px 25px 11px 20px;
}

body.iv .stream-table tr.noaccess-mode-show {
    border: 2px solid #3a3a41;
    background: #24242a;
}

body.iv .stream-table tbody tr a {
 padding: 276px 15px 90px 15px;   
}

body.iv .stream-table tbody tr a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/211/h/9e2573c5e176d9c7850b22c8c6ba4ef9.png)no-repeat;
     background-size: cover;
     background-position: center;
    border-radius: 15px;
}

body.iv .stream-table tbody tr a:after {
    position: absolute;
    content: "Смотреть";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    height: 50px;
    padding: 14px 25px 14px 20px;
    font-family: var(--second-family);
	font-weight: 700;
	font-size: 16px;
	line-height: 135%;
	text-transform: uppercase;
	color: #fff;
    background: #5779E4 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/179/h/badbd9512c72193e6133eb8b03c840e2.svg)no-repeat;
    background-size: 10%;
     background-position: right 25px center; 
    border-radius: 10px;
}

body.iv .stream-table .stream-title {
    font-family: var(--font-family);
font-weight: 700;
font-size: 25px;
line-height: 135%;
color: #fff;
    margin-bottom: 10px;
    display: block;
}

body.iv .stream-table tr td a div {
    font-family: var(--font-family);
font-weight: 500;
font-size: 18px;
line-height: 135%;
color: #afafaf;
    padding-left: 33px;
    position: relative;
}

body.iv .stream-table tr td a div b {
  display: none;  
}

body.iv .stream-table tr td a div:before  {
    position: absolute;
    content: "";
    top: 11.5px;
    left: 0;
    width: 20px;
    height: 2px;
    background: #5779e4;
}

@media (max-width: 768px) {
    body.iv .gc-main-content.with-left-menu.account-page-content {
        padding-top: 65px !important;  
    }
    
   body.iv .page-header,
   body.iv .page-actions {
     margin: 0 !important;
       padding: 0 !important;
    }
}

@media(max-width: 721px) {
    body.iv .stream-table tbody tr {
 flex: 100% !important;   
}
}

@media(max-width: 480px) {
 .banerIv {
     padding: 20px !important;
    }
    
    .banerIv h2  {
        font-size: 28px !important;
    }
    
    body.iv .col-md-4 {
    padding: 0 !important;
        margin-top: 25px !important;
}
    body.iv-less .o-lt-lesson-mission-block {
    margin-top: 0px !important;
}
    
    body.iv-less .o-lt-lesson-comment-block {
    margin-top: 0 !important;
}
    
    body.iv .stream-table tbody tr a:after,
    body.iv .stream-table tr.noaccess-mode-show a:after {
    left: 50%;
    transform: translateX(-50%);
    width: 91%  !important;
    }
    
    body.iv .stream-table tr.noaccess-mode-show a:after {
    padding: 11px 25px 11px 14px !important;
right: 10px !important;
    background-position: right 12px center !important;
        background-size: 8.9% !important;
}
}
/* ------------- 
content finish - Главная со списком тренингов
------------- */

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

body.iv_tr {
  background: #19191b;      
}

body.iv_tr .logo.gc-account-logo {
 display: none;   
}

.baner_tr {
    min-height: 357px;
    width: 66.66666666666666%;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/212/h/d295f42e7681b8c72ff37fc9c068dc30.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    margin-bottom: 25px;
    margin-top: 14px;
}

body.iv_tr .page-header h1 {
    font-family: var(--second-family);
	font-weight: 700;
	font-size: 36px;
	text-transform: uppercase;
	color: #fff;
    max-width: 640px;
    margin: 0;
}

body.iv_tr .divider  {
 display: none !important;   
}

body.iv_tr .breadcrumbs a {
 font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #424653;   
}

body.iv_tr .page-header .no-tags {
    background: #F0F0F0;
    margin-top: 15px;
    display: block;
}

body.iv_tr .container {
    max-width: 1328px !important;
}

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

body.iv_tr .col-gc-8 {
    padding: 0;
    
}

body.iv_tr .content-menu {
    border-bottom: none !important;
}

body.iv_tr .lesson-list {
	background: transparent;
    border: 2px solid #2a2a2a;
	border-radius: 25px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 0;
}

body.iv_tr .lesson-list li table {
    width: 100%;
}

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

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

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

body.iv_tr .vmiddle {
	padding: 0 !important;
}
/*
body.iv_tr .user-state-accomplished .user-state-bg,
body.iv_tr .user-state-has_mission .user-state-bg,
body.iv_tr .user-state-need_accomplish .user-state-bg,
body.iv_tr .user-state-bg  {
    background: transparent;
}
*/

body.iv_tr .lesson-list li {
    margin: 0;
        min-height: 70px;
}

body.iv_tr .lesson-list li a {
    background: #212124 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/269/h/d107e040166051fc685fbccfca3a26bc.svg)no-repeat;
    background-position: top 15px right 15px;
    background-size: 3.5%;
    border-radius: 15px;
    padding: 18px 50px 18px 20px;
    position: relative;
}

body.iv_tr .lesson-list li .link.title {
    font-family: var(--font-family);
	font-weight: 700;
	font-size: 25px;
	line-height: 135%;
	color: #fff;
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

body.iv_tr .lesson-list .description {
 	font-family: var(--font-family);
	font-weight: 500;
	font-size: 16px;
	line-height: 135%;
	color: #afafaf;   
    max-width: 590px;
}

body.iv_tr .lesson-list_watched .lesson-list__video-watched {
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	color: #fff;
    background: #33333a url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/166/h/303f9f808132bff599f9cf3f24f31b49.svg)no-repeat;
    background-position: center left 6px;
    background-size: 12%;
    border-radius: 5px;
	width: 145px;
	height: 30px;
    padding: 4px 7px 4px 30px;
    flex: 0 0 24%;
    position: relative;
}

body.iv_tr .user-state-label {
    
}

.states {
	display: flex;
    gap: 5px;
    max-width: 610px;
    margin-top: 6px;
    position: relative;
}
/*
body.iv_tr li.user-state-has_mission a .lesson-list__video-watched:after {
     position: absolute;
    content:"Есть задание";
    right:-107%;
    bottom: 0;
    width: auto;
    height: 30px;
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	color: #fff;
    background: #5779e4 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/18/h/55b946249c685d042f73d8f92b4b6261.svg)no-repeat;
    background-size: 17%;
    background-position: center left 4.4px;
    border-radius: 5px;
    padding: 4px 6px 4px 32px;
    text-transform: none;
}

body.iv_tr li.user-state-answered a .lesson-list__video-watched:after {
    position: absolute;
    content: 'Задание отправлено';
    right: -146%;
    bottom: 0;
    width: auto;
    height: 30px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #212124;
    border-radius: 5px;
    padding: 4px 6px 4px 32px;
    background:  #F0F0F0 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/333/h/450cfc13e13a8d01ffff9a2a3ed927e5.svg)no-repeat;
    background-size: 12%;
    background-position: center left 4.4px;
    text-transform: none;
}

body.iv_tr li.user-state-accomplished a .lesson-list__video-watched:after {
    position: absolute;
    content: 'Задание принято';
    right: -126%;
    bottom: 0;
    width: auto;
    height: 30px;
    font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 135%;
color: #fff;
    border-radius: 5px;
    padding: 4px 6px 4px 32px;
    background:  #598743 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/18/h/55b946249c685d042f73d8f92b4b6261.svg)no-repeat;
    background-size: 15%;
    background-position: center left 4.4px;
    text-transform: none;
}

/*списки с заголовками*/
.box .lesson-list li table {
    min-height: 8px;
}

.box .xdget-header {
font-family: var(--font-family);
font-weight: 700;
font-size: 35px;
    line-height: 135%;
color: #fff;
    background: transparent !important;
    padding: 0 0 0 5px !important;
    margin-bottom: 17px;
   } 

.box {
	border: 2px solid #2a2a2a;
    border-radius: 25px;
    padding: 15px;
    margin-bottom: 25px;
}    

body.iv_tr .box .lesson-list {
    border: none;
    border-radius: 0;
    padding: 0;
}

body.iv_tr .box .lesson-list li .link.title  {
margin-bottom: 0;
}

/*
.vmiddle {
    display: flex !important;
    flex-direction: column;
}

body.iv_tr .user-state-label {
    order: 1;
    position: relative;
    color: transparent;
    font-size: 0px;
}

body.iv_tr .lesson-list li .link.title {
    order: 0;
}

body.iv_tr .lesson-list .description {
    order: 2;
}

body.iv_tr li.user-state-need_accomplish a .user-state-label:after {
      position: absolute;
    content:"Необходимо выполнить задание";
    left: 0;
    bottom: 0;
    width: 300px;
    height: 30px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #fff;
    background: #d33b4a url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/235/h/5bf9bb96dd32cb044981f7506ab41ba3.svg)no-repeat;
    background-size: 9%;
    background-position: center left 2px;
    border-radius: 5px;
    padding: 4px 6px 4px 30px;
    text-transform: none;
    
}
*/

.iv_tr ul.lesson-list li .user-state-label {
   display: none; 
}

.status-box {
  display: flex;
    gap: 6px;
    font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #fff;
    max-width: 640px;
    
}

.state-need {
flex: 0 0 50%;
background: #d33b4a url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/235/h/5bf9bb96dd32cb044981f7506ab41ba3.svg)no-repeat;
    background-size: 9.5%;
    background-position: center left 4px;
    border-radius: 5px;
    padding: 4px 6px 4px 36px;
    max-width: 300px;
}

.state-has {
flex: 0 0 50%;
    padding: 5px 6px 5px 33px;
        background: #5779e4 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/18/h/55b946249c685d042f73d8f92b4b6261.svg)no-repeat;
    background-size: 17%;
    background-position: center left 4.4px;
    border-radius: 5px;
    text-transform: none;
    max-width: 147px;
}

.state-answered {
    padding: 5px 8px 4px 32px;
    background:  #F0F0F0 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/333/h/450cfc13e13a8d01ffff9a2a3ed927e5.svg)no-repeat;
    background-size: 12%;
    background-position: center left 4.4px;
    border-radius: 5px;
    color: #222;
    max-width: 215px;
 }

.state-accomp {
    padding: 5px 8px 4px 32px;
    background:  #598743 url(https://fs.getcourse.ru/fileservice/file/download/a/776878/sc/18/h/55b946249c685d042f73d8f92b4b6261.svg)no-repeat;
    background-size: 15%;
    background-position: center left 4.4px;
    border-radius: 5px;
    max-width: 180px;
 }    

@media(max-width: 980px) {
    .baner_tr {
        width: 100% !important;
    }    
    
    body.iv_tr .page-header h1 {
    font-size: 28px !important;
    }  
    
    .states {
	flex-direction: column !important;
        max-width: 390px !important;
        background-position: center left 5px !important;
}
    }

@media (max-width: 767px) {
   body.iv_tr .lesson-list li .vmiddle {
        margin-left: 0 !important;
    }
       body.iv_tr .gc-main-content.with-left-menu.account-page-content {
        padding-top: 65px !important;
    }
    
}

@media (max-width: 576px)  {
    body.iv_tr li.user-state-answered a .lesson-list__video-watched:after {
        bottom: -40px !important;
        left: 0 !important;
        width: 180px !important;
        height: 27px !important;
        font-size: 14px !important;
        padding: 4px 6px 4px 29px !important;
    }
    
        body.iv_tr li.user-state-need_accomplish a .lesson-list__video-watched:after {
    bottom: -40px !important;
    left: 0 !important;
    width: 258px !important;
    display: block !important;
    height: 27px !important;
    font-size: 14px !important;
    background-size: 7% !important;
    background-position: center left 3px !important;
    padding: 4px 3px 4px 25px !important;
}
    
    body.iv_tr li.user-state-has_mission a .lesson-list__video-watched:after {
    bottom: -40px !important;
    left: 0 !important;
        height: 27px !important;
        font-size: 14px !important;
        width: 130px !important;
        background-size: 14% !important;
        padding: 4px 3px 3px 26px !important;
    }
    
    .status-box {
        flex-direction: column !important;
        gap: 8px !important;
        font-size: 14px !important;
    }
}

@media(max-width: 480px) {
    body.iv_tr .page-header h1 {
    font-size: 20px !important;
    }    
    
    .baner_tr {
    min-height: 360px !important;
        margin-bottom: 0 !important;
    }    
    
    body.iv_tr .lesson-list li .link.title  {
    font-size: 20px !important;
 
    }
    
    body.iv_tr .lesson-list .description {
    font-size: 14px !important;
    }     
    
    body.iv_tr .user-state-label,
    body.iv_tr .lesson-list_watched .lesson-list__video-watched {
    font-size: 14px !important;
    }     
    
    body.iv_tr .lesson-list li a {
    	background-size: 9% !important;
        padding: 15px 55px 15px 15px; !important;
}
    
    .box .xdget-header {
    font-size: 20px !important;
}
    
        body.iv_tr .box .lesson-list li .link.title {
        font-size: 15px !important;
    }
    
    .state-accomp  {
     max-width: 160px !important;   
    }
    
    .state-answered {
        max-width: 200px !important;  
    }
    .state-need {
    line-height: 100% !important;
    padding: 6px 6px 6px 32px !important;
}
    body.iv_tr .lesson-list li {
    min-height: 7px !important;
}
    
    body.iv-less .lesson-answers-title .pull-right {
    float: none !important;
}
     body.iv_tr .page-header  {
     margin: 0 0 20px 0 !important;   
    }
    }
/* ------------- 
content finish - Тренинг
------------- */