

@font-face {
    font-family: 'DIN2014-Regular'; 
    src: url('/fileservice/file/download/h/a6ac44ae2347b9269efc1b0588c52d1d.otf/a/861971/sc/238') format('opentype'),
        url('/fileservice/file/download/h/952ba69aa1f994de58e93a562cabc63c.woff/a/861971/sc/299') format('woff');
}

@font-face {
    font-family: 'DIN2014-Bold'; 
    src: url('/fileservice/file/download/h/1aa8379a87c0d0490c5aebfb33df75e7.otf/a/861971/sc/290') format('opentype'),
        url('/fileservice/file/download/h/9fdb16cb3c01ec233c0a34aea0c86022.woff/a/861971/sc/255') format('woff');
}


@font-face {
    font-family: 'Bebas Neue Bold'; 
    src: url('/fileservice/file/download/h/8aac41ca7ae9ac7c7edd4cc8a8ccf7ba.otf/a/861971/sc/111') format('opentype'),
        url('/fileservice/file/download/h/3fe7eb9c055ac33aaa1e3ce3e269fce8.woff/a/861971/sc/431') format('woff');
}

@font-face {
    font-family: 'Bebas Neue Book'; 
    src: url('/fileservice/file/download/h/96c53bf710e49ec9adbcc40eeacc7e19.otf/a/861971/sc/437') format('opentype'),
        url('/fileservice/file/download/h/7c6a19b1125bca6831ef97736c898204.woff/a/861971/sc/59') format('woff');
}


/* Переменные */

:root {
    --header-font-1: 'Bebas Neue Bold', sans-serif; /* Основной шрифт */
    --header-font-2: 'Bebas Neue Book', sans-serif; /* Основной шрифт */
    --second-font: 'DIN2014-Regular', sans-serif; /* Доп. шрифт */
    --second-font-2: 'DIN2014-Bold', sans-serif; /* Доп. шрифт */
    --accent-color-school:#EAD0A6;
    --color-1:#EB8260; /* кораловый */
    --color-2:#7C9C90; /* голубой */
    --light-font-color:#fff;
    --dark-font-color-1:#1E252D;
    --dark-font-color-2:#535353;
    --transparent-color:#7b7d81;
    --color-fon-school:#292d33;
    --color-fon-cards:rgba(30, 37, 45, 0.8);
    --font-size-1:25px;
    --font-size-2:56px;
    --font-size-3:16px;
    --b-radius:7px;
    --block-padding:25px 30px;
}

@media (min-width:1400px) {
    .gc-account-leftbar {
    width: 130px;
    }
    
    .gc-account-leftbar .gc-account-user-submenu-bar {
    left: 130px;
}
    
    /* сдвиг правее рабочей области на страницах сайта */
.gc-main-content.with-left-menu {
    margin-left: 130px;
}

.gc-modal {
    padding-left: 130px!important;
}

.with-left-menu .gc-into-main-content,
.popover {
    left:130px!important;
}
}

.gc-account-leftbar {
    -webkit-box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    box-shadow: 11px 11px 11px 0 rgba(0, 0, 0, 0.45);
    background-color: var(--dark-font-color-1)!important;
}

.gc-account-leftbar .gc-account-user-menu {
    background-color: var(--dark-font-color-1)!important;
}

.gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile, .menu-item-chatium) {
    margin-bottom: 10px;
}

.gc-account-leftbar .gc-account-user-menu li a {
    background-color: var(--dark-font-color-1)!important;
    margin-inline: auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    gap:5px;
}

.gc-account-leftbar .gc-account-user-menu .menu-item-profile a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.gc-account-leftbar .gc-account-user-menu li.active a {
    background:var(--color-1)!important;
    border-radius: 50%;
}

.gc-account-leftbar a img {
    max-height: 42px;
    max-width: 42px;
    -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(169deg) brightness(103%) contrast(102%);
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(169deg) brightness(103%) contrast(102%);
}

.menu-item.menu-item-profile img {
    border:1px solid #fff;
}

.menu-item-label {
    font-family: var(--second-font);
    font-weight: 400!important;
    text-transform: uppercase;
    font-size: 8px!important;
    margin-top:0!important;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: 70px;
    display:block!important;
    position:relative;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:after {
    position:absolute;
    content:'УВЕДОМЛЕНИЕ';
    font-family: var(--second-font);
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 8px !important;
    color:#fff;
    left:50%;
    transform:translatex(-50%);
    bottom: 5px;
} 

.menu-item-notifications .menu-item-label,
.menu-item-chatium .menu-item-label {
    font-size: 0!important;
}

.menu-item-notifications .menu-item-label:before {
    font-size: 8px!important;
    content:'поддержка';
}

.menu-item-chatium .menu-item-label:before {
    font-size: 8px!important;
    content:'приложение';
}

.menu-item-instruction a:after {
    font-size: 8px!important;
    content:'инструкция Getcourse';
    font-family: var(--second-font);
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 8px !important;
    color: #fff;    
}







.gc-account-user-submenu-bar h3 {
    font-family: var(--header-font-1);
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    font-family: var(--second-font);
    font-weight: 400 !important;
    text-transform:uppercase;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: var(--dark-font-color-1)!important;
    color:var(--accent-color-school)!important;
}

.menu-item-delimiter a {
    color:var(--dark-font-color-1)!important;
    border-top: 1px solid var(--dark-font-color-1)!important;
}









