@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/***Главная страница***/
body {
    background-color:#FCF3EA;
    background-image:url('/fileservice/file/download/a/954256/sc/145/h/c086f38d1b94c54792fb169a00209ccc.png');
    background-repeat:no-repeat;
    background-position:top right;
}

.gc-main-content.with-left-menu {
    margin-left:85px;
}

.gc-main-content.with-left-menu .main-page-block > .container {
    max-width:1300px;
    width:100%;
    margin:0 auto;
    padding:0;
    padding-top:30px;
}

.gc-account-logo,
.empty-breadcrumbs{
    display:none!important;
}

.breadcrumbs a {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #121318!important;
}

.page-header {
    margin-top:38px;
    padding:0;
    margin-bottom:30px;
}

.page-header h1 {
    font-family: 'Cormorant Garamond', sans-serif!important;
    font-weight: 700;
    font-size: 40px;
    line-height: 90%;
    color: #0b2041;
    max-width: 700px;
}

.page-header .clearfix {
    margin-top:0!important
}

.content-menu {
    border:none;
}

.page-menu {
    display:flex;
    flex-wrap:wrap;
    gap: 15px;
}

.page-menu li {
    padding:12px 10px;
    border-radius: 10px;
    background:#fff;
    margin-right:0;
}

.page-menu li.active {
    background: #c8a44d!important;
}

.page-menu li a {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #535353;
}

/*Тренинги*/
.stream-table {
    margin-left:0;
    margin-bottom:20px;
}

.stream-table tbody {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.stream-table tbody tr {
    flex:0 0 calc(33.333% - 20px + (20px / 3));
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    height:266px;
    position:relative;
    overflow:hidden;
    transition:all .3s;
    display:block;
}

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

.stream-table tbody tr td {
    padding:0;
    height:100%;
    display:block;
    background:transparent!important;
}

.stream-table tbody tr td:hover {
    background:transparent!important;
}

.stream-table tbody tr td a {
    height:100%;
    display:flex;
    flex-direction:column;
}

.stream-table .stream-img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}

.stream-table .stream-img img {
    height:100%;
}

.stream-table .first-info {
    display:flex;
    flex-direction:column;
    padding:20px;
    height:100%;
}

.stream-table .stream-title {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #fff!important;
    margin-bottom:8px;
    display:block;
}

.stream-table .stream-title + div {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.stream-table .stream-title + div b {
    display:none;
}

.stream-table .stream-progress {
    margin-top:auto;
    display:flex;
    gap:10px;
    align-items:center;
}

.stream-progress-wrap {
    width:100%;
    height:4px;
    border-radius: 8px;
	background: rgba(255, 255, 255, 0.25);
    overflow:hidden;
}

.stream-progress-scale {
    height:inherit;
    border-radius: 8px;
    background: linear-gradient(90deg, #b79043 0%, #f1e2b7 100%);
}

.stream-progress-percent {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.7);
}

.stream-table .last-lesson-info {
    margin-top:auto;
    padding:20px 70px 20px 20px;
    background:#fff;
    min-height:93px
}

.stream-table .last-lesson-info span {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: rgba(11, 32, 65, 0.6);
    margin-bottom:5px;
    display:block;
}

.stream-table .last-lesson-info .lesson-name {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b2041;
}

.stream-table tr:not(.with-last-lesson) .stream-progress {
    margin-right:45px;
}

.stream-table tbody tr td a:before {
    content:'';
    width:37px;
    height:36px;
    background-image:url(/fileservice/file/download/a/954256/sc/349/h/9cdbdfc42656c03fefe187269acee426.png);
    background-size:cover;
    position:absolute;
    bottom:20px;
    right:18px;
}

/*Уроки*/
.lesson-list {
    padding:0;
    background:transparent!important;
    margin:0;
}

.lesson-list li {
    margin:0;
    margin-bottom:20px;
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    min-height:unset;
    border-left: 20px solid #c8a44d;
}

.lesson-list li .state-icon-block {
    display:none;
}

.lesson-list li .info {
    margin:0;
}

.lesson-list li .info table,
.lesson-list li .info table tbody,
.lesson-list li .info table tbody tr{
    display:block;
    min-height:unset;
}

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

.lesson-list li .item-main-td {
    display:block;
    height:unset!important;
    padding:0!important;
    min-height:unset!important
}

.lesson-list li .vmiddle {
    position:relative;
    min-height:100px;
    padding:18.5px 267px 18.5px 20px!important;
    display:flex!important;
    flex-direction:column;
    justify-content: center;
    gap:5px;
}

.lesson-list li .title {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #050505;
}

.lesson-list li .description {
    margin-top:auto;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #0b2041;
}

.lesson-list li .user-state-label-ex,
.lesson-list li .lesson-date{
    display:none!important;
}

.lesson-list li.user-state-has_mission .vmiddle:before,
.lesson-list li.user-state-answered .vmiddle:before,
.lesson-list li.user-state-accomplished .vmiddle:before,
.lesson-list li.user-state-need_accomplish .vmiddle:before{
    content:'Есть задание';
    position:absolute;
    top:50%;
    right:87px;
    transform:translatey(-50%);
    border: 1px solid #e7d9cb;
    border-radius: 5px;
    background: #fcf3ea;
    padding:2px 10px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    color: rgba(5, 5, 5, 0.6);
}

.lesson-list li.user-state-answered .vmiddle:before {
    content:'Задание на проверке'
}

.lesson-list li.user-state-accomplished .vmiddle:before {
    content:'Задание принято'
}

.lesson-list li.user-state-need_accomplish .vmiddle:before {
    content:'Стоп-урок'
}

.lesson-list li .vmiddle:after {
    content:'';
    width:37px;
    height:36px;
    position:absolute;
    background-image:url(/fileservice/file/download/a/954256/sc/349/h/9cdbdfc42656c03fefe187269acee426.png);
    background-size:cover;
    top:50%;
    right:20px;
    transform:translatey(-50%);
}



/*Правая колонка*/
.training-progressbar {
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    background: #fff;
    padding:20px;
}

.training-progressbar h2 {
    text-align:center;
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 144%;
    text-align: center;
    color: #0b2041;
}

svg.lessons-dount {
    width:250px;
    height:250px;
    display:block!important;
}

svg.lessons-dount .donut-hole {
    fill: white; /* цвет дырки */
}

svg.lessons-dount .donut-ring {
    stroke: #38475C; /* цвет кольца */
    stroke-width: 2; /* толщина кольца */
    fill: transparent;
}

svg.lessons-dount .donut-segment {
    stroke: #C8A44D; /* цвет заполнения */
    stroke-width: 2; /* толщина заполнения */
    fill: transparent;
    stroke-dasharray: "0 100";
    stroke-dashoffset: 25;
}

.chart-text {
    font: 16px/1.4em 'Montserrat', Arial, sans-serif; 
    fill: #000; 
    -moz-transform: translateY(0.25em); 
    -ms-transform: translateY(0.25em); 
    -webkit-transform: translateY(0.25em); 
    transform: translateY(0.25em);
}

.chart-number {
    font-size: 0.6em; 
    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);
}

.chart-label {
   font-size: 0.2em; 
   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);
}

.complete-lesson .html-content,
.all-lesson .html-content{
    display:flex;
    justify-content: space-between;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b2041;
    margin-top:10px;
    display:flex;
    align-items:center;
}

.complete-lesson .html-content span,
.all-lesson .html-content span {
    padding:5px;
    background: #c8a44d;
    width:144px;
    text-align:center;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0b2041;
}

.all-lesson .html-content span {
    background: #d9d9d9;
}

.chart-number {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    fill: #c8a44d;
}

/*Футер*/
.footer {
    padding:40px;
    background: #38475c;
    display:flex;
    justify-content: space-between;
}

.footer img {
    height:102px;
}

.footer-center {
    display:flex;
    flex-direction:column;
    gap:10px;
}

.footer-center a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #fff!important;
}

.footer-right {
    display:flex;
    flex-direction:column;
    align-items: center;
}

.footer-right h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #fff;
    margin-bottom:20px;
}

.footer-right .social-block {
    display:flex;
    gap:8px;
}

.footer-right .social-block a {
    width:60px;
    height:60px;
    background-size:cover;
}

.footer-right .social-block a.social-tg {
    background-image:url(/fileservice/file/download/a/954256/sc/449/h/97c694c7dcdbef914adfbe079b1e6d4c.png);
}

.footer-right .social-block a.social-vk {
    background-image:url(/fileservice/file/download/a/954256/sc/511/h/8538a292681c106d262fa7bc9625521a.png);
}

.footer-right .social-block a.social-max {
    background-image:url(/fileservice/file/download/a/954256/sc/95/h/389a9a407940e04ac25008581fcf5d0f.png);
}


@media(max-width:768px) {
    body {
        background-image:url(/fileservice/file/download/a/954256/sc/251/h/41daf8e67876771aea04faa57dbc4629.png);
    }
    
    .gc-main-content.with-left-menu .main-page-block > .container {
        padding:0 15px;
    }
    
    .main-page-block .container .breadcrumbs {
        margin-top:20px;
    }
    
    .page-header {
        margin-top:36px;
    }
    
    .page-header h1 {
        font-size: 24px;
        
    }
    
    .stream-table {
        margin-left:0
    }
    
    
    .stream-table tbody {
        gap:10px;
    }
    
    .stream-table tbody tr {
        flex:0 0 100%;
        height:196px;
    }
    
    .stream-table .stream-img img {
        width:100%;
        height:unset
    }
    
    .stream-table .first-info {
        padding:10px;
    }
    
    .stream-table .stream-title {
        font-size:22px;
        margin-bottom:5px;
    }
    
    .stream-table .stream-title + div {
        font-size:10px;
    }
    
    .stream-table .last-lesson-info {
        padding:10px;
    }
    
    .stream-table .last-lesson-info span {
        font-size:8px;
    }
    
    .stream-table .last-lesson-info .lesson-name {
        font-size:12px;
    }
    
    .training-progressbar {
        padding:10px;
    }
    
    .training-progressbar h2 {
        font-size: 22px;
        line-height:130%;
    }
    
    svg.lessons-dount {
        width:180px;
        height:180px;
    }
    
    .chart-number {
        font-size:8px
    }
    
    .progress-bottom-text {
        font-size:12px;
        margin-top:20px
    }
    
    .footer {
        padding:40px 27px 60px 27px;
        flex-direction:column;
        align-items: flex-start
    }
    
    .footer img {
        height:64px;
        margin-bottom:20px;
    }
    
    .footer-center a {
        font-size:12px;
    }
    
    .footer-right {
        margin-top:20px;
        align-items: flex-start;
    }
    
    .footer-right h3 {
        font-size: 14px;
    }
    
    .footer-right .social-block a {
        width:36px;
        height:36px;
    }
    
    .lesson-list li {
        margin-bottom:10px;
        border-left: 10px solid #c8a44d;
    }
    
    .lesson-list li .vmiddle {
        padding:18px 71px 18px 20px!important
    }
    
    .lesson-list li .title {
        font-size:15px
    }
    
    .lesson-list li .description {
        font-size:12px;
    }
}

.page-actions .btn-success {
    background:#C8A44D!important;
    border:1px solid #C8A44D!important;
}

.gc-user-user .xdget-trainingAchievements {
    display:none;
}

.breadcrumbs {
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.breadcrumbs a {
    padding:10px 15px;
    border: 2px solid #c8a44d;
    border-radius: 10px;
    vertical-align:middle;
}

.breadcrumbs:before {
    content:'';
    width:46px;
    height:46px;
    background-image:url(/fileservice/file/download/a/954256/sc/232/h/f9dc20c50245d0ddb9a828b0a83b86b3.png);
    display:inline-block;
    background-size:cover;
    vertical-align:middle;
}

/*Футер*/
.footer {
    padding:40px;
    background: #38475c;
    display:flex;
    justify-content: center;
}

.footer-wrap {
    display: flex;
    justify-content: space-between;
    max-width:1300px;
    width:100%;
}

.footer-logo-wrap {
    display:flex;
    align-items:center;
    gap:20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -0.02em;
    color: #C8A44D;
}

@media(max-width:768px) {
    .footer-wrap {
        flex-direction:column;
        align-items:flex-start;
    }
    
    .footer-logo-wrap {
        font-size:0!important
    }
}