/* ------------- 
content start - Fonts
------------- */

@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 100;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/346/h/89b0153e82ed73eb7763fc62efbe1afc.woff)
      format("woff");
}
@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 200;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/176/h/86d3648d7e9e4be069ec523907e93cd7.woff)
      format("woff");
}
@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 300;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/82/h/004e26339b2a7c35e42e05a8322de6a6.woff)
      format("woff");
}
@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 500;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/209/h/7227ed77a23c685f0c7dea36f6ac8764.woff)
      format("woff");
}
@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 600;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/184/h/a69c0dba8d2c6a1b31266e59c8d22191.woff)
      format("woff");
}
@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 700;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/282/h/fb54453dba29c7dfbca25f0f42156d44.woff)
      format("woff");
}
@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 800;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/430/h/330b4c20cfb7ee28ae3f83e1d8ffaf2f.woff)
      format("woff");
}
@font-face {
  font-family: sf ui display;
  font-style: normal;
  font-weight: 900;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/144/h/68fbf93522668c01c4f5833accf10b61.woff)
      format("woff");
}
@font-face {
  font-family: Soyuz Grotesk;
  font-style: normal;
  font-weight: 600;
  src: local("SF UI Display"),
    url(/fileservice/file/download/a/394792/sc/172/h/1a5e90e478f27a5572cd475b87b98e6f.woff)
      format("woff");
}

html,
body {
  font-family: "SF UI Display";
}

/* ------------- 
content finish - Fonts
------------- */

/* ------------- 
content start - Menu
------------- */

.gc-account-leftbar {
  background-color: #0f0a06 !important;
  border-right: none;
  width: 75px;
}

.gc-account-leftbar .gc-account-user-submenu-bar {
  background: #0f0a06;
}

.gc-account-leftbar .gc-account-user-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  background: none;
}
.gc-account-leftbar .gc-account-user-menu li {
  transition: background 0.3s ease;
}

.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li.selected a,
.gc-account-leftbar .gc-account-user-menu li a:hover {
  background: none;
}

.gc-account-leftbar .gc-account-user-menu li.active,
.gc-account-leftbar .gc-account-user-menu li.selected,
.gc-account-leftbar .gc-account-user-menu li:hover {
  background: #1c4b5d;
}

.gc-account-leftbar .gc-account-user-menu li.active svg path,
.gc-account-leftbar .gc-account-user-menu li.selected svg path {
  stroke: #50c3f0;
}
.gc-account-leftbar .gc-account-user-menu li svg path {
  transition: all 0.3s ease;
}

.gc-account-leftbar .gc-account-user-menu li:hover svg path {
  stroke: #8da5ae;
}

.gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .no-notifications-message {
  color: #fff;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background: none;
}

.gc-account-leftbar .gc-account-user-menu li a {
  background-color: inherit;
}

.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile img {
  display: none;
}

.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile {
  background: #ea141e;
  padding: 45px 0;
}

.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile > a::before {
  content: url('/fileservice/file/download/a/394792/sc/237/h/16e9e40f921a5ee40a66bdd9a020f46f.svg');
}

.gc-account-leftbar .gc-account-user-menu li a:hover,
html .gc-account-leftbar .gc-account-user-menu li.active a {
  background: 0 !important;
}

.gc-account-user-submenu-bar h3 {
  font-family: SF UI Display;
  font-style: normal;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li a {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
  font-family: SF UI Display;
  color: #ffffff;
  transition: color 0.3s ease;
}
.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  color: #ea141e;
}

.gc-account-leftbar .gc-account-user-menu li a {
  padding-left: 0px;
  padding-right: 0px;
}

.menu-item-profile img {
  border-radius: 100px;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 4rem;
  height: auto;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
  left: 150px !important;
}
.menu-item-teach span {
  margin-left: 5px;
  margin-top: 5px;
}

.gc-account-leftbar .notify-count {
  position: absolute;
  width: 18px;
  height: 12px;
  background: #f2f2f2;
  border-radius: 7.86301px;
  font-family: SF UI Display;
  font-style: normal;
  font-weight: 600;
  font-size: 9px;
  color: #050505;
  left: 45px;
  top: 25px;
  padding: 0;
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
  background: #f2f2f2;
  top: 10px;
}

.gc-account-leftbar .qr-link {
  display: none;
}

.gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
  color: white;
}

.gc-account-user-menu .menu-item img {
  display: none;
}
.gc-account-user-menu .menu-item-profile img {
  display: block;
}

.gc-account-user-menu .menu-item a:after {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 550;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  letter-spacing: -0.035em;
  color: rgba(245, 245, 247, 0.5);
  margin-top: 5px;
  transition: color 0.3s ease;
}

.gc-account-user-menu .menu-item-profile a:before {
  content: url(''); /*Код иконки профиля*/
}

html .gc-account-leftbar .gc-account-user-menu li {
  height: auto;
  width: 100%;
  padding: 15px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #ffffff1a;
}

html .gc-account-leftbar .gc-account-user-menu li a {
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
  margin: 0.5rem 0;
  height: auto !important;
  margin: 0;
}

html .gc-account-leftbar .notify-count {
  color: #fff;
  text-align: center;
  font-family: SF UI Display !important;
  font-size: 0;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  border-radius: 50%;
  background: #ea141e !important;
  margin: 0;
  position: absolute;
  right: 5px !important;
  top: 5px !important;
  width: 13px;
  height: 13px;
}

html .gc-account-leftbar .gc-account-user-menu .menu-item-notifications_button_small,
html .gc-account-leftbar .gc-account-user-menu .menu-item-teach,
html .gc-account-leftbar .gc-account-user-menu .menu-item-notifications,
html .gc-account-leftbar .gc-account-user-menu .menu-item-chatium,
html .gc-account-leftbar .gc-account-user-menu .menu-item-sales {
  padding: 35px 0;
}
html .gc-account-leftbar .gc-account-user-menu .menu-item-notifications_button_small a > .notify-count,
html .gc-account-leftbar .gc-account-user-menu .menu-item-teach a > .notify-count,
html .gc-account-leftbar .gc-account-user-menu .menu-item-notifications a > .notify-count,
html .gc-account-leftbar .gc-account-user-menu .menu-item-chatium a > .notify-count,
html .gc-account-leftbar .gc-account-user-menu .menu-item-sales a > .notify-count {
  top: 33px !important;
}

.gc-account-user-submenu-bar .gc-account-user-submenu li .notify-count {
  font-size: 1rem;
  line-height: 100%;
  width: 15px;
  height: 15px;
  padding: 2px;
}

html .gc-main-content.with-left-menu {
  margin-left: 75px;
  max-width: 1920px;
}

#preloader {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
  background: #fff;
  z-index: 9999;
  transition: opacity 0.3s ease-in-out;
}

#preloader::before {
  content: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  z-index: 9999999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#preloader.prehide {
  opacity: 0;
}
@media (max-width: 768px) {
  .gc-account-leftbar .toggle-link img {
    display: none;
  }
  .gc-account-leftbar .toggle-link {
    background: #0f0a06;
    display: block;
    width: 100%;
    bottom: 0;
    z-index: 100;
    padding: 0;
    position: relative;
  }
  .gc-account-leftbar .toggle-link::before {
    content: '';
    width: 20px;
    height: 14px;
    background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/394792/sc/295/h/c4b307c10e9d18554d4eb1eb7d66ff8e.svg);
    display: block;
    top: 13px;
    position: relative;
    left: 21px;
  }
  .gc-page-nav-items-menu {
    display: none;
  }
}

/* #preload::before {
  content: ;
} */

/* ------------- 
content finish - Menu
------------- */