

@font-face {
    font-family: 'TT Commons Pro';
    src: url('/fileservice/file/download/h/a0f1d5e1637a48baef8b0de73afe2c87.woff2/a/936773/sc/383') format('woff2'),
        url('/fileservice/file/download/h/c5b544faef0ad4e916a96a03747e424a.woff/a/936773/sc/237') format('woff'),
        url('/fileservice/file/download/h/8f9b6d9f4ada4414bb2c477012750321.ttf/a/936773/sc/89') format('truetype'),
        url('/fileservice/file/download/h/f63e51f681a7dc20f4abb8d778b5c7ca.otf/a/936773/sc/342') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('/fileservice/file/download/h/9dc35ffdddd9861d5766d38dcf6c043d.woff2/a/936773/sc/360') format('woff2'),
        url('/fileservice/file/download/h/4e749d1b406ef50e7389be02f36f6e98.woff/a/936773/sc/168') format('woff'),
        url('/fileservice/file/download/h/07d4788799cc09bf13ea317aa7d41272.ttf/a/936773/sc/104') format('truetype'),
        url('/fileservice/file/download/h/fb07e5d649923fa87608252d7ac060cc.otf/a/936773/sc/150') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.standard-logo a,
.gc-account-logo {
    display: none !important;
}
.standard-logo {
    min-height: auto !important;
    margin-top: 0 !important;
}
:root {
    --font-family-Commons: "TT Commons Pro", sans-serif;
    --leftbar-width: 112px; /* ширина меню */
    --leftbar-offset: 0px;
    --leftbar-submenu-width: 200px; /* ширина внутреннего меню */
    --bg-color: #FFF; /* фон меню */
    --icon-bg-color: #FFF;  /* фон иконки в обычном состоянии */
    --icon-bg-hover-color: #FFF;   /* фон иконки при наведении */
    --icon-bg-active-color: #FFF;  /* фон активной иконки */
    --icon-title-color: #000;  /* цвет подписей иконок */
    --icon-title-color: #000;  /* цвет подписей иконок при наведении */
    --icon-title-color: #000;  /* цвет подписей иконок в активном состоянии */
    --submenu-bg-color: #FFF;   /* фон внутреннего меню */
    --submenu-title-color: #000;  /* цвет заголовка внутреннего меню */
    --submenu-link-color: #5b6066;  /* цвет ссылки внутреннего меню */
    --submenu-link-hover-color: white;  /* цвет ссылки внутреннего меню при наведении*/
    --submenu-link-bg-hover-color: #9e521e;  /* фон ссылки внутреннего меню при наведении */
    --counter-bg-color: #9e521e;  /* цвет счетчика */
    --counter-text-color: #fff;  /* цвет текста счетчика */
    --notifications-title: 'Уведомления';  /* подпись иконки "Уведомления" */
    --border-radius-icon: 15px;   /* скругление иконок */
    --border-radius-submenu: 20px;   /* скругление внутреннего меню */
    --box-shadow-menu: 4px 4px 25px 0 rgba(0, 0, 0, 0.05); /* тень меню */
    --transition: all 0.2s ease-in-out;
}

.popover.bottom.in.block-style-popover {
    left: 122px !important;
}
.gc-fade-wrapper .gc-fade {
    background: #ffffff !important;
    opacity: .5 !important;
}
.talks-widget-window {
    left: var(--leftbar-width) !important;
    width: calc(100% - var(--leftbar-width)) !important;
}
#gcAccountUserMenu {
    display: none;
}

.gc-account-leftbar .gc-account-user-menu {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: var(--leftbar-width);
    padding: 15px 5px 15px 15px;
}

.gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile:not(.default)) .menu-item-icon{
    display: none;
}

.gc-account-leftbar .gc-account-user-menu li {
    border-bottom: none;
    transition: .3s;
    border-radius: var(--border-radius-icon) !important;
    background: var(--icon-bg-color);
    position: relative;
    width: calc(var(--leftbar-width) - 20px);
}
.gc-account-leftbar .gc-account-user-menu li.selected::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 20px);
    background: var(--icon-bg-color);
    z-index: 5;
    height: 100%;
    border-radius: var(--border-radius-icon) 0 0 var(--border-radius-icon);
}
.menu-item.menu-item-search::before {
    display: none !important;
}
.gc-account-leftbar .gc-account-user-menu li a {
    overflow: hidden;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    padding: 10px 0;
    height: calc(var(--leftbar-width) - 30px);
}
.gc-account-leftbar .gc-account-user-menu .menu-item.selected a {
    border-radius: 10px 0 0 10px;
}
.gc-account-leftbar .gc-account-user-menu .menu-item.selected:after {
    height: 100%;
    position: absolute;
    right: calc(0px - var(--leftbar-offset) - 10px);
    top: 0;
    bottom: 0;
    left: 100%;
    background: var(--icon-bg-color);
    transition: .3s;
}
.gc-account-leftbar .gc-account-user-menu li a path,
.gc-account-user-submenu-bar .gc-account-user-submenu li a,
.gc-account-leftbar .gc-account-user-menu li svg > * {
    transition: .3s;
}

.gc-main-content.with-left-menu {
    margin-left: calc(var(--leftbar-width) + var(--leftbar-offset) * 2);
}

.with-left-menu .gc-into-main-content {
    left: calc(var(--leftbar-width) + var(--leftbar-offset) * 2);
}

.gc-account-leftbar {
    width: auto;  
    height: auto;
    padding: var(--leftbar-offset);
    background: var(--bg-color);
    font-family: var(--font-family-Commons), sans-serif !important;
}

.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
    margin: 8px 18px 7px 37px;
}


.menu-item-profile .menu-item-icon {
    width: 43px;
    height: 43px;
    border-radius: 50%;
}

.gc-account-leftbar .menu-item-label {
    display: none;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
    height: calc(var(--leftbar-width) - 30px);
}

.gc-account-leftbar .gc-account-user-menu li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    background: var(--icon-bg-color);
    width: calc(var(--leftbar-width) - 20px);
    height: calc(var(--leftbar-width) - 32px);
    padding: 10px 0;
    border-radius: var(--border-radius-icon) !important;
    box-shadow: var(--box-shadow-menu);
    position: relative;
    z-index: 10;
}
.gc-user-logined .gc-account-leftbar .gc-account-user-menu li a {
    height: calc(var(--leftbar-width) - 32px) !important;
}
.gc-account-leftbar .menu-item a::after {
    content: attr(title);
    color: var(--icon-title-color);
    font-weight: 500;
    font-size: 11px;
    line-height: 120%;
    color: #000;
    font-family: var(--font-family-Commons);
}
.gc-account-leftbar .menu-item.menu-item-chatium a::after {
    content: 'Приложение';
}
.gc-account-leftbar .menu-item.menu-item-notifications_button_small a::after{
    content: var(--notifications-title);
}

.gc-account-leftbar .gc-account-user-menu li a:hover {
    background-color: var(--icon-bg-hover-color);
}

.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
    background-color: var(--icon-bg-active-color);
} 

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a, 
.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-delimiter a {
    border-top: none;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
    margin: var(--leftbar-offset) 0;
    padding: 24px 0px 36px 0px;
    left: calc(var(--leftbar-width) + var(--leftbar-offset) * 2);
    height: auto;
    background: var(--submenu-bg-color);
    border-radius: 0;
    box-shadow: var(--box-shadow-menu);
    overflow: hidden;
    border-radius: var(--border-radius-submenu);
    z-index: 22;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
    width: 400px;
    margin-top: 11vw;
}
.gc-account-leftbar .gc-account-user-submenu-bar-cms {
    margin-top: 15vw;
}
.gc-account-leftbar .gc-account-user-submenu-bar-teach {
    margin-top: 20vw;
}
.gc-user-user-body .gc-account-leftbar .gc-account-user-submenu-bar-teach {
    margin-top: 13vw;
}
.gc-account-leftbar .gc-account-user-submenu-bar-user {
    margin-top: 25vw;
}
.gc-account-leftbar .gc-account-user-submenu-bar-tasks {
    margin-top: 43vh;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications {
    margin-top: 473px;
}
.gc-account-leftbar .gc-account-user-submenu-bar-sales {
    margin-top: 458px;
}
.gc-account-leftbar .gc-account-user-submenu-bar-chatium {
    margin-top: 573px;
}
.gc-account-leftbar .gc-account-user-submenu-bar:not(.gc-account-user-submenu-bar-notifications_button_small){	
    width: var(--leftbar-submenu-width);
    border-radius: var(--border-radius-submenu);
    box-shadow: var(--box-shadow-menu);
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
    max-height: 700px;
    overflow-y: scroll;
}

.gc-account-user-submenu-bar h3 {
    color: var(--submenu-title-color);
    margin: 0 0 15px 37px;
    padding: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    font-family: var(--font-family-Commons) !important;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
    padding: 8px 18px 7px 37px;
    border-radius: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: none;
    color: var(--submenu-link-color);
    font-family: var(--font-family-Commons) !important;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:last-child {
    margin-bottom: 0;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
    background: var(--submenu-link-bg-hover-color);
    color: var(--submenu-link-hover-color);
    text-decoration: none;
}

.gc-account-leftbar .menu-item .notify-count {
    bottom: auto;
    top: 4px;
    right: 22px;
    color: var(--counter-text-color);
    transition: .3s;
}
.gc-account-leftbar .menu-item .notify-count, 
.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
    background-color: var(--counter-bg-color) !important;
    width: 22px;
    min-width: auto;
    padding: 4.5px 5px;
    border-radius: 50%;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    font-family: var(--font-family-Commons);
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: auto;
    right: 22px;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover .notify-count {
    background-color: #a3fb4f !important;
    color: black  !important;
}
.gc-fade-wrapper .gc-fade {
    left: 0;
}
.toggle-link.without-icon img {
    display: none;
}
.toggle-link.without-icon::before {
    content: '';
    width: 35px;
    height: 35px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 8H29' stroke='black' stroke-width='2.5' /%3e%3cpath d='M5 17H14' stroke='black' stroke-width='2.5' /%3e%3cpath d='M5 26H18' stroke='black' stroke-width='2.5' /%3e%3cpath d='M26.7413 21.7406C28.7187 19.7632 28.7187 16.5571 26.7413 14.5797C24.7639 12.6023 21.5578 12.6023 19.5804 14.5797C17.603 16.5571 17.603 19.7632 19.5804 21.7406C21.5578 23.718 24.7639 23.718 26.7413 21.7406Z' stroke='black' stroke-width='2.5' /%3e%3cpath d='M26.7422 21.7383L32 27' stroke='black' stroke-width='2.5' /%3e%3c/svg%3e");
    background-size: cover;
    display: inline-block;
}
@media (max-width: 768px) {
    :root {
        --leftbar-offset: 10px;
    }
    .gc-account-leftbar .gc-account-user-menu {
        margin-bottom: 0;
        height: 100vh;
    }
    .gc-account-leftbar.expanded {
        height: auto;
        top: 0;
        bottom: auto;
        z-index: 1499;
    }

    .gc-main-content.with-left-menu {
        margin-left: 0;
    }

    .gc-account-leftbar .gc-account-user-menu {
        width: var(--leftbar-width);
    }

    .gc-account-leftbar .toggle-link {
        background: #fff;
    }

    .gc-page-nav-items-menu a {
        background: var(--bg-color);        
        color: var(--icon-title-color);
    }

    .gc-account-leftbar .gc-account-user-menu {
        background: var(--bg-color);
    }
    .gc-account-leftbar .gc-account-user-submenu-bar {
        margin: var(--leftbar-offset) 0 !important;
        height: auto;
    }
    .gc-page-nav-items-menu {
        left: 50px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
        width: var(--leftbar-submenu-width) !important;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .content {
        width: auto !important;
        margin-bottom: 9px;
    }
}

@media (max-height: 950px) {
    body:not(.gc-user-user-body) .gc-account-leftbar .gc-account-user-menu li a,
    body:not(.gc-user-user-body) .gc-user-logined .gc-account-leftbar .gc-account-user-menu li a,
    body:not(.gc-user-user-body) .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
        height: 70px !important;
    }
    .gc-user-user-body .gc-account-leftbar .gc-account-user-menu {
        gap: 12px !important;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
        max-height: 600px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
        margin-top: 5vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-cms {
        margin-top: 11vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-teach {
        margin-top: 14vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-user {
        margin-top: 18vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-tasks {
        margin-top: 350px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications {
        margin-top: 406px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-sales {
        margin-top: 23vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-chatium {
        margin-top: 493px;
    } 
}

@media (max-height: 800px) {
    :root {
        --leftbar-offset: 0px;
    }
    body:not(.gc-user-user-body) .gc-account-leftbar .gc-account-user-menu li a,
    body:not(.gc-user-user-body) .gc-user-logined .gc-account-leftbar .gc-account-user-menu li a,
    body:not(.gc-user-user-body) .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
        height: 60px !important;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
        max-height: 500px;
    }
    .gc-account-leftbar .menu-item .notify-count {
        top: 8px;
    }
    .gc-account-leftbar .gc-account-user-menu {
        gap: 8px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
        margin-top: 80px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-cms {
        margin-top: 7vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-user {
        margin-top: 9vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-sales {
        margin-top: 15vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications {
        margin-top: 19vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-tasks {
        margin-top: 242px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-chatium {
        margin-top: 381px;
    }
    .menu-item-profile .menu-item-icon {
        width: 23px;
        height: 23px;
    }
}

@media (max-height: 750px) {
    :root {
        --leftbar-offset: 0px;
        --border-radius-icon: 5px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header + div {
        max-height: 420px;
    }
    .gc-account-leftbar .menu-item .notify-count {
        top: 5px;
    }
    .gc-account-leftbar .gc-account-user-menu {
        gap: 5px;
    }
    .gc-account-user-submenu-bar .gc-account-user-submenu li a {
        margin-bottom: 0px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small {
        margin-top: 5vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-user {
        margin-top: 10vw;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-tasks {
        margin-top: 248px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-notifications {
        margin-top: 146px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-sales {
        margin-top: 127px;
    }
    .gc-account-leftbar .gc-account-user-submenu-bar-chatium {
        margin-top: 317px;
    }
    .with-left-menu .gc-into-main-content {
        left: 0 !important;
    }
}

/* ------------- 
content start - Куки и поддержка
------------- */

.cookies-notification__actions__button.js__accept_cookies_policy {
    background: white !important;
    border: 1px solid #cacaca !important;
    transition: var(--transition) !important;
    font-weight: 500 !important;
}
.cookies-notification__actions__button.js__accept_cookies_policy:hover {
    background: #9e521e !important;
    color: white !important;
    border-color: #9e521e !important;
}
.cookies-notification > * {
    font-family: var(--font-family-Commons) !important;
}
.cookies-notification__actions {
    display: flex;
    justify-content: flex-end;
}



.help-widget-button {
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15) !important;
    background-color: #9e521e !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='21' viewBox='0 0 24 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8809 8.34467V12.2264L20.5153 14.8608V11.013H21.6242C22.4915 11.013 23.219 10.2855 23.219 9.41964V3.0758C23.219 2.20989 22.4915 1.48242 21.6242 1.48242H8.69494C7.82903 1.48242 7.10156 2.20989 7.10156 3.0758V5.50259H15.0388C16.5983 5.50259 17.8809 6.7852 17.8809 8.34467Z' fill='white' /%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0382 6.75H2.109C1.2431 6.75 0.515625 7.47747 0.515625 8.34479V14.6533C0.515625 15.5192 1.2431 16.2467 2.109 16.2467H4.39736V20.1298L8.27909 16.2467H15.0382C15.9041 16.2467 16.633 15.5192 16.633 14.6533V8.34479C16.633 7.47747 15.9041 6.75 15.0382 6.75Z' fill='white' /%3e%3c/svg%3e") !important;
}
.help-widget-button:not(.opened, .contained)::before, 
.show-content-button:not(.opened)::before {
    display: none !important;
}
/* ------------- 
content finish - Куки и поддержка
------------- */
