

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,500;1,600;1,700&display=swap');
h1, h2, {
  color: var(--color-text-1)!important;
font-family: 'Playfair Display', sans-serif!important;
}

:root {

 --color-text-1: #0B0B0B;
 --color-1: #F5F5F5;
 --color-2: #CAB687;
  --color-3: #A78D51;
     --color-4:linear-gradient(108.27deg, #CAB687 1.56%, #A78D51 100%);
}
element.style {
}
a {
    color: var(--color-text-1);
    text-decoration: none;
}
.breadcrumbs a{
  
  color: var(--color-text-1)!important;
}
body {
 background-color: var(--color-1);
}





.gc-account-leftbar .gc-account-user-submenu-bar {
  width: 250px;
  background: var(--color-1);
  box-shadow: 4px 0px 30px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(4px);
  left: 78px;
     /* background-image: url(http://fs.getcourse.ru/fileservice/file/download/a/230671/sc/135/h/b520bbe2f0252bfac26560c8b3849475.png);
    background-size: 100%;
    background-repeat: no-repeat !important;
    background-position: bottom !important;*/

}

.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance, .gc-account-leftbar .gc-account-user-submenu-bar .menu-item-chatium_qr {
  display: none;
}

.gc-fade-wrapper .gc-fade {
    opacity: 0;
}

.gc-account-user-submenu-bar h3 {
font-family: 'Inter', sans-serif;!important;
font-weight: 700;
font-size: 24px;
color: var(--color-text-1);
margin-top: 55px;
margin-bottom: 0px;
padding: 0 14px 5px 20px;
} 

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: var(--color-text-1);
text-transform: capitalize;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
} 

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background: var(--color-text-1);
  color: #Fff;
  transition: all 1s;
}

.gc-account-leftbar {
  background:var(--color-text-1);
    box-shadow: 0 0 4px 2px rgb(0 0 0 / 20%);
  
}

.gc-account-leftbar .gc-account-user-menu li a {
  background: inherit;
} 

.gc-account-leftbar .gc-account-user-menu li {
  border-bottom: none;
} 

.gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-accountSettings a, .gc-account-leftbar .gc-account-user-submenu-bar li.menu-item-help a {
  border-top: none;
}

.gc-account-leftbar, .gc-account-leftbar .gc-account-user-menu li a {
  max-width: 78px;
  width: 78px;
} 

.gc-account-leftbar {
  width: 78px;
}

.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li a:hover {
  background:var(--color-2)!important;
  transition: all 1s;
  
} 
.menu-item-profile img {
    border-radius:100px;
    width: 50px;
    border: 4px solid var(--color-3);
}


.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;
} 


.gc-account-leftbar .sub-icon {
  
  display: none;
}

li.menu-item a:after {
  transform: scale(1);
}




li.menu-item.menu-item-notifications_button_small a:after {
 content: url(https://img.icons8.com/ios-glyphs/18/FBF2EA/bell.png)!important;
  padding-right: 10px;
  
}


li.menu-item.menu-item-cms a:after {
 content:url(https://fs.getcourse.ru/fileservice/file/download/a/251914/sc/165/h/1b0de6f26497825ed39bc6899ce038c2.svg);
 
}

li.menu-item.menu-item-teach a:after {
 content:url(https://fs.getcourse.ru/fileservice/file/download/a/251914/sc/281/h/bd040acefcc2f4847d2fe3c1790c3058.png);
  
}

li.menu-item.menu-item-user a:after {
 content:url(https://fs.getcourse.ru/fileservice/file/download/a/251914/sc/165/h/f1c58a5c4694e4553e086737ea6f6bb8.svg);
 
}



li.menu-item.menu-item-tasks a:after {
 content:url(https://fs.getcourse.ru/fileservice/file/download/a/251914/sc/421/h/c1f0703e1513234929d7796661cb0855.svg);
  
}



li.menu-item.menu-item-notifications a:after {
 content:url(https://fs.getcourse.ru/fileservice/file/download/a/251914/sc/104/h/386d380870c7869acaa1199db17d6d20.svg);
 
}

li.menu-item.menu-item-sales a:after {
 content:url(https://fs.getcourse.ru/fileservice/file/download/a/251914/sc/294/h/3cd8b2f2ec3976d0916b4d3e4ac93f4c.svg);
  
  
}

li.menu-item.menu-item-chatium a:after {
 content: url(https://fs.getcourse.ru/fileservice/file/download/a/251914/sc/189/h/01679f79d0e58f330ebb373ab149ae0a.svg) !Important;
  Padding-top: 10px;
}



.gc-account-leftbar .toggle-link img {
 content: url(http://fs.getcourse.ru/fileservice/file/download/a/230671/sc/239/h/d534e420f2538eb5accb9493de85b3c0.svg);
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .header {
margin-top: 55px;
margin-bottom: 0px;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link-wrapper a {
font-family: 'Inter', sans-serif;;
font-weight: 700;
font-size: 18px;
color: #fff!important;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .mark-viewed-all {
  float: left;
  font-family: 'Inter', sans-serif;
  color: #fff;
  margin-top: 12px;
  padding: 0px;
  transition: all 0.3s;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .mark-viewed-all:hover, 
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group-link:hover {
  color: var(--color-2)!important;
}
.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image {
  display: none;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
  background: none;
}


.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
  padding: 12px 20px;
  border-top: none;
  margin: 10px 0px;
  font-family: 'Inter', sans-serif;
  color: var(--color-2)!important;
  font-size: 0.8em;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .date {
  bottom: 0px;
}

.gc-account-user-menu li a,
.gc-account-user-menu li.active a, 
.gc-account-user-menu li.selected a {
  background-position: 50% 30% !Important;
  display: flex !Important;
  flex-direction: column-reverse !Important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-decoration:none;
}





.gc-account-user-menu li.active a:before, 
.gc-account-user-menu li.selected a:before {
   color: var(--color-1)!Important;
}

.gc-account-user-menu li.selected a:hover:before,
.gc-account-user-menu li.active a:hover:before {
  color: var(--color-1) !Important;
}
.gc-account-user-menu li a:before {
  display: block;
  text-align: center;
  max-width: calc(100% + 20px);
  min-height: 1em;
  width: calc(100% + 20px);
  overflow: hidden;
  position: relative;
  margin: 0px -10px 5px; 
  color: #Fff;
  font-size: 12px;
  font-family: 'Inter', sans-serif!important;
  font-weight: 400;
}




.gc-account-user-menu li.menu-item-cms a:before {
  content: "Сайт";
}
.gc-account-user-menu li.menu-item-teach a:before {
  content: "Обучение";
}
.gc-account-user-menu li.menu-item-user a:before {
  content: "Ученики";
}
.gc-account-user-menu li.menu-item-tasks a:before {
  content: "Задачи";
}
.gc-account-user-menu li.menu-item-notifications a:before {
  content: "Сообщения";
}
.gc-account-user-menu li.menu-item-sales a:before {
  content: "Покупки";
}
.gc-account-user-menu li.menu-item-chatium a:before {
  content: "Chatium";
}



.gc-account-leftbar li .notify-count { 
  bottom: 20px!important;
  right: 5px!important;
  min-width: 24px;
  width: intrinsic !Important;
} 

.gc-account-leftbar .gc-account-user-menu li .notify-count {
  border: 1px solid var(--color-2);
}

.gc-account-leftbar .subitem-link .notify-count {
border: 1px solid var(--color-2)!important;
color: var(--color-2);
font-size: 10px;
font-weight: 700;
font-family: 'Inter', sans-serif!Important;
top: 25% !important;
}
.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
bottom: 12px;
right: 12px; 
z-index: 1;
height: 24px;
width: fit-content;
border-radius: 100px;
  
padding: 6px;
background:var(--color-1);
color: #000;
font-size: 10px;
font-weight: 700;
font-family:'Inter', sans-serif!Important;
}

.gc-account-leftbar li:not(.menu-item-notifications_button_small) .notify-count {
top: 2px;
right: 12px; 
z-index: 1;
height: 24px;
width: fit-content;
border-radius: 100px;
padding: 6px;
background: var(--color-1) !important;
color: #000;
font-size: 10px;
font-weight: 500;
font-family: 'Inter', sans-serif!Important; 
} 

.gc-account-user-submenu-bar .gc-account-user-submenu .menu-item-search, .margin-top-notice, .notice-top-panel {
display: none;
} 


@media (min-width: 768px) {
.gc-account-leftbar .gc-account-user-menu li a:hover {
background: ;
}

.gc-account-leftbar .gc-account-user-menu li:hover .notify-count {
  background: # !Important;
  color: ;
  border: 1px solid #;
}
}


@media (max-width: 767px) {

.gc-account-leftbar.expanded {
background: none;
}
.gc-page-nav-items-menu {
display: none;
}
.gc-account-leftbar {
max-width: unset !important;
width: 100%;
}

.gc-account-leftbar .toggle-link {
display: flex !important;
flex-direction: row;
padding-right: 0px;
padding-left: 0px
}

.talks-widget-button {
pointer-events: none;
position: relative;
bottom: 0px;
right: 0px;
background: none;
box-shadow: none;
border-radius: 0px;
border: none;
width: auto;
height: unset;
padding-top: 0px;
text-align: center;
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
/*.talks-widget-button {
z-index: 0;
    width: 50px;
    height: 50px;
    /* border: 1px solid #999; */
    /*position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 25px;
    text-align: center;
    border-radius: 50%;
    color: white;
    padding-top: 6px;
    background: none;
    cursor: pointer;
    box-shadow: 0 6px 13px 0 rgb(0 0 0 / 23%);*/

.talks-widget-button .comments-icon {
display: none;
}

.gc-account-leftbar .toggle-link img {
margin: 0px;
padding: 0px;

}

.gc-account-leftbar .toggle-link {
height: 65px !important;
padding-top: 12px;
padding-bottom: 12px;
background: inherit;
}





.fa-comments:before {
display: none;
}

.gc-account-leftbar .toggle-link span {
top: 0px;
}



.gc-account-leftbar .toggle-link img, .trainings-button,  .talks-widget-button {
flex: 0 0 25%;
}

.gc-account-leftbar .gc-account-user-menu {
width: 78px !Important;
}
.gc-account-leftbar.expanded .toggle-link, .gc-account-leftbar .gc-account-user-menu {
  background: var(--color-text-1);
}
.gc-account-leftbar .gc-account-user-menu li a:after {
  transform: scale(1.0);
    padding-top: 10px;
}



.gc-account-user-menu li a:before {
  display: none;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
  top: 2px;
  bottom: unset;
}

.gc-account-user-menu {
  display: flex !Important;
  flex-direction: column;
  height: calc(100% - 65px) !Important;
  margin-bottom: 0px !Important;
}

.gc-account-user-menu li a {
min-height: unset !Important;
padding: 5px !Important;
}

.gc-account-user-menu li a, .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a{
margin: 0px;
height: unset !Important;
}

.gc-account-leftbar .gc-account-user-menu li [
flex: auto;
}

.gc-account-user-submenu-bar h3 {
margin: 35px 0px 5px 0px !Important;
}

li.selected.menu-item a:after {
content: none !Important;
}

.gc-account-leftbar .gc-account-user-menu li a, .gc-account-leftbar .gc-account-user-menu li a:hover {
background: #ffffff;
}
}







