@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/436/h/a8cde3bf266fd8f40bc72cc6a663ef1d.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;
}

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

/*Шапка*/
.main-page-header-block {
    margin-top:80px;
}

.title-wrapper {
    margin-bottom:40px;
    position:relative;
}

.title-wrapper .notification-link {
    width:64px;
    height:64px;
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    display:block;
    background:#fff;
    position:absolute;
    top:0;
    right:0;
}

.title-wrapper .notification-link:before {
    content:'';
    mask-image:url(/fileservice/file/download/a/954256/sc/244/h/4aeefe1687a5e3849db61ab7522d505c.svg);
    mask-size:cover;
    -webkit-mask-image:url(/fileservice/file/download/a/954256/sc/244/h/4aeefe1687a5e3849db61ab7522d505c.svg);
    -webkit-mask-size:cover;
    background:#0B2041;
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.notification-link-count {
    position:absolute;
    top:12px;
    right:12px;
    background: #ec6666;
    border-radius:50%;
    padding:5px 7px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height:75%;
    color: #fff;
    min-width:19px;
}

.main-page-header-block .title-left h4 {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 156%;
    color: #0b2041;
}

.main-page-header-block .title-left h3 {
    font-family: 'Cormorant Garamond', sans-serif!important;
    font-weight: 700;
    font-size: 76px;
    line-height: 144%;
    color: #0b2041;
    margin-top:-24px;
}

.main-page-header-block .title-left h3 span {
    color: #c8a44d;
}

.main-page-header-block .title-left > span {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #0b2041;
    max-width:389px;
    display:block;
}

.notification-subitems {
    background:#fff;
    border-radius:10px;
    border: 1px solid #e2d7bb;
    max-width:260px;
    width:100%;
    position:absolute;
    right:0;
    top:74px;
    padding:10px;
    display:none;
}

.notification-subitems-header {
    display:flex;
    justify-content: space-between;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #0b2041;
    align-items: center;
    padding-bottom:10px;
    border-bottom: 1px solid rgba(11, 32, 65, 0.6);
}

.viewed-all-link {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: -0.03em;
    text-align: right;
    color: #0b2041!important;
    border-bottom: 1px solid transparent;
    transition:all .3s;
}

.viewed-all-link:hover {
    border-bottom: 1px solid #c8a44d;
}

.notification-subitems .notification-block {
    padding-block:10px;
    border-bottom: 1px solid rgba(11, 32, 65, 0.6);
    position:relative;
}

.notification-subitems .notification-block .notification-close {
    width:8px;
    height:8px;
    mask-image:url(/fileservice/file/download/a/954256/sc/185/h/3e40c8fdabf33ed62b27d301c3279481.svg);
    -webkit-mask-image:url(/fileservice/file/download/a/954256/sc/185/h/3e40c8fdabf33ed62b27d301c3279481.svg);
    mask-size:cover;
    -webkit-mask-size:cover;
    background:rgba(11, 32, 65, 0.6);
    position:absolute;
    top:10px;
    right:0;
    transform:rotate(45deg);
}

.notification-subitems .notification-block img {
    width:40px;
    height:40px;
    border-radius:50%;
    border: 1px solid #0b2041;
    flex:0 0 40px;
}

.notification-subitems .notification-block > a:not(.notification-close) {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.notification-subitems .notification-block .notification-content {
    width:calc(238px - 40px - 10px);
}

.notification-subitems .notification-block .notification-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #0b2041;
    margin-bottom:15px;
}

.notification-subitems .notification-block .notification-date {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: -0.02em;
    text-align: right;
    color: rgba(11, 32, 65, 0.6);
}

.notification-subitems .all-notifications-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: -0.03em;
    text-align: center;
    color: #0b2041;
    margin:10px auto 0;
    display:block;
    width:fit-content;
    border-bottom: 1px solid transparent;
    transition: all .3s;
}

.notification-subitems .all-notifications-link:hover {
    border-bottom: 1px solid #c8a44d;
}

.first-blocks {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.upcoming-events {
    flex:0 0 688px;
    display:flex;
}

.upcoming-events-left {
    border-bottom: 1px solid #e2d7bb;
    border-left: 1px solid #e2d7bb;
    border-top: 1px solid #e2d7bb;
    border-radius: 10px 0 0 10px;
    background: #0b2041;
    padding:20px;
    display:flex;
    flex-direction:column;
}

.upcoming-events-left > div {
    display:flex;
    gap:20px;
}

.upcoming-events-left > div img {
    width:64px;
    height:64px;
}

.upcoming-events-header {
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    gap:0 20px;
}

.upcoming-events-header h3 {
    flex:0 0 100%;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.upcoming-events-header .event-date {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 156%;
    color: #fff;
    font-variant-numeric: lining-nums;
}

.upcoming-events-header .event-time {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0b2041;
    background: #c8a44d;
    border-radius:4px;
    padding:5px 10px;
}

.upcoming-events-left .event-title {
    margin-top:12px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom:12px;
}

.upcoming-events-left .event-subtitle {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
}

.upcoming-events-left button {
    margin-top:auto;
    width:fit-content;
    background: #c8a44d;
    border-radius:5px;
    border:none;
    outline:none;
    padding:10px 25px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0b2041;
    display:flex;
    align-items: center;
    gap:10px;
    transition:all .3s;
}

.upcoming-events-left button:hover {
    transform:translatey(-3px);
}

.upcoming-events-left button:after {
    content: '';
    display: block;
    width: 13px;
    height: 15px;
    background: #0b2041;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
}

.upcoming-events-right {
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2d7bb;
    border-right: 1px solid #e2d7bb;
    border-top: 1px solid #e2d7bb;
    border-radius: 0 10px 10px 0;
    background: #fff;
    padding:20px;
    flex:0 0 268px
}

.upcoming-events-right > h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #0b2041;
}

.event-counter {
   display:flex; 
    width:100%;
}

.event-counter > div {
    display:flex;
    flex-direction:column;
    align-items: center;
    flex:0 0 33.3333%
}

.event-counter > div.hours {
    border-right:1px solid #0b2041;
    border-left:1px solid #0b2041;
}

.event-counter h3 {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 156%;
    color: #0b2041;
}

.event-counter span {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #0b2041;
}

.upcoming-events-calendar h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0b2041;
    display:flex;
    align-items: center;
    gap:20px;
    margin-bottom:10px;
}

.upcoming-events-calendar h3:before {
    content:'';
    width:15px;
    height:16px;
    background:#0B2041;
    mask-image:url('/fileservice/file/download/a/954256/sc/251/h/5645cc22bee6df4164dc9de0578405ff.svg');
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/251/h/5645cc22bee6df4164dc9de0578405ff.svg');
    mask-image:cover;
    -webkit-mask-image:cover;
}

.external-calendars {
    display:flex;
    justify-content: space-between;
}

.external-calendars a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0b2041!important;
    transition:all .3s;
    border-bottom: 1px solid transparent;
}

.external-calendars a:hover {
    border-bottom: 1px solid #c8a44d;
}

.first-right-blocks {
    display:flex;
    gap:20px;
}

.first-right-blocks > div {
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    background: #fff;
    padding:20px 15px;
    display:flex;
    flex-direction:column;
    max-width:184px;
}

.first-right-blocks img {
    width:64px;
    align-items: center;
    margin:0 auto 10px;
}

.first-right-blocks h3 {
    font-family: 'Cormorant Garamond', sans-serif!important;
    font-weight: 700;
    font-size: 24px;
    line-height: 83%;
    text-align: center;
    color: #0b2041;
    margin-bottom:15px;
}

.first-right-blocks span {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #0b2041;
    margin-bottom:15px;
}

.first-right-blocks a {
    display:flex;
    align-items: center;
    margin:auto auto 0;
    gap:10px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0b2041!important;
    transition: all .3s;
    border-bottom: 1px solid transparent;
}

.first-right-blocks a:hover {
    border-bottom: 1px solid #c8a44d;
}

.first-right-blocks a:after {
    content: '';
    display: block;
    width: 13px;
    height: 15px;
    background: #0b2041;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
}

/*Мои материалы*/
.my-materials-header {
    margin-bottom:10px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.my-materials-header h3 {
    font-family: 'Cormorant Garamond', sans-serif!important;
    font-weight: 700;
    font-size: 36px;
    line-height: 156%;
    color: #212c3a;
}

.my-materials-header a {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0b2041!important;
    display:flex;
    align-items:center;
    gap:10px;
    border-bottom: 1px solid transparent;
    transition:all .3s;
}

.my-materials-header a:after {
    content: '';
    display: block;
    width: 13px;
    height: 15px;
    background: #0b2041;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
}

.my-materials-header a:hover {
    border-bottom: 1px solid #c8a44d;
}

.stream-table.new {
    margin-left:0;
    margin-bottom:20px;
}

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

.stream-table.new 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;
}

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

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

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

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

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

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

.stream-table.new .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.new .stream-title + div {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

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

.stream-table.new .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.new .last-lesson-info {
    margin-top:auto;
    padding:20px;
    background:#fff;
    min-height:93px
}

.stream-table.new .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.new .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;
}

/*Вводный урок*/
.introductory-lesson {
    background-image:url('/fileservice/file/download/a/954256/sc/146/h/68f43182fbb5053e1f6d4f207c811bd9.png');
    background-size:cover;
    margin-bottom:20px;
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    padding:40px 20px;
}

.introductory-lesson-subtitle {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #c8a44d;
    margin-bottom:17px;
}

.introductory-lesson-title {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 140%;
    color: #0b2041;
    line-height:70%;
    margin-bottom:17px;
}

.introductory-lesson-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b2041;
    max-width:517px;
    margin-bottom:20px;
}

.introductory-lesson button {
    background: #c8a44d;
    border:none;
    border-radius: 4px;
    padding:10px 25px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0b2041;
    display:flex;
    gap:10px;
    align-items:center;
    transition:all .3s;
}

.introductory-lesson button:hover {
    transform:translatey(-3px);
}

.introductory-lesson button:after {
    content: '';
    display: block;
    width: 13px;
    height: 15px;
    background: #0b2041;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
}

/*Поисковая строка*/
.search-block {
    position:relative;
    margin-bottom:20px;
}

.search-icon {
    position:absolute;
    width:19px;
    height:19px;
    display:block;
    top:50%;
    left:18px;
    transform:translatey(-50%);
    mask-image:url('/fileservice/file/download/a/954256/sc/78/h/40410b0d2dd007b0f0e82079b5869da4.svg');
    mask-size:cover;
    background:#0B2041;
    cursor:pointer;
}

.search-icon.load {
    mask-image:url('/fileservice/file/download/a/790870/sc/95/h/132464d44d919aa318f89ad460185abc.svg');
    animation:load 1.5s infinite linear;
}

@keyframes load {
    0% {
        transform:translatey(-50%) rotate(0deg)
    }
    100% {
        transform:translatey(-50%) rotate(360deg)
    }
}

.field-search {
    width:100%;
    border:1px solid #e2d7bb;
    border-radius:8px;
    padding:16px 48px;
    outline:none;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.search-clear {
    position:absolute;
    width:10px;
    height:10px;
    display:block;
    top:50%;
    right:19px;
    transform:translatey(-50%);
    mask-image:url('/fileservice/file/download/a/954256/sc/106/h/5a030ec30005b3efd15d044a5524a61b.svg');
    mask-size:cover;
    background:#0B2041;
    cursor:pointer;
}

.result-wrap {
    position:absolute;
    top:64px;
    left:0;
    width:100%;
    border:1px solid #e2d7bb;
    z-index:999;
    background:#fff;
    border-radius:8px;
    padding:0px 8px 4px;
    max-height:300px;
    overflow-y:scroll
}

.result-wrap::-webkit-scrollbar {
    width:3px
}

.result-wrap::-webkit-scrollbar-track {
    background:transparent
}

.result-wrap::-webkit-scrollbar-thumb {
    background:#999;
    border-radius:10px
}

.result-wrap h3 {
    color:#999;
    font-size:12px;
    font-weight:400;
    margin-bottom:10px;
    padding-left:8px;
    margin-top:20px;
}

.result-wrap a {
    display:flex;
    align-items: center;
    gap:0px;
    margin-bottom:0px;
    text-decoration:none;
    transition:all .3s;
    padding:8px;
    border-radius:5px;
}

.result-wrap a:hover {
    background:#eee;
}

.result-wrap a .image-wrap {
    width:50px;
    height:50px;
    flex:0 0 50px;
    display:flex;
    align-items: center;
    justify-content: center;
    background:#f0f0f0;
    border-radius:5px;
}

.result-wrap a .image-wrap img {
    border-radius:5px;
}

.result-wrap a .image-wrap .result-image {
    mask-image:url('/fileservice/file/download/a/790870/sc/347/h/d84d664c054cd4167fd06c6ffcd6ccc7.svg');
    mask-size:cover;
    background:#999;
    width:15px;
    height:15px;
}

.result-wrap a .result-title {
    color:#333
}

.result-wrap a .result-description {
    color:#999
}

/*Прочие блоки*/
.other-blocks {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:20px;
}

.other-block {
    flex:0 0 calc(50% - 10px);
    min-height:267px;
    background-size:cover;
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    padding-left:121px;
}

.other-block:nth-child(1) {
    background-image:url(/fileservice/file/download/a/954256/sc/295/h/cfa53a55704827d8fe5d74a0b9b6dfd1.png);
}

.other-block:nth-child(2) {
    background-image:url(/fileservice/file/download/a/954256/sc/288/h/cd39593ff2dabcb0587816b1e312e5be.png);
}

.other-block:nth-child(3) {
    background-image:url(/fileservice/file/download/a/954256/sc/236/h/db3721babbc47f4368890205ded9c1a6.png);
}

.other-block:nth-child(4) {
    background-image:url(/fileservice/file/download/a/954256/sc/203/h/2f1a3f59860c6d70776fd8131b6adf9a.png);
}

.other-content-wrapper {
    padding:20px;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.4) 98.58%);
    height:100%;
    display:flex;
    flex-direction:column;
}

.other-content-wrapper img {
    width:64px;
    margin-bottom:10px;
}

.other-content-wrapper h2 {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 67%;
    color: #0b2041;
    margin-bottom:20px;
}

.other-content-wrapper .xdget-html {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #0b2041;
}

.other-content-wrapper button {
    border: 2px solid #c8a44d;
    border-radius: 5px;
    background:transparent;
    margin-top:auto;
    transition:all .3s;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0b2041;
    padding:8px;
    display:flex;
    justify-content: center;
    align-items: center;
    gap:10px;
}

.other-content-wrapper button:hover {
    background: #c8a44d;
}

.other-content-wrapper button:after {
    content: '';
    display: block;
    width: 13px;
    height: 15px;
    background: #0b2041;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
}

/*Новости*/
.news-block {
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    margin-bottom:20px;
    background:#fff;
    padding:20px;
}

.news-header {
    padding-bottom:20px;
    border-bottom: 1px solid #e2d7bb;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.news-header h2 {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 116%;
    color: #0b2041;
    display:flex;
    align-items: center;
    gap:20px;
}

.news-header h2:before {
    content:'';
    width:36px;
    height:36px;
    display:block;
    mask-image:url('/fileservice/file/download/a/954256/sc/244/h/e691500faf7c3f4fef62beca44046286.svg');
    mask-size:cover;
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/244/h/e691500faf7c3f4fef62beca44046286.svg');
    -webkit-mask-size:cover;
    background:#0B2041;
}

.news-header a {
    border-bottom: 1px solid transparent;
    display:flex;
    align-items:center;
    gap:10px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0b2041!important;
    transition:all .3s;
}

.news-header a:hover {
    border-bottom: 1px solid #c8a44d;
}

.news-header a:after {
    content: '';
    display: block;
    width: 13px;
    height: 15px;
    background: #0b2041;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
}

.news-block .news {
    display:flex;
    padding-block:10px;
    border-bottom: 1px solid #e2d7bb;
    gap:20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #0b2041;
}

.news-block .news:after {
    content:'';
    width:17px;
    height:14px;
    mask-image:url('/fileservice/file/download/a/954256/sc/117/h/5e171769579545491bac19bfdb6966aa.svg');
    mask-size:cover;
    -webkit-mask-image:url('/fileservice/file/download/a/954256/sc/117/h/5e171769579545491bac19bfdb6966aa.svg');
    -webkit-mask-size:cover;
    background:#C8A44D;
    margin-left:auto;
}


/**Правая колонка**/
/*Бонусный блок*/
.bonus-block {
    background: rgba(200, 164, 77, 0.5);
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    padding:20px;
    margin-bottom:20px;
}

.bonus-block > div {
    display:flex;
    align-items: center;
    gap:10px;
    margin-bottom:20px;
}

.bonus-block > div img {
    width:78px;
    height:78px;
    border-radius:50%;
}

.bonus-block div h2 {
    font-family: 'Cormorant Garamond', sans-serif!important;
    font-weight: 700;
    font-size: 35px;
    line-height: 99%;
    color: #0b2041;
    margin-bottom:0px;
}

.bonus-block div .balance-label {
    font-size:0;
}

.bonus-block div .balance-label b {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    color: #0b2041;
    text-transform: lowercase;
}

.bonus-block button {
    width:100%;
    background: #0b2041;
    border-radius: 5px;
    border:none;
    outline:none;
    padding:10px;
    transition:all .3s;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    display:flex;
    align-items: center;
    justify-content: center;
    gap:10px;
}

.bonus-block button:after {
    content: "";
    display: block;
    width: 13px;
    height: 15px;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-size: cover;
    background: #fff;
}

.bonus-block button:hover {
    transform:translatey(-3px);
}

/*Блок доступа*/
.count-wrapper {
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    background:#fff;
    margin-bottom:20px;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items: center;
}

.count-wrapper .count-header {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 144%;
    text-align: center;
    color: #0b2041;
    margin-bottom:10px;
}

.count-wrapper .remaining-days {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    color: #c8a44d;
    margin-bottom:10px;
}

.count-wrapper .remaining-date {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #0b2041;
}

.count-wrapper .xdget-productTiming {
    display:none;
}

/*Ваш тариф*/
.your-plan-block {
    background:#fff;
    border: 1px solid #e2d7bb;
    border-radius: 10px;
    margin-bottom:20px;
    padding:20px;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.your-plan-block h2 {
    font-family: 'Cormorant Garamond', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 144%;
    text-align: center;
    color: #0b2041;
    margin-bottom:20px;
}

.your-plan-block .xdget-html {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    color: #0b2041;
    margin-bottom:20px;
}

.your-plan-block button {
    background: #c8a44d;
    border-radius:5px;
    border:none;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    width:100%;
    justify-content: center;
    transition:all .3s;
}

.your-plan-block button:after {
    content: "";
    display: block;
    width: 13px;
    height: 15px;
    mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    mask-size: cover;
    -webkit-mask-image: url(/fileservice/file/download/a/954256/sc/172/h/b1dafac94375de706858789790fc68a3.svg);
    -webkit-mask-size: cover;
    background: #0b2041;
}

.your-plan-block button:hover {
    transform:translatey(-3px);
}

/*Календарь*/
.calendar-wrapper {
    background:#fff;
    border-radius:10px;
    border: 1px solid #e2d7bb;
    padding:20px;
}

.calendar-wrapper > h3 {
    font-family: 'Cormorant Garamond', sans-serif!important;
    font-weight: 700;
    font-size: 30px;
    line-height: 116%;
    text-align: center;
    color: #0b2041;
    margin-bottom:20px;
}

.calendar-wrapper .calendar-header {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:30px
}

.calendar-wrapper .calendar-header .month-arrow {
    border-radius:10px;
    background:transparent;
    width:40px;
    height:40px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    transition:all .3s;
}

.calendar-wrapper .calendar-header .month-arrow:after {
    content:'\f104';
    font-family:'Inter', 'FontAwesome', sans-serif;
    font-size:16px;
    line-height:100%;
    font-weight:700;
    color:#0B2041;
    transition:all .3s;
}

.calendar-wrapper .calendar-header .month-arrow:hover:after {
    color:#C8A44D;
}

.calendar-wrapper .calendar-header .month-arrow.arrow-right:after {
    content:'\f105'
}

.calendar-wrapper .calendar-header .today-date {
    font-family:'Inter', 'FontAwesome', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0b2041;
}

.calendar-body .week-days {
    font-family:'Inter', 'FontAwesome', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.01em;
    opacity:.5;
    margin-bottom:20px
}

.calendar-body > div {
    display:flex;
    flex-wrap: wrap;
    text-align:center;
    gap:20px 0
}

.calendar-body > div > div {
    width:calc(100% / 7);
    position:relative;
    z-index:1
}

.calendar-body .days {
    font-family:'Inter', 'FontAwesome', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -0.01em;
}

.calendar-body .days > div.another {
    opacity:.5
}

.calendar-body .days > div.event {
    cursor:pointer
}

.calendar-body .days > div.today:before {
    content:'';
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border-radius:50%;
    z-index:-1;
    transition:all .3s;
    background:#E2D7BB;
}

.calendar-body .days > div.event:before {
    content:'';
    width:30px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    border-radius:50%;
    z-index:-1;
    transition:all .3s;
    background:#B6BFCF;
    color:#fff
}

.calendar-events {
    margin-top:25px;
    background: #f3f3f3;
    border-radius:5px;
}

.calendar-events h3{
    display:none;
}

.calendar-events a {
    display:flex;
    flex-wrap: wrap;
    border-radius:10px;
    padding:20px;
    text-decoration:none;
    transition:all .3s;
    pointer-events:none;
    gap:10px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #0B2041;
}

.calendar-events a[href*='/'] {
    pointer-events: all;
}

.calendar-events .event-date {
    order:1
}

.calendar-events .event-time {
    order:2
}

.calendar-events .event-name {
    order:3;
    flex:0 0 100%
}


/*Футер*/
.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/454/h/5c0048061088de73110bb841b18946f1.png);
    }
    
    .gc-main-content.with-left-menu .main-page-block > .container {
        padding:0 10px;
    }
    
    .main-page-header-block {
        margin-top: 43px;
        margin-bottom:32px;
    }
    
    .title-wrapper {
        margin-bottom:20px;
    }
    
    .main-page-header-block .title-left h4 {
        margin-top:0;
        font-size: 18px;
        line-height: 152%;
    }
    
    .main-page-header-block .title-left h3 {
        font-size: 40px;
        line-height: 133%;
        margin-top:-12px;
    }
    
    .main-page-header-block .title-left > span {
        font-size: 12px;
        max-width:234px;
    }
    
    .title-right {
        display:none;
    }
    
    .first-blocks {
        gap:10px;
    }
    
    .upcoming-events {
        flex:0 0 100%;
    }
    
    .upcoming-events-left {
        padding:10px;
        border-radius: 5px 0 0 5px;
        flex:0 0 58%;
    }
    
    .upcoming-events-left > div {
        gap:12px;
    }
    
    .upcoming-events-left > div img {
        width:30px;
        height:30px;
    }
    
    .upcoming-events-header {
        gap:5px 12px;
    }
    
    .upcoming-events-header h3 {
        font-size: 8px;
    }
    
    .upcoming-events-header .event-date {
        font-size: 20px;
        line-height: 168%;
    }
    
    .upcoming-events-header .event-time {
        font-size: 8px;
        padding:2px 5px;
    }
    
    .upcoming-events-left .event-title {
        margin-block:7px;
        font-size: 8px;
    }
    
    .upcoming-events-left .event-subtitle {
        font-size: 14px;
        margin-bottom:7px;
    }
    
    .upcoming-events-left button {
        font-size: 10px;
        padding:6px 15px;
        gap:6px;
    }
    
    .upcoming-events-left button:after {
        width:10px;
        height:9px;
    }
    
    .upcoming-events-right {
        padding:10px 6px;
        flex:0 0 42%;
        border-radius: 0 5px 5px 0;
    }
    
    .upcoming-events-right > h3 {
        font-size: 8px;
    }
    
    .event-counter h3 {
        font-size: 18px;
        line-height: 130%;
        margin-bottom:3px;
    }
    
    .event-counter span {
        font-size: 10px;
    }
    
    .upcoming-events-calendar h3 {
        font-size: 8px;
        gap:5px;
    }
    
    .upcoming-events-calendar h3:before {
        width:10px;
        height:11px;
        mask-size:cover;
        -webkit-mask-size:cover;
    }
    
    .external-calendars a {
        font-size: 10px;
    }
    
    .first-right-blocks {
        flex-direction:column;
        gap:10px;
        flex:0 0 100%;
    }
    
    .first-right-blocks > div {
        max-width:100%;
        position:relative;
        padding:10px 10px 10px 52px;
        border-radius: 5px;
        align-items: flex-start
    }
    
    .first-right-blocks img {
        position:absolute;
        margin:0;
        top:50%;
        left:10px;
        transform:translatey(-50%);
        width:32px;
    }
    
    .first-right-blocks h3 {
        margin-bottom:10px;
        font-size: 20px;
        line-height: 100%;
    }
    
    .first-right-blocks span {
        margin:0;
        max-width:206px;
        text-align:left;
    }
    
    .first-right-blocks a {
        position:absolute;
        bottom:10px;
        right:10px;
        font-size: 12px;
    }
    
    .my-materials-header {
        margin-bottom:17px;
    }
    
    .my-materials-header h3 {
        font-size: 24px;
        line-height: 233%;
    }
    
    .my-materials-header a {
        font-size: 10px;
    }
    
    .introductory-lesson {
        border-radius: 5px;
        padding:10px;
    }
    
    .introductory-lesson-subtitle {
        font-size: 10px;
        margin-bottom:10px;
    }
    
    .introductory-lesson-title {
        font-size: 22px;
        line-height: 130%;
        margin-bottom:10px;
    }
    
    .introductory-lesson-text {
        font-size: 12px;
        line-height: 120%;
        max-width:245px;
        margin-bottom:10px;
    }
    
    .introductory-lesson button {
        font-size: 10px;
        padding:7px 15px;
        gap:6px;
    }
    
    .introductory-lesson button:after {
        width:17px;
        height:15px;
    }
    
    .search-icon {
        width:20px;
        height:20px;
    }
    
    .field-search {
        padding:14px 48px;
        font-size: 10px;
        border-radius: 5px
    }
    
    .other-blocks {
        gap:10px;
        margin-bottom:30px;
    }
    
    .other-block {
        flex:0 0 100%;
        min-height:unset;
        padding-left:75px;
        border-radius:5px;
    }
    
    .other-content-wrapper {
        padding:10px;
    }
    
    .other-content-wrapper img {
        width:32px;
        margin-bottom:5px;
    }
    
    .other-content-wrapper h2 {
        font-size: 22px;
        line-height:130%;
        margin-bottom:10px;
    }
    
    .other-content-wrapper .xdget-html {
        line-height: 120%;
        margin-bottom:30px;
    }
    
    .other-content-wrapper button {
        width:fit-content;
        font-size: 10px;
        padding:7px 15px;
        gap:6px;
    }
    
    .other-content-wrapper button:after {
        width:17px;
        height:15px;
    }
    
    .news-block {
        border-radius:5px;
        padding:10px;
    }
    
    .news-header h2 {
        font-size: 22px;
    }
    
    .news-header h2:before {
        width:20px;
        height:20px;
    }
    
    .news-header a {
        font-size:10px;
    }
    
    .news-block .news {
        font-size: 12px;
        line-height: 120%;
    }
    
    .news-block .news .news-date {
        min-width:30px;
    }
    
    .bonus-block {
        border-radius:5px;
        padding:10px;
    }
    
    .bonus-block > div {
        margin-bottom:10px;
    }
    
    .bonus-block > div img {
        width:52px;
        height:52px;
    }
    
    .bonus-block div h2 {
        font-size: 22px;
    }
    
    .bonus-block div .balance-label b {
        font-size: 24px;
    }
    
    .bonus-block button {
        font-size: 10px;
        padding:11px;
    }
    
    .count-wrapper {
        padding:10px;
        border-radius:5px;
    }
    
    .count-wrapper .count-header {
        font-size: 22px;
    }
    
    .count-wrapper .remaining-days {
        font-size: 24px;
    }
    
    .count-wrapper .remaining-date {
        font-size: 12px;
    }
    
    .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;
    }
}