@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/af39ff137dd17b2b37cd9aafa9400096.ttf/a/23809/sc/287') format('truetype'),
    url('/fileservice/file/download/h/64612ae3eccdc534f51e49399f8e8896.woff/a/23809/sc/175') format('woff'),
    url('/fileservice/file/download/h/10a5f84babd32d9aea22aaa394f932e9.woff2/a/23809/sc/324') format('woff2');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/1ae5a8ac1e7fcdae1f1567fd2409b0e8.ttf/a/23809/sc/379') format('truetype'),
    url('/fileservice/file/download/h/65a819c54f64268968b8b835772ce4e3.woff/a/23809/sc/33') format('woff'),
    url('/fileservice/file/download/h/edc98ce21837ed57efa620c796d8f278.woff2/a/23809/sc/271') format('woff2');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/89f34b1e67a51ffb39a40efa9daaf92c.ttf/a/23809/sc/392') format('truetype'),
    url('/fileservice/file/download/h/ba01b6e0ef63e467fc047fb9eda8aa80.woff/a/23809/sc/380') format('woff'),
    url('/fileservice/file/download/h/9e75dc8a2188f8cd5b1cedfc71596ccf.woff2/a/23809/sc/407') format('woff2');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/087a5983c4b78d9c006c65fe8632a394.ttf/a/23809/sc/68') format('truetype'),
    url('/fileservice/file/download/h/ba505dbe83e101ffda9d97a53d1918b0.woff/a/23809/sc/282') format('woff'),
    url('/fileservice/file/download/h/122f3a6b51666ac1bf42a5b9617503a4.woff2/a/23809/sc/78') format('woff2');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('/fileservice/file/download/h/4c0ae50d700bdb1182bce3275243dedc.ttf/a/23809/sc/261') format('truetype'),
    url('/fileservice/file/download/h/ad6df18f2f57ef021e2f13f038534050.woff/a/23809/sc/137') format('woff'),
    url('/fileservice/file/download/h/aa336b25c8c7ae40b7f4cb7338f2590c.woff2/a/23809/sc/236') format('woff2');
  font-style: normal;
  font-weight: 400;
}

body {
--main-color:#392358;
--purple-gradient: linear-gradient(141.5deg, #392358 0%, #53377A 0.01%, #0A0017 100%);
    --gray-purple:#FAF6FF;
    --gray-color:#FAFAFA;
    --white-color:white;
    --white01-color:rgba(0,0,0,0.1);
    --black01-color:rgba(0,0,0,0.1);
    --main-font: 'Graphik LCG';
    --weight-normal:300;
    --weight-bold:500;
    --black-color:black;
    --green-color: #40AD6C;
    --red-color:#F06363;
    --purple-hover:#50307B;
    --white-light:#F7F7F7;
    --black-light:#252525;
    --black-text:#222222;
    --black-header: #292929;
    --gray-bg:#CECECE;
    --orange-color:#FF9F59;
    --link-color:#415A80;
    --deep-gray:#A09D9D;
    --closed-gray:#D7D7D7;
    --black-333:#333333;
    --closed-lesson:#ececec;
    --postnov-color:#8F93FF;
    --purple-color:#6C56A1;
    --pink-color:#AC85E1;
}

@font-face {
    font-family: 'Graphik LCG';
    src: url('GraphikLCG-Regular.otf');
    src: local('GraphikLCG-Regular'), local('GraphikLCG-Regular'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Regular.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
   font-family: 'Graphik LCG';
    src: url('GraphikLCG-Medium.otf');
    src: local('GraphikLCG-Medium'), local('GraphikLCG-Medium'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
   font-family: 'Graphik LCG';
    src: url('GraphikLCG-Medium.otf');
    src: local('GraphikLCG-Medium'), local('GraphikLCG-Medium'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Medium.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
   font-family: 'Graphik LCG';
    src: url('GraphikLCG-Bold.otf');
    src: local('GraphikLCG-Bold'), local('GraphikLCG-Bold'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Bold.woff') format('woff'),
        url('https://onthewaytothesun.ru/static/GraphikLCG-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
.no-chatium .gc-account-user-submenu-bar-chatium {
	display:none!important;
}
.breadcrumbs a,.breadcrumb a{
  position:relative;
}
.breadcrumbs>a::after,.breadcrumb a::after {
    position: absolute;
    content: '';
    bottom: -5px;
    right: 0;
    content: '';
    width: 0%;
    height: 1px;
    background: var(--main-color);
    opacity: .6;
  transition:.3s;
}
.breadcrumbs a:hover::after,.breadcrumb a:hover::after {
  opacity:.6;
  width: 100%;
}
.chat-btn, .help-btn,.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr a {
  transition:.2s;
  cursor:pointer;
}
.chat-btn:hover, .help-btn:hover,.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr a:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.edit-mode .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0;
    pointer-events:none;
}
.isDashboardsPage .modal-backdrop {
    z-index: 1049;
}
.isWidgetPage .modal-backdrop {
    z-index: 1039;
}
.select2-drop {
    z-index: 19999;

}
.gc-user-guest #chatiumModal{
  display:none;
}
.addfield-type-currency>div {
  display:none;
}

.training-feedback-container .form-group:nth-child(2) label::after {
  content:' Напишите Ваши впечатления после занятия';
  font-size:initial;
}
.training-feedback-container .form-group:nth-child(2) label {
  font-size:0;
}
.isWebinarEntry .gc-main-content.with-left-menu.gc-user-admin.no-menu {
margin-left:0!important
}

/* ------------- 
content start - leftBar
------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/af39ff137dd17b2b37cd9aafa9400096.ttf/a/23809/sc/287') format('truetype'),
    url('/fileservice/file/download/h/64612ae3eccdc534f51e49399f8e8896.woff/a/23809/sc/175') format('woff'),
    url('/fileservice/file/download/h/10a5f84babd32d9aea22aaa394f932e9.woff2/a/23809/sc/324') format('woff2');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/1ae5a8ac1e7fcdae1f1567fd2409b0e8.ttf/a/23809/sc/379') format('truetype'),
    url('/fileservice/file/download/h/65a819c54f64268968b8b835772ce4e3.woff/a/23809/sc/33') format('woff'),
    url('/fileservice/file/download/h/edc98ce21837ed57efa620c796d8f278.woff2/a/23809/sc/271') format('woff2');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/89f34b1e67a51ffb39a40efa9daaf92c.ttf/a/23809/sc/392') format('truetype'),
    url('/fileservice/file/download/h/ba01b6e0ef63e467fc047fb9eda8aa80.woff/a/23809/sc/380') format('woff'),
    url('/fileservice/file/download/h/9e75dc8a2188f8cd5b1cedfc71596ccf.woff2/a/23809/sc/407') format('woff2');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/087a5983c4b78d9c006c65fe8632a394.ttf/a/23809/sc/68') format('truetype'),
    url('/fileservice/file/download/h/ba505dbe83e101ffda9d97a53d1918b0.woff/a/23809/sc/282') format('woff'),
    url('/fileservice/file/download/h/122f3a6b51666ac1bf42a5b9617503a4.woff2/a/23809/sc/78') format('woff2');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('/fileservice/file/download/h/4c0ae50d700bdb1182bce3275243dedc.ttf/a/23809/sc/261') format('truetype'),
    url('/fileservice/file/download/h/ad6df18f2f57ef021e2f13f038534050.woff/a/23809/sc/137') format('woff'),
    url('/fileservice/file/download/h/aa336b25c8c7ae40b7f4cb7338f2590c.woff2/a/23809/sc/236') format('woff2');
  font-style: normal;
  font-weight: 400;
}


:root {
  --primary: #fd9830;
  --secondary: #fd5030;
  --tertiary: #12d7bb;
  --grey: #ebebeb;
  --white: #ffffff;
  --dark: #3a3a3a;
  --background: #121212;
  --radius: 15px;
  --padding: 3px 5px;
  --font: 'Gilroy', sans-serif;
  --font-2: 'Gotham Pro', sans-serif;
  --font-3: 'Inter', sans-serif;
}

.logo-link {
  display: none;
}

/* Шрифты */
html .gc-account-leftbar {
  font-family: var(--font) !Important;
  font-weight: 500;
}

html .gc-account-leftbar h1,
html .gc-account-leftbar h2,
html .gc-account-leftbar h3 {
  font-family: var(--font) !Important;
  font-weight: 600;
  color: rgba(95, 102, 125, 0.7); !important;
}

/*Основные элементы*/
html .gc-account-leftbar {
  background: #2a3351 !important;
}

.gc-account-leftbar .gc-account-user-menu {
    position: relative;
    height: 100%;
    z-index: 10000;
}

html .gc-account-leftbar .gc-account-user-menu li {
  padding: var(--padding);
  margin-bottom: 0;
}

html .gc-account-leftbar .gc-account-user-menu li a {
  background-color: rgba(255, 255, 255, 0.1);
  /* фон иконки */
  position: relative;
  border-radius: 18px;
  height: 60px;
  transition: all 0.3s;
  /* высота иконки */
}

html .gc-account-leftbar .gc-account-user-menu li.selected a,
html .gc-account-leftbar .gc-account-user-menu li.active a {
  border-radius: 50%;
  background-color: #fff;
}

html .gc-account-leftbar .gc-account-user-menu li a:hover,
html .gc-account-leftbar .gc-account-user-menu li.active a:hover {
  border-radius: 18px;
  background-color: rgba(255, 255, 255, 0.25);
  /* фон иконки при наведении и нажатии*/
}

html .menu-item:not(.menu-item-profile) a img {
  display: none;
  /* скрываем исходные иконки */
}

html .menu-item:not(.menu-item-profile) a::before,
html .sub-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 22px;
  /* задаём размеры для собственных иконок */
  height: 22px;
}

/* Ссылки на картинки */
/* Профиль */
 html .menu-item-profile a::before {
  background-image: url('https://fs21.getcourse.ru/fileservice/file/download/a/23809/sc/241/h/e5fe71f38e314cfa7164c4400e0dcc79.svg');
}

html .menu-item-notifications_button_small a::before {
  background-image: url('https://fs24.getcourse.ru/fileservice/file/download/a/23809/sc/300/h/a290bef9a666f1c60f5785dc1be69cc4.svg');
  /* уведомления */
  width: 22px !important;
  height: 24px !important;
}

html .menu-item-cms a::before {
  background-image: url('https://fs19.getcourse.ru/fileservice/file/download/a/23809/sc/317/h/2ef7cda321734eb40d9da43afba41d15.svg');
  /* сайт */
}

html .menu-item-teach a::before {
  background-image: url('https://fs24.getcourse.ru/fileservice/file/download/a/23809/sc/150/h/5b33efc6ce469a3a913a226969b31e19.svg');
  /* обучение */
}

html .menu-item-user a::before,
html .menu-item-chatium .sub-icon::before {
  background-image: url('https://fs19.getcourse.ru/fileservice/file/download/a/23809/sc/506/h/e0096509051f10c68b15bb077a3e8528.svg');
  /* пользователи */
}

html .menu-item-tasks a::before {
  background-image: url('https://fs19.getcourse.ru/fileservice/file/download/a/23809/sc/251/h/1c7a5335c8cb6aa147c893ff64857bec.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications a::before {
  background-image: url('https://fs02.getcourse.ru/fileservice/file/download/a/23809/sc/451/h/ad92a28565ed91103319f5d172004016.svg');
  /* сообщения */
}

html .menu-item-sales a::before {
  background-image: url('https://fs21.getcourse.ru/fileservice/file/download/a/23809/sc/230/h/e23a179e3ecd14a84cba0734688ab1d2.svg');
  /* продажи */
}

html .menu-item-chatium a::before {
  background-image: url('https://fs20.getcourse.ru/fileservice/file/download/a/23809/sc/20/h/c94473383c170ee317822996ac983f3c.svg');
  /* чатиум */
}

html .menu-item-profile.active a::before,
html .menu-item-profile.selected a::before {
  background-image: url('https://fs19.getcourse.ru/fileservice/file/download/a/23809/sc/100/h/3bca93d2c0298187c8487211db5f46a5.svg');
}

html .menu-item-notifications_button_small.active a::before,
html .menu-item-notifications_button_small.selected a::before {
  background-image: url('https://fs23.getcourse.ru/fileservice/file/download/a/23809/sc/50/h/cebb76464f710343d4590d69c038b118.svg');
  /* уведомления */
  width: 25px;
  height: 25px;
}

html .menu-item-cms.active a::before,
html .menu-item-cms.selected a::before {
  background-image: url('https://fs21.getcourse.ru/fileservice/file/download/a/23809/sc/73/h/26346d33dcf806f49ea16dd598548745.svg');
  /* сайт */
}

html .menu-item-teach.active a::before,
html .menu-item-teach.selected a::before {
  background-image: url('https://fs22.getcourse.ru/fileservice/file/download/a/23809/sc/211/h/ef67a9c332213de1d36d5828ced7889b.svg');
  /* обучение */
}

html .menu-item-user.active a::before,
html .menu-item-chatium .sub-icon::before,
html .menu-item-user.selected a::before {
  background-image: url('https://fs01.getcourse.ru/fileservice/file/download/a/23809/sc/331/h/b0c7434b8698c0aabc29a4f9f3bcbd33.svg');
  /* пользователи */
}

html .menu-item-tasks.active a::before,
html .menu-item-tasks.selected a::before {
  background-image: url('https://fs24.getcourse.ru/fileservice/file/download/a/23809/sc/153/h/72add0f59a7da695983d445a21a36a59.svg');
  /* задачи */
  width: 34px;
}

html .menu-item-notifications.active a::before,
html .menu-item-notifications.selected a::before {
  background-image: url('https://fs18.getcourse.ru/fileservice/file/download/a/23809/sc/168/h/334b6813f14668927ee9aeae41f68ec9.svg');
  /* сообщения */
}

html .menu-item-sales.active a::before,
html .menu-item-sales.selected a::before {
  background-image: url('https://fs01.getcourse.ru/fileservice/file/download/a/23809/sc/492/h/a93b791269b74e092d8f2107989e0919.svg');
  /* продажи */
}

html .menu-item-chatium.active a::before,
html .menu-item-chatium.selected a::before {
  background-image: url('https://fs19.getcourse.ru/fileservice/file/download/a/23809/sc/50/h/63047fdcb65079bdf29720408410f46c.svg');
  /* чатиум */
}

/* 1 Профиль */
html .gc-account-user-menu li.menu-item.menu-item-profile {
  background: transparent;
  /* фон профиля (когда без фото) */
  border: 0;
}

html .gc-account-user-menu li.menu-item.menu-item-profile:hover,
html .gc-account-user-menu li.menu-item.menu-item-profile a:hover {
  background: transparent;
  border-radius: 0;
  /* фон профиля (без фото) при наведении */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-profile a {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    padding: 0 10px;
}

html .gc-account-leftbar .gc-account-user-submenu-bar div.user-balance {
  color: rgba(243, 245, 249, 0.7);
  /* Цвет текста про монеты */
}

/* 2 Уведомления small */
html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small {
  padding: var(--padding);
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a {
  transition: all 0.3s;
  background-color: rgba(255, 255, 255, 0.1);
  /* фон иконки */
  position: relative;
  border-radius: 18px;
  height: 60px;
  /* высота маленькой иконки уведомлений */
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small a:hover {
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 18px;
  border-bottom: none;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small.selected a {
  background-color: #fff;
  border-radius: 50%;
  border-bottom: none;
  /* цвет уведомлении при наведении и выделении */
}

/* 2A Окно уведомлений (непрочитанные) */
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group {
  border-top-color: #000;
  /* цвет границы между уведомлениями */
  background-color: var(--white);
  /* цвет фона непрочитанных */
  color: #33323f;
  /* цвет текста непрочитанных */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group:hover {
  background-color: var(--grey);
  /* фон непрочитанных при наведении */
  color: #37396e;
  /* текст непрочитанных при наведении */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed {
  background-color: transparent;
  /* фон прочитанных уведомлений */
  color: #fff;
  /* текст прочитанных уведомлений*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group.notification-status-viewed:hover {
  background-color: var(--grey);
  /* фон наведения на прочитанные */
  color: #46475b;
  /* цвет при наведении на прочитанное*/
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link {
  border-bottom-color: var(--grey);
  /* цвет границы под кнопкой Все уведомления */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link,
html .gc-account-leftbar .mark-viewed-all {
  color: #fff;
  /* цвет текста на кнопке Все уведомления */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link,
html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-footer-link:hover,
html .gc-account-leftbar .mark-viewed-all:hover {
  color: #fff;
  /* цвет ссылки Уведомления(С) наверху, цвет при наведении на другие текстовые ссылки */
  transition: all 0.3s;
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link:hover {
  color: #fff;
  /* Цвет при наведении на ссылку Уведомления(С) наверху */
}

html .gc-account-leftbar .gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image {
  overflow: hidden;
  border-radius: var(--radius);
  /* закругляем углы */
  background-color: rgb(0 0 0 / 5%);
  /* прозрачная подложка для аватаров пользователей */
}

/* 3 Счётчики уведомлений */
html .gc-account-leftbar .notify-count {
  bottom: inherit;
  width: 30px;
  top: 10px;
  background-color: #f3f5f9;
  /* фон всех счётчиков */
  padding: 4px 0;
  color: #37396e;
}

html .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications .notify-count {
  background-color: #f3f5f9;
  color: #37396e;
  /* фон счётчика в Сообщениях */
}

.gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small .notify-count {
    bottom: inherit;
    right: 10px;
    top: 10px;
}

html .gc-account-leftbar .gc-account-user-menu li.selected .notify-count,
html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon,
html .gc-account-leftbar .gc-account-user-menu li.active .notify-count {
  background-color: #37396e;
  color: #f3f5f9;
  /* фон активных-нажатых счётчиков */
}

/* Вылезающее подменю */
html .gc-account-leftbar .gc-account-user-submenu-bar {
  background: #2a3351;
  /* фон подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a {
  transition: all 0.3s;
  text-transform: inherit;
  font-family: var(--font-1) !important;
  font-weight: 250;
  color: #f3f5f9;
  padding-left: 30px;
  /* цвет ссылки подменю */
}

html .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
  background-color: transparent;
  /* фон ссылки подменю при наведении */
  color: #f3f5f9;
  /* цвет ссылки подменю при наведении */
}

html .gc-account-user-submenu-bar h3 {
  color: rgba(95, 102, 125, 0.7);
  padding-left: 30px
  /* Цвет заголовка подменю */
}

/* 4 Маленькие иконки (чатиум и тд) */
html .gc-account-leftbar span.sub-icon {
  background-color: transparent;
  /* Фон иконки чатиума */
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

html .menu-item.menu-item-profile a img:not([src="/public/img/default_profile_50.png"]) {
  display: block;
  position: relative;
  z-index: 0;
  border-radius: 50%;
}

html .sub-icon::before {
  width: 16px;
  height: 16px;
}

html .sub-icon .fa,
html .sub-icon img {
  display: none;
}

/* Адаптивность */
@media (max-width: 768px) {
    
  html .gc-account-leftbar {
    background: transparent !important;
  }

  html .gc-account-leftbar .toggle-link,
  html .gc-account-leftbar.expanded .toggle-link {
    background-color: transparent;
    /* фон скукоженного меню на мобильном */
  }

  html .gc-account-leftbar .gc-account-user-menu {
    background: #2a3351;
    /* фон раскрытого меню на мобильном */
  }

  html .gc-account-leftbar .gc-account-user-menu li {
    border-bottom: 0;
  }

  html .gc-page-nav-items-menu {
    left: 70px;
  }
    
  html .gc-page-nav-items-menu a {
    background: transparent;
    opacity: 0;
  }
}

.talks-widget-button {
    background: #4c5887;
    box-shadow: 0 2px 7px 0 rgba(62, 69, 49, 0.12);
}

.talks-widget-button .conversations-counter {
    background: #252F15;
}

.talks-widget-button .comments-icon {
    top: 14px; left: 13px !important;
}

.talks-widget-button .comments-icon::before {
    content: "" !important;
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5908 15.83L17.9808 18.99C18.0808 19.82 17.1908 20.4 16.4808 19.97L12.2908 17.48C11.8308 17.48 11.3808 17.45 10.9408 17.39C11.6808 16.52 12.1208 15.42 12.1208 14.23C12.1208 11.39 9.66082 9.09003 6.62082 9.09003C5.46082 9.09003 4.39082 9.42 3.50082 10C3.47082 9.75 3.46082 9.49999 3.46082 9.23999C3.46082 4.68999 7.41082 1 12.2908 1C17.1708 1 21.1208 4.68999 21.1208 9.23999C21.1208 11.94 19.7308 14.33 17.5908 15.83Z' fill='white' /%3E%3Cpath d='M12.1208 14.23C12.1208 15.42 11.6808 16.52 10.9408 17.39C9.95083 18.59 8.38097 19.3598 6.62097 19.3598L4.01097 20.9098C3.57097 21.1798 3.01097 20.8098 3.07097 20.2998L3.32097 18.3298C1.98097 17.3998 1.12097 15.9098 1.12097 14.2298C1.12097 12.4698 2.06082 10.92 3.50082 10C4.39082 9.42 5.46082 9.09003 6.62082 9.09003C9.66082 9.09003 12.1208 11.39 12.1208 14.23Z' fill='white' /%3E%3Cpath d='M10.9408 17.39C11.3808 17.45 11.8308 17.48 12.2908 17.48L16.4808 19.97C17.1908 20.4 18.0808 19.82 17.9808 18.99L17.5908 15.83C19.7308 14.33 21.1208 11.94 21.1208 9.23999C21.1208 4.68999 17.1708 1 12.2908 1C7.41082 1 3.46082 4.68999 3.46082 9.23999C3.46082 9.49999 3.47082 9.75 3.50082 10M10.9408 17.39C11.6808 16.52 12.1208 15.42 12.1208 14.23C12.1208 11.39 9.66082 9.09003 6.62082 9.09003C5.46082 9.09003 4.39082 9.42 3.50082 10M10.9408 17.39C9.95083 18.59 8.38097 19.3598 6.62097 19.3598L4.01097 20.9098C3.57097 21.1798 3.01097 20.8098 3.07097 20.2998L3.32097 18.3298C1.98097 17.3998 1.12097 15.9098 1.12097 14.2298C1.12097 12.4698 2.06082 10.92 3.50082 10' stroke='%234C5887' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
}

html .gc-account-leftbar .gc-account-user-menu li.selected span.sub-icon {
    background: transparent;
}
/* ------------- 
content finish - leftBar
------------- */

/* ------------- 
content start - trainings
------------- */

.isTrainingsList h1, .isTrainingsList .content-menu {display:none;}
.isTrainingsPage:not(.isTrainingsList) .header-box, .chatium-header-box {
    padding:40px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background:var(--main-color);margin:0 50px 50px 50px;border-radius:24px;
}
.isTrainingsPage .right-side img{
    max-width:500px;
    width:100%;border-radius:16px;
}
.isTrainingsPage .dropdown-menu.pull-right {
    right: auto;
    left: 0;
}
.isTrainingsPage .breadcrumbs a:not(:nth-child(1))::before{
  content:' / ';
}
.isTrainingsPage:not(.isTrainingsList) .header-box .page-header, .chatium-header-box .page-header {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
.isTrainingsPage:not(.isTrainingsList) .breadcrumbs::before {
    margin-right:5px;
    content:'•';
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.54996L6.84994 1L12.6999 5.54996V12.6999C12.6999 13.0447 12.5629 13.3753 12.3191 13.6191C12.0753 13.8629 11.7447 13.9999 11.3999 13.9999H2.29999C1.95521 13.9999 1.62455 13.8629 1.38076 13.6191C1.13696 13.3753 1 13.0447 1 12.6999V5.54996Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.90063 13.9999V7.5H8.8006V13.9999' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    color:transparent;
    background-size: 100% 100%;background-position:center;padding: 0px 4px;font-size: 20px;
    line-height:100%;
}
.isTrainingsPage:not(.isTrainingsList) .breadcrumbs a{
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height:100%;
    font-family:var(--main-font);
    color:var(--black-color);
}
.isTrainingsPage:not(.isTrainingsList) .breadcrumbs {margin:50px 50px 20px 50px;}
.isTrainingsPage:not(.isTrainingsList) h1 {
    font-family:var(--main-font);
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 48px;
    color:var(--white-color);margin-bottom:20px;
}
.isTrainingsPage .gc-tags * {
    color:var(--white-color);
}
.isTrainingsPage:not(.isTrainingsList) .module-description {
    font-family:var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 130%;
    color:var(--white-color);margin-bottom:80px;max-width:60%;
}
.isTrainingsPage:not(.isTrainingsList) .page-menu li:not(.active) a {
    color:var(--white-color);
}
.isTrainingsPage:not(.isTrainingsList) .gc-main-content.with-left-menu .container {
    margin-left: 50px;
    margin-right: 50px;
    max-width:100%;
}
.isTrainingsPage:not(.isTrainingsList) .xdget-trainingList .col-md-12 {
    padding-left:0;
    padding-right:0;
}
.isTrainingsPage:not(.isTrainingsList) .xdget-root>.xdget-common-container>.xdget-common-container {
    display:flex;
}
.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td{
    padding:0;height:100%;display:flex;flex-direction:column;opacity:1;background:transparent!important;
}
.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr {
    display:flex;flex-direction:column;
    max-width:610px;width:100%;
    margin-bottom:20px;
    position:relative;
}
.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr a{
    display:flex;flex-direction:column;
    padding: 25px 28px 25px 35px;
    min-height:290px;background: var(--gray-color);
    border-radius: 15px;
}
.isTrainingsPage:not(.isTrainingsList) .xdget-common-container.col-gc-8 {
    width:100%;
    max-width:1240px;margin-right:auto;margin-left:0;
}
.isTrainingsPage:not(.isTrainingsList) .xdget-common-container.col-gc-4 {
    width:100%;
    max-width:420px;margin-right:0;margin-left:auto;
    padding-left:0;
    padding-right:0;
}
.isTrainingsPage:not(.isTrainingsList) .stream-title {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 500!important;
    font-size: 30px!important;
    line-height: 110%;
    letter-spacing: -0.03em;
    color: var(--black-text);
    margin-bottom:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td a div:not(.progress-tr):not(.progress-line) {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: var(--black-text);
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td a div b {display:none;}
.isTrainingsPage:not(.isTrainingsList) .progress-tr {margin-top:auto;}
.isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td p {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--black-header);
    margin-bottom:10px;
}
.progress-line {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 24px;
    height:15px;position:relative;overflow:hidden;
}
.progress-line>span {
    background: #562C8F;
    border-radius: 24px;
    position:absolute;
    left:0;
    top:0;height:100%;
}
.chat-btn {
    display:flex;flex-direction:column;position:relative;padding:30px;border-radius:24px;overflow:hidden;cursor:pointer;margin-bottom:15px;
}
.chat-btn .xdget-image {position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;}
.chat-btn .xdget-image img {object-fit:cover;object-position:right;height:100%;width:100%;}
.chat-btn .xdget-header {
    position:relative;z-index:2;
}
.chat-btn h5.xdget-header {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: var(--black-color);margin: 0 0 10px 0;
}
.chat-btn h6.xdget-header {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--black-color);margin:0;
    max-width:60%;
}
.isTrainingsPage:not(.isTrainingsList) .header-box .progress-tr p {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    color: var(--white-color);margin-bottom:20px;
}
.isTrainingsPage:not(.isTrainingsList) .header-box .progress-tr .progress-line {
    max-width:637px;
}
.stream-table tr a {text-decoration:none!important;}
.temportary-closed {
    position:relative;opacity:.5;pointer-events:none;
}
.completed {
    position:relative;
}
.isTrainingsPage:not(.isTrainingsList) .temportary-closed .stream-title {
    color:var(--black-text);
}
.isTrainingsPage:not(.isTrainingsList) .completed .stream-title {
    color:var(--purple-hover);
}
.completed::after{
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.6666 12.5L18.75 35.4167L8.33331 25' stroke='%23562C8F' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    content:'';
    top:20px;right:20px;
    width:50px;
    height:50px;
    position:absolute;background-size:100% 100%;
}
.temportary-closed::after{
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.3333 23H10.1667C7.86548 23 6 24.8655 6 27.1667V41.75C6 44.0512 7.86548 45.9167 10.1667 45.9167H39.3333C41.6345 45.9167 43.5 44.0512 43.5 41.75V27.1667C43.5 24.8655 41.6345 23 39.3333 23Z' stroke='%23ABABAB' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5834 22.918V14.5846C14.5834 11.822 15.6808 9.17244 17.6343 7.21894C19.5878 5.26544 22.2374 4.16797 25 4.16797C27.7627 4.16797 30.4122 5.26544 32.3657 7.21894C34.3192 9.17244 35.4167 11.822 35.4167 14.5846V22.918' stroke='%23ABABAB' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    content:'';
    top:20px;right:20px;
    width:50px;
    height:50px;
    position:absolute;background-size:100% 100%;
}
.temportary-closed a {
    background: var(--closed-gray)!important;
    border-radius: 15px;
}
.gc-user-admin .temportary-closed{
    pointer-events:all;
}

.mobile-blocks{display:none;}
.isTrainingsPage .content-menu {
    border-bottom: 0px solid #eee;
}
.isTrainingsPage .right-side {
margin-left:auto;
}
@media (max-width:991px) {
.mobile-blocks{display:flex;flex-direction:column;margin-left:-15px;margin-right:-15px;}
  .mobile-blocks>button {
     max-width:446px;
    margin:auto;
    width:100%;
    border: 2px solid var(--main-color);
    background-color:transparent;
    padding: 21px;
border-radius: 16px; margin-bottom:25px;position:relative;
    font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 18px;
text-align: center;
color: var(--main-color);
  }
  .mobile-blocks>button i {position:absolute;right:30px;
    top:50%;transform:translateY(-50%);transition:.3s;
  }
    .mobile-blocks>button[aria-expanded="true"] i {
      transform: translateY(-50%) rotate(180deg);transition:.3s;
  }
  .mobile-blocks>div {
    margin-bottom:25px;
  }
  .isTrainingsPage .stream-table tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr {
    max-width: 100%;
}
  .isTrainingsPage:not(.isTrainingsList) .xdget-common-container.col-md-4 {
display:none;
}
  .mobile-blocks .calendar-wrapper {
    max-width:446px;margin:auto;
  }
  .mobile-blocks .chat-btn {
    max-width:446px;margin:auto;
  }
    .isChatium {
padding: 0 15px!important;
}
   .isChatium .xdget-trainingList {
padding: 0 15px!important;
}
}

@media (min-width: 991px) {
  .isTrainingsPage:not(.isTrainingsList) .header-box, .chatium-header-box {
    padding: 2.0833333333vw;
    margin: 0 2.6041666667vw 2.6041666667vw 2.6041666667vw;
  }
  .isTrainingsPage .right-side img {
    max-width: 26.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .breadcrumbs::before {
    margin-right: 0.2604166667vw;
    padding: 0 0.2083333333vw;
    font-size: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .breadcrumbs a {
    font-size: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .breadcrumbs {
    margin: 2.6041666667vw 2.6041666667vw 1.0416666667vw 2.6041666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) h1 {
    font-size: 2.5vw;
    line-height: 100%;
    margin-bottom: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .module-description {
    font-size: 1.25vw;
    margin-bottom: 4.1666666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .gc-main-content.with-left-menu .container {
    margin-left: 2.6041666667vw;
    margin-right: 2.6041666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr {
    max-width: 31.7708333333vw;
    margin-bottom: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr a {
    padding: 1.3020833333vw 1.4583333333vw 1.3020833333vw 1.8229166667vw;
    min-height: 15.1041666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .xdget-common-container.col-gc-8 {
    max-width: 64.5833333333vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .xdget-common-container.col-gc-4 {
    max-width: 21.875vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-title {
    font-size: 1.5625vw !important;
    margin-bottom: 0.7291666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td a div:not(.progress-tr):not(.progress-line) {
    font-size: 0.8333333333vw;
    max-width: 60%;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td p {
    font-size: 0.8333333333vw;
    line-height: 100%;
    margin-bottom: 0.5208333333vw;
  }
  .progress-line {
    height: 0.78125vw;
  }
  .chat-btn {
    padding: 1.5625vw;
    margin-bottom: 0.78125vw;
  }
  .chat-btn h5.xdget-header {
    font-size: 1.25vw;
    line-height: 100%;
    margin: 0 0 0.5208333333vw 0;
  }
  .chat-btn h6.xdget-header {
    font-size: 0.8333333333vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .header-box .progress-tr p {
    font-size: 1.0416666667vw;
    line-height: 100%;
    margin-bottom: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .header-box .progress-tr .progress-line {
    max-width: 33.1770833333vw;
  }
  .completed::after {
    top: 1.0416666667vw;
    right: 1.0416666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
  .temportary-closed::after {
    top: 1.0416666667vw;
    right: 1.0416666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
}
@media (max-width:650px) {
.isTrainingsPage:not(.isTrainingsList) .gc-main-content.with-left-menu .container {
    margin-left: 15px;
    margin-right: 15px;
}
    .isTrainingsPage .header-box {
    padding: 20px!important;
    margin: 0 15px 20px 15px!important;
    border-radius: 16px!important;
}
    .isTrainingsPage:not(.isTrainingsList) .module-description {max-width:100%;}
    .isTrainingsPage:not(.isTrainingsList) h1 {
    font-size: 28px;
    line-height: 100%;
}
    .isTrainingsPage:not(.isTrainingsList) .module-description {
    font-size: 14px;
}
    .isTrainingsPage:not(.isTrainingsList) .breadcrumbs {
    margin: 20px 15px 30px 15px;
}
}

.left-side {
display:flex;
flex-direction:column;
}
.header-progressbar {
margin-top: auto;
}
.isTrainingsPage:not(.isCoursesList):not(.isTrainingsList) .stream-table tbody tr a{
       background: var(--gray-color)!important;
}


.isTrainingsPage .right-side {
    display: none;
}
/* ------------- 
content finish - trainings
------------- */

/* ------------- 
content start - loginPage
------------- */


/* ------------- 
content finish - loginPage
------------- */

/* ------------- 
content start - profilePage
------------- */

.isProfilePage iframe {
  position: absolute;
  top: 0;
left: 0;
  width: 100%;
  height: 100%;
    opacity:0;
}
.isProfilePage .block-editor {
z-index:-1;
}
.isMiniProfile .xdget-profileTitle{
  font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 32px;
line-height: 100%;
color: var(--black-light);
}
.isMiniProfile .xdget-profileAvatar img {
  border-radius:12px;
}
.isMiniProfile .xdget-profileInfo {
  font-family: var(--main-font);
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 100%;
color: var(--black-light);
}
.xdget-profileLike {
  display:none;
}
.isMiniProfile .global-edit-btn {
  background:var(--green-color)!important;
  border-radius:12px;
font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
text-align: right;
color: var(--white-color);
}
@media (max-width:991px) {
.isMiniProfile .gc-main-content.with-left-menu {
    margin-left: 0;
}
}
@media (min-width:768px) and (max-width:1280px) {
.isProfilePage iframe {overflow-x:hidden;
}}

/* ------------- 
content finish - profilePage
------------- */

/* ------------- 
content start - profileFrame
------------- */

.isProfileFrame {
    --select-border: #868686;
    --select-focus: #9457EB;
    --select-arrow: var(--select-border);
}
.isProfileFrame .logo-lablife {
width:220px;
margin-top: 63px;
}
.isProfileFrame .page-header {
margin-top:85px;
margin-bottom:47px;    margin-left: 6px;
 position:relative;
 padding-bottom:0;
    margin-bottom:47px;
}
.isProfileFrame .page-menu li {
    margin-right: 30px;
    padding: 0;
}
.isProfileFrame .page-actions .btn-group>.dropdown-toggle {display:none;}
.isProfileFrame h1{display:none;}
.isProfileFrame .page-menu li.active a {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: rgba(37, 37, 37, 0.3);
}
.isProfileFrame .page-menu li:not(.active) a {
   font-family:var(--main-font);
 font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: var(--main-color)!important;
    position:relative;
}
.isProfileFrame .row.user-data {
display:flex;
}
.isProfileFrame .page-menu li:not(.active) a::before {
position:absolute;
content:'';
  bottom:-5px;
  right:0;
  content:'';
  width:100%;
  height:1px;
  background:var(--main-color);
  opacity:.6;
}
.isProfileFrame .content-menu {
    border-bottom: 1px solid transparent;
}
.isProfileFrame .page-menu {
    overflow:visible;
}
.isProfileFrame .email-header {
display:none;
}
.isProfileFrame .page-menu li.active {
    background:none!important;
}
.isProfileFrame .container {
width:100%;
    max-width:1515px;
}
.isProfileFrame .user-data .col-md-6:nth-child(1) {
    padding:50px 100px 37px 50px; background: var(--gray-color);
    border-radius: 24px;
    width:44vw;
}
.isProfileFrame .user-data br {display:none;}
.isProfileFrame .user-data .col-md-6:nth-child(3) {
    padding:50px 71px 37px 50px;  background: var(--gray-color);
    border-radius: 24px; width:auto;
}
.isProfileFrame .user-data .col-md-6:nth-child(1) {
    display:flex;
    flex-direction:column;
    margin-right:15px;
}
.user-data+div{display:none;}
.isProfileFrame .user-data .col-md-6:nth-child(3) {
    margin-left:auto;
}
.isProfileFrame .user-data .col-md-6:nth-child(1)>.row {
    display:flex;
    flex-direction:column;
}
.isProfileFrame .user-data .col-md-6:nth-child(1) .row:nth-child(1)::before {
    content:'Мой профиль';
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    font-family: var(--main-font); color: var(--black-light);margin-bottom:25px;
    order:1;
}
.isProfileFrame .user-data .col-md-6:nth-child(1) .row:nth-child(1)::after {
    order:2;
    content:'Вводите свои реальные данные, потому что данная информация будет использоваться и отображаться в сертификатах';
    max-width:429px;
    font-style: normal;
    font-weight: 400;
font-size: 20px;
line-height: 130%;
    font-family: var(--main-font); color: rgba(37, 37, 37, 0.5);margin-bottom:30px;
}

.isProfileFrame .row label {
    font-style: normal;
    font-weight: 500!important;
    font-size: 16px;
    line-height: 100%;
    font-family: var(--main-font);
    color: var(--black-light);
}
.isProfileFrame .row input,.isProfileFrame textarea {
    font-family: var(--main-font);
   color: var(--black-light);
    background: var(--white-color);
    border: 1px solid rgba(37, 37, 37, 0.1);
    border-radius: 16px!important;
    min-height:60px;
    padding:20px;font-size: 20px;
    line-height: 20px;
}
.isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(2), .isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(4),.isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(3) {
display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap:30px;
}
.isProfileFrame label[for="User_last_name"],.isProfileFrame label[for="User_gender"],.isProfileFrame label[for="User_country"] {
grid-column: 1/2;
grid-row: 1/2;
}
.isProfileFrame #User_last_name,.isProfileFrame label[for="User_gender"] ~ .select,.isProfileFrame #User_country {
grid-column: 1/2;
grid-row: 2/3;
}
.isProfileFrame label[for="User_first_name"],.isProfileFrame label[for="User_birthday"],.isProfileFrame label[for="User_city"] {
grid-column: 2/3;
grid-row: 1/2;
}
.isProfileFrame #User_first_name,.isProfileFrame .input-group.date,.isProfileFrame #User_city {
grid-column: 2/3;
grid-row: 2/3;
}
.isProfileFrame .input-group-addon {
display:none;
}

.isProfileFrame select {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    font-family: var(--main-font);
    color: var(--black-light);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #FFFFFF;
border: 1px solid rgba(37, 37, 37, 0.1);
border-radius: 16px;
    padding: 20px;
    margin: 0;
    width: 100%;
    cursor: inherit;
    z-index: 1;
    outline: none;
    min-height:60px;
}
.isProfileFrame form .buttons {
    border-top: 0px solid #ccc;
    padding-top: 92px;
}
.isProfileFrame .input-div {
display:none;
}
.isProfileFrame label[for="User_profile_image"] {
display:none;
}
.isProfileFrame .image-field {
    display: grid;
     grid-template-columns: 150px 1fr;
    max-width: 430px;
    column-gap:21px;
    margin-bottom:22px;
}
.isProfileFrame .image-field br{
   display:none;
}
.isProfileFrame .talks-widget-button {
    display:none;
}

.isProfileFrame .image-field a {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
position:relative;
    color: var(--main-color);
    height:min-content;
    width:min-content;
}
.isProfileFrame .image-field a::before {
position:absolute;
content:'';
  bottom:-5px;
  right:0;
  content:'';
  width:100%;
  height:1px;
  background:var(--main-color);
  opacity:.6;
}
.isProfileFrame .image-field .ava {
width:150px;
height:150px;
position:relative;
    border-radius:50%;
    cursor:pointer;
    overflow:hidden;   grid-row:1/4;
    grid-column:1/2;
}
.isProfileFrame .image-field .ava::before {
    position:absolute;
z-index:2;
content:'Изменить';
background:var(--main-color);
left:0;
bottom:0;
height:0;
width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 12px;
color: var(--white-color);
    padding-bottom:4px;
    transition:.2s;
    transform:translateY(100%);
}
.isProfileFrame .image-field .ava:hover::before {
height:34px;transform:translateY(0);
}

.isProfileFrame .image-field .ava img {
width:100%;
height:100%;
}
.isProfileFrame a[style="text-decoration: none; border-bottom: 1px dashed blue; margin-left: 10px;"],.isProfileFrame a[style="text-decoration: none; border-bottom: 1px dashed blue"] {display:none;}
.isProfileFrame .row.pass a:nth-child(2) {
display:none;
}
.isProfileFrame * {
outline:0;
}
.isProfileFrame #User_profile_image {width:100%;font-size:16px;}
div.mailingCategories {

}
.isProfileFrame .mailingCategories label{
    display:flex;
    align-items:center;
}
.isProfileFrame .mailingCategories input {margin-right:10px;}
.login-social-link i {
    display:none;
}
.isProfileFrame .social-webs {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
}
.isProfileFrame .social-but:nth-child(1) {display:none;}
.isProfileFrame .social-but {
    flex-basis: calc(50% - 10px);
}
.isProfileFrame .social-but:nth-child(2) {
margin-right:20px;
}
body.isProfileFrame .social-but .btn-social {
    background: #FFFFFF!important;
    border: 1px solid var(--white01-color)!important;
    border-radius: 16px!important;
    width:100%;
    padding: 15px 30px;
    position:relative;
    transition:.1s;
        display: grid;
    grid-template-columns: 30px 1fr;
    column-gap:10px;
}
body.isProfileFrame .social-but .btn-social p {
   font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    font-family: var(--main-font);
    color: rgba(37, 37, 37, 0.5)!important;grid-column:2/3;margin-bottom:0;grid-row:1/2;
}
.isProfileFrame .btn-vk img {
    width:30px;
    height:30px;
   grid-column:1/2;grid-row: 1/2;
}
.isProfileFrame .btn-google-plus img {
    width:30px;
    height:30px;border-right: 1px solid white;
grid-column:1/2;grid-row: 1/2;
}
.isProfileFrame .row.name {
    margin-top:7px;
    grid-row: 1/2;
    grid-column: 2/3;
    margin-bottom:0;
}
.isProfileFrame .row.name p {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 39px;
    font-family: var(--main-font);
    color: var(--black-light);
    margin-bottom:0;
}
.isProfileFrame .row.email {
    margin-top:10px;
    grid-row: 2/3;
    grid-column: 2/3;margin-bottom:0;
}
.isProfileFrame .row.email p {
  font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 24px;
letter-spacing: -0.05em;
    font-family: var(--main-font);
    color: var(--black-light);margin-bottom:0;
    position:relative;
}
.isProfileFrame .row.email p svg {
cursor:pointer;
    position:absolute;
    top:50%;
    transform:translate(10px,-50%);
}
.isProfileFrame .row.pass a {
    margin-left:0!important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-decoration-line: underline;
    font-family: var(--main-font);
    color: var(--main-color);
}
.isProfileFrame .btn-primary {
    background: var(--main-color)!important;
    transition:.3s;
    color:var(--white-color)!important;
    border-radius: 16px;
    max-width:430px;
}
.isProfileFrame .btn-primary:hover {
    background: var(--purple-hover)!important;
}
.isProfileFrame .user-data .row input, .change-password-form input, .change-email-form input {
    width: 100%;
}
.isProfileFrame .mailingCategories>div>label {
height:min-content;
padding-left: 30px;
}
.isProfileFrame .mailingCategories>div {
position:relative;
 margin-bottom:10px;
}
.isProfileFrame .mailingCategories>div::before {
content:'';
position:absolute;
    background: var(--white-color);
border: 1px solid rgba(37, 37, 37, 0.1);
    border-radius:50%;
    width:20px;
    height:20px;
    transition:.1s;
    top: 50%;
    transform: translateY(-50%);pointer-events:none;
}
.isProfileFrame .mailingCategories>div.selected-input::before {
border: 7px solid var(--main-color);
}
.isProfileFrame .mailingCategories>div>label input {
display:none;
}
.isProfileFrame .mailingCategories>div>label {
margin-bottom:0;
padding-top: 6px;
font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: var(--black-light);
}
.isProfileFrame .sains-row + div +div {
display:none;
}
.isProfileFrame #User_language, .isProfileFrame #User_subscribe_status {
background-image: url("data:image/svg+xml,%3Csvg width='430' height='60' viewBox='0 0 430 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='430' height='60' rx='16' fill='white'/%3E%3Cpath d='M388 27L394 33L400 27' stroke='%23252525' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: right center;
    background-repeat:no-repeat;
}
.isProfileFrame .row>.btn-success{display:none;} 
.isProfileFrame .gc-main-content.with-left-menu .container {
    margin-left: 70px;
    margin-right: 0;
    padding-left:0;
    padding-right:0;
}
.isProfileFrame .col-md-6:nth-child(1) input:not(.btn-primary),.isProfileFrame .col-md-6:nth-child(1) select {
padding: 20px;
max-width:260px!important;
}

.isProfileFrame .panel-default>.panel-heading {
    color: var(--black-color);
    background-color: transparent;
    border-color: #ddd;
  font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 24px;
  font-family:var(--main-font);
    margin-bottom:23px;
}
.isProfileFrame .panel-heading{
    padding: 0;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.isProfileFrame .panel {
    margin-bottom: 0;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.isProfileFrame .panel-body {
    padding: 0;
}
.isProfileFrame .cards input {
  min-height: unset!important;opacity:0;
}
.isProfileFrame .cards {
  font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: var(--black-light);
margin-bottom:20px;
}
.isProfileFrame .cards label {
  font-size: 20px;
line-height: 20px;
color: rgba(37, 37, 37, 0.3);
}
.isProfileFrame .cards input {margin-left:10px;}
.isProfileFrame .cards label {position:relative;padding-left: 10px;}
.isProfileFrame .cards label::before {
  content: '';
    position: absolute;
    background: var(--white-color);
    border: 1px solid rgba(37, 37, 37, 0.1);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transition: .1s;
    top: 50%;
    transform: translateY(-50%);
      left: -22px;
    pointer-events: none;
}
.isProfileFrame .cards input:checked + label::before {
    border: 7px solid var(--main-color);
}
.isProfileFrame .fa-lg {
    font-size: 20px;
    line-height: .75em;
    vertical-align: -15%;
}
.isProfileFrame .change-password-form {
display:flex;
    flex-direction:column;
}
.isProfileFrame .ChangePasswordForm_confirmPassword {
margin-top:15px;
}

.isProfileFrame .page-actions .btn-link {
padding:20px 165px;
background: var(--gray-color);
border-radius: 16px;
font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 20px;
color: var(--black-light);
}
.isProfileFrame .page-actions {
position:absolute;
    right:0;
    bottom:0;
}
.glyphicon-user:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7778 20.9999V18.7777C18.7778 17.599 18.3095 16.4685 17.476 15.635C16.6425 14.8015 15.5121 14.3333 14.3333 14.3333H5.44444C4.2657 14.3333 3.13524 14.8015 2.30175 15.635C1.46825 16.4685 1 17.599 1 18.7777V20.9999' stroke='%23252525' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.88902 9.88889C12.3436 9.88889 14.3335 7.89904 14.3335 5.44444C14.3335 2.98985 12.3436 1 9.88902 1C7.43443 1 5.44458 2.98985 5.44458 5.44444C5.44458 7.89904 7.43443 9.88889 9.88902 9.88889Z' stroke='%23252525' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    color: transparent;
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.isProfileFrame .page-actions .btn-link .glyphicon {
margin-right:10px;
}

.isProfileFrame .gender-checkbox {
  background: var(--white-color);
border-radius: 16px;
  max-width:260px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
}
.isProfileFrame .gender-checkbox>div {
  padding:20px;
  position:relative;
  display:flex;
  align-items:center;cursor:pointer;
}
.isProfileFrame .gender-checkbox>.male::before {
position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background: var(--main-color);
border: 1px solid rgba(37, 37, 37, 0.1);
border-radius: 16px 0px 0px 16px;
  content:'';z-index:1;
    transition:.2s;
}

.isProfileFrame .gender-checkbox p {
  position:relative;z-index:2;
font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 100%;
color: var(--black-light);
  margin:0;
}
.isProfileFrame .gender-checkbox .chosen p {
  color: var(--white-color);
}
.isProfileFrame .gender-checkbox>.male:not(.chosen)::before {
transform:translateX(100%);
  border-radius: 0 16px 16px 0;
  pointer-events:none;
}
#User_gender{display:none;}
@media(min-width:991px) {
    .isProfileFrame .user-data .col-md-6:nth-child(1) {
    margin-right:.78125vw;
}

.isProfileFrame .user-data .col-md-6:nth-child(3) {
    max-width:31.77vw;
}
.isProfileFrame .page-actions .btn-link {
padding:1.04167vw 8.59vw;
font-size: 1.04167vw;
line-height: 100%;    width: 31.77vw;
}
    .isProfileFrame .container {
    max-width:78.9vw;
}
.isProfileFrame .logo-lablife {
width:11.46vw;margin-top: 3.28125vw;
}
    .isProfileFrame .page-header {
margin-top:4.43vw;
min-height:1.25vw;
margin-left: 0.3125vw;
        margin-bottom:2.45vw;
}
.isProfileFrame .page-menu li {
    margin-right: 1.5625vw;
}
    .isProfileFrame .page-menu li.active a {
color:var(--black-light);
    font-size: 1.25vw;
    line-height: 100%;
}
.isProfileFrame .page-menu li:not(.active) a {
font-size: 1.25vw;
line-height: 100%;
}
    .isProfileFrame .page-menu li:not(.active) a::before {
  bottom:-.26vw;
}
    .isProfilePage .container {
    max-width:78.90625vw;
}
    .isProfileFrame .user-data .col-md-6:nth-child(1) {
    padding:2.6vw 5.2vw 1.93vw 2.6vw;
}
.isProfileFrame .user-data .col-md-6:nth-child(3) {
    padding:2.6vw 3.7vw 1.93vw 2.6vw;
}
    .isProfileFrame .user-data .col-md-6:nth-child(1) .row:nth-child(1)::before {
    font-size: 1.67vw;
    line-height: 100%;
margin-bottom:1.3vw;
}
.isProfileFrame .user-data .col-md-6:nth-child(1) .row:nth-child(1)::after {
     max-width:22.34375vw;
font-size: 1.04166vw;
margin-bottom:1.5625vw;
}
.isProfileFrame .row label {
    font-size: 0.83vw;
}
.isProfileFrame .row input,.isProfileFrame textarea {
    border-radius: 16px!important;
    min-height:3.125vw;
    padding:1.04167vw;font-size: 1.04167vw;
    line-height: 100%;
}
    .isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(2), .isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(4),.isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(3) {
column-gap:1.5625vw;
}
    .isProfileFrame select {
    font-size: 1.04167vw;
    padding: 1.04167vw;
    min-height:3.125vw;
}
    .isProfileFrame form .buttons {
    padding-top: 4.79167vw;
}
.isProfileFrame .image-field>.ava {
width:7.8125vw;
height:7.8125vw;
    grid-row:1/4;
    grid-column:1/2;
}
    .isProfileFrame .row.name {
    margin-top:.36vw;
}
.isProfileFrame .row.name p {

    font-size: 1.67vw;
    line-height: 2.03125vw;
}
    .isProfileFrame .row.email {
    margin-top:.521vw;
}
.isProfileFrame .row.email p {
font-size: 1.25vw;
line-height: 100%;
}
    .isProfileFrame .image-field a {
    font-size: 1.04166vw;
    line-height: 120%;

}
.isProfileFrame .image-field a::before {
  bottom:-.26vw;
}
    .isProfileFrame .image-field {
 grid-template-columns: 7.8125vw 1fr;
column-gap:1.09375vw;
margin-bottom:1.14583vw;
}
    .isProfileFrame .row.pass a {
    font-size: 1.04167vw;
    line-height: 120%;

}
.isProfileFrame .mailingCategories>div>label {
padding-left:1.5625vw;
}

.isProfileFrame .mailingCategories>div::before {
    width:1.04167vw;
    height:1.04167vw;
}
.isProfileFrame .mailingCategories>div.selected-input::before {
border: .36vw solid var(--main-color);
}

.isProfileFrame .mailingCategories>div>label {
padding-top: 0.3125vw;
font-size:1.04167vw;
}
    .isProfileFrame .social-but {
    flex-basis: calc(50% - .521vw);
}
.isProfileFrame .social-but:nth-child(2) {
margin-right:1.04166vw;
}
body.isProfileFrame .social-but .btn-social {
    padding: 0.78125vw 1.5625vw;
    font-size: .73vw;
    line-height:1.5625vw;
    grid-template-columns: 1.5625vw 1fr;
    column-gap:.53vw;
}
body.isProfileFrame .social-but .btn-social p {
font-size: .73vw;
    line-height:1.5625vw;
}
.isProfileFrame .btn-vk img {
    width:1.5625vw;
    height:1.5625vw;
}
.isProfileFrame .btn-google-plus img {
    width:1.5625vw;
    height:1.5625vw;
}
    .isProfileFrame .gc-main-content.with-left-menu .container {
    margin-left: 70px;
    margin-right: 0;
    padding-left:0;
    padding-right:0;
}
.isProfileFrame .col-md-6:nth-child(1)  input:not(.btn-primary),.isProfileFrame .col-md-6:nth-child(1) select {
padding: 1.04167vw;max-width:10.83vw!important;
}
    .isProfileFrame .user-data .row input {
padding: 1.04167vw;
}   
    .isProfileFrame .ChangePasswordForm_confirmPassword {
margin-top:.78125vw;
}
    .isProfileFrame .gc-main-content.with-left-menu .container {
    margin-left:3.64vw;
}
.isProfileFrame .col-md-6:nth-child(1) input:not(.btn-primary),.isProfileFrame .col-md-6:nth-child(1) select {
padding: 1.04167vw;
max-width:13.5vw!important;
}

.isProfileFrame .panel-default>.panel-heading {
font-size: 1.25vw;
line-height: 100%;
 margin-bottom:1.198vw;
}


.isProfileFrame .cards {
font-size: 1.04167vw;
line-height:1.04167vw;
margin-bottom:1.04167vw;
}
.isProfileFrame .cards label {
  font-size:1.04167vw;
line-height:1.04167vw;
}
.isProfileFrame .cards input {margin-left:0.52vw;}
.isProfileFrame .cards label {position:relative;padding-left:0.52vw;}
.isProfileFrame .cards label::before {
  content: '';
    width:1.04167vw;
    height:1.04167vw;
      left: -1.14583vw;
}
.isProfileFrame .cards input:checked + label::before {
    border: .36vw solid var(--main-color);
}
.isProfileFrame .fa-lg {
    font-size: 1.04167vw;
}

.isProfileFrame .ChangePasswordForm_confirmPassword {
margin-top:.78vw;
}
    .isProfileFrame .row.email svg {
width:1.25vw;
        height:1.25vw;
}
    .isProfileFrame .gender-checkbox {
  max-width:13.54vw; border-radius:0.83vw;
}
.isProfileFrame .gender-checkbox>div {
  padding:1.04167vw;
}

.isProfileFrame .gender-checkbox p {
font-size: 1.04167vw;
}
    .isProfileFrame .gender-checkbox>.male::before {
border-radius: 0.83vw 0px 0px 0.83vw;
}
.isProfileFrame .gender-checkbox>.male:not(.chosen)::before {
  border-radius: 0 0.83vw 0.83vw 0;
}

}
@media (max-width:991px) {
    .isProfileFrame .gc-main-content.with-left-menu .container {
    margin-left: 70px;
    margin-right: 70px;
}
    .isProfileFrame .row.user-data {
flex-direction:column;
}
   .isProfileFrame .user-data .col-md-6 {
width:100%!important;
       margin: 25px auto!important;
    }
  .isProfileFrame  br {
        display:none;
    }
    body.isProfileFrame .social-but .btn-social {
        padding: 16px 70px 16px 90px;
        padding-left: 20px !important;
    }
   .isProfileFrame .btn-social::after {
        right: 20px!important;
    }
            .isProfileFrame .page-header {
    display: flex;
    flex-direction: column;
}
   .isProfileFrame .page-actions {
 position:static;
    display: flex;
    justify-content: center;
       margin-bottom:12vw;
} 
    .isProfileFrame .page-actions .btn-link {
    padding: 17px 82px;
    font-size: 16px;
    line-height: 100%;
}
    .isProfileFrame .content-menu {
display: flex;
    justify-content: center;
}
    .isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(2), .isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(4), .isProfileFrame .user-data .col-md-6:nth-child(1)>.row:nth-child(3) {
    display: flex;
    flex-direction: column;
}
    .isProfileFrame .user-data .col-md-6 .row input:not(:nth-child(1)) {
margin-bottom:30px;
}
    .isProfileFrame .page-menu li:not(.active) {
    margin-right: 0;
}
}
@media (max-width:675px) {
    .isProfileFrame .page-header {
    margin-left: 0;
}
    .isProfileFrame .logo-lablife {
display:none;
}
.isProfileFrame .user-data .col-md-6:nth-child(1) {
    padding: 30px;
    border-radius: 24px;
}
    .isProfileFrame .user-data .col-md-6:nth-child(3) {
  border-radius: 24px;
        padding: 30px;
}
    .isProfileFrame .gc-main-content.with-left-menu .container {
    margin-left: 0;
    margin-right: 0;
}
    .isProfileFrame .gender-checkbox>div {
    padding: 17px 30px;
}
    .isProfileFrame .gender-checkbox p {
    font-size:16px;
  }
}
@media (max-width:580px) {
    .isProfileFrame .gender-checkbox>div {
    padding: 9px 30px;
}
    .isProfileFrame .gender-checkbox {
    border-radius: 9px;
    max-width: 260px;
}
    .isProfileFrame .gender-checkbox>.male::before {
    border-radius: 9px 0px 0px 9px;

}
    .isProfileFrame .gender-checkbox>.male:not(.chosen)::before {
    border-radius: 0 9px 9px 0;
}
    .isProfileFrame .gender-checkbox p {
    font-size:3.35vw;
}
    .isProfileFrame .page-actions .btn-link {
    padding: 17px 62px;
max-width:325px;
        width:100%;
}
    .isProfileFrame .page-menu li {
    margin-right: 20px;
}
.isProfileFrame .cards {
    font-size: 3vw;
    line-height: 3.45vw;
    margin-bottom:3.45vw;
}
.isProfileFrame .page-menu li a {
     font-size: 16px!important;
    line-height: 100%!important;
}
    .isProfileFrame .user-data .col-md-6:nth-child(1) .row:nth-child(1)::before {
    font-size: 5.51vw;
    line-height: 100%;
    margin-bottom: 4.3vw;
}
    .isProfileFrame .user-data .col-md-6:nth-child(1) .row:nth-child(1)::after {
    max-width: 100%;
    font-size: 3.45vw;
    margin-bottom: 5.17vw;
}
    .isProfileFrame .col-md-6:nth-child(1) input:not(.btn-primary), .isProfileFrame .col-md-6:nth-child(1) select {
    padding: 2.45vw;
}
    .isProfileFrame .row input,.isProfileFrame textarea,.isProfileFrame select {
    border-radius: 9px!important;
    min-height: 9vw;
    padding:3.45vw;
    font-size:3.45vw;
    line-height:3.45vw;
}
    .isProfileFrame .row.name p {
    font-size: 5.52vw;
    line-height:122%;
}
    .isProfileFrame .row.email p {
      font-size: 3.73vw;
    line-height: 100%;
}
    .isProfileFrame .image-field .ava {
    width: 90px;
    height: 90px;
}
    .isProfileFrame .image-field a {
    font-size:3.45vw;
    line-height: 4.14vw;
}
    body.isProfileFrame .social-but .btn-social {
    padding: 2.76vw 12.07vw 2.76vw 5.17vw;
    padding-left: 5.17vw!important;
}
   .isProfileFrame .image-field {
    grid-template-columns: 90px 1fr;
    max-width: 100%;
    column-gap: 20px;
    margin-bottom: 3.45vw;
} 
    .max-size {
        max-width:325px!important;
    }
    .isProfileFrame .cards label {
    padding-left: 5px;font-size:10px!important;
}
    .isProfileFrame .cards input {
    margin-left: 15px;
}
    .isProfileFrame .row.email p svg {
width:4.5vw;
        height:4.5vw;
}
    .isProfileFrame .social-webs {
    justify-content: center;
    flex-wrap: wrap;
}
    .isProfileFrame .social-but {
  width:100%;flex-basis: 100%;
}
    .isProfileFrame .social-but:nth-child(2) {
    margin-right: 0;
}
    .isProfileFrame .mailingCategories>div>label {
    font-size: 3.45vw;
}
    .isProfileFrame .row label {
    font-size: 12px;
}
    .isProfileFrame .fa-lg {
    font-size: 3.45vw;
}
.isProfileFrame form .buttons {
    padding-top: 50px;
}
   .isProfileFrame input[value="Сохранить"] {
font-size: 16px;padding:17px 90px;
}
    .isProfileFrame .cards {
    font-size: 10px;

}
}
.social-link {
position:relative;
}
.unlink-btn {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
z-index:3;
}
.isProfileFrame .row.row-margins {
    margin-left: 0;
    margin-right: 0;
}

.isProfileFrame .user-data .row input,.isProfileFrame .change-password-form input,.isProfileFrame .change-email-form input,.isProfileFrame .gender-checkbox {
border: 1px solid rgba(37, 37, 37, 0.1);
}

.isProfileFrame #gcAccountUserMenu,.isProfileFrame .talks-widget-button {display:none;}
.btn-social>:first-child {
    border-right: 0px solid rgba(0,0,0,0.2)!important;
}
/* ------------- 
content finish - profileFrame
------------- */

/* ------------- 
content start - paymentPage
------------- */

/*:root {
    --font-main: 'Graphik LCG', sans-serif;
}

.isPaymentPage .gc-main-content.with-left-menu {
    margin-left: 0;
}
.isPaymentPage .gc-main-content .container {
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 1630px;
    width: 100%;
}
.isPaymentPage .gc-account-logo {
    margin-top: 20px;
    margin-bottom: 20px;
}
.isPaymentPage .page-header {
    padding: 0;
}
.isPaymentPage .page-header svg {
    max-width: 21.5vw;
    margin-top: 2vw;
    margin-bottom: 4vw;
}
@media (max-width: 991.98px) {
    .isPaymentPage .page-header svg {
        max-width: 240px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
}
.isPaymentPage .page-header h1 {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 500;
    font-size: 2.0833333333vw;
    line-height: 1;
    color: #000000;
    margin: 0;
}
@media (max-width: 991.98px) {
    .isPaymentPage .page-header h1 {
        font-size: 32px;
    }
}
.isPaymentPage .page-header .content-menu {
    display: none;
}
.isPaymentPage .xdget-root .xdget-area > .xdget-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: auto 1fr;
    gap: 32px 20px;
}
.isPaymentPage .ink-payment-info {
    background-color: #fafafa !important;
    border-radius: 24px;
    padding: 3.5vw 2vw !important;
    margin: 0 0 24px !important;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: auto;
    gap: 16px 24px;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-info {
        padding: 24px !important;
        gap: 16px 0;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        margin: 0 0 48px !important;
    }
}
.isPaymentPage .ink-payment-info::before,
.isPaymentPage .ink-payment-info::after {
    display: none;
}
.isPaymentPage .ink-payment-info > .xdget-col {
    width: 100%;
    float: none;
    padding: 0;
}
.isPaymentPage .ink-payment-info > .xdget-col:first-child {
    -ms-grid-column-span: 2;
    grid-column: span 2 / span 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-info > .xdget-col:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.ink-payment-info-deal {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-left: 24px;
}
@media (max-width: 991.98px) {
    .isPaymentPage
    .ink-payment-info
    > .xdget-col:first-child
    .ink-payment-info-deal {
        margin-left: 0;
        margin-top: 16px;
    }
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.ink-payment-info-deal
h4 {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 1.25vw;
    color: #000000;
    margin: 0;
    margin-bottom: 20px;
}
@media (max-width: 991.98px) {
    .isPaymentPage
    .ink-payment-info
    > .xdget-col:first-child
    .ink-payment-info-deal
    h4 {
        font-size: 20px;
        margin-bottom: 12px;
    }
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.ink-payment-info-deal
.deal-positions {
    margin: 0;
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.ink-payment-info-deal
.deal-positions
> li
+ .isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.ink-payment-info-deal
.deal-positions
> li {
    margin-top: 12px;
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.ink-payment-info-deal
.deal-positions
.position-actual-title {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 1;
    color: #000000;
}
@media (max-width: 991.98px) {
    .isPaymentPage
    .ink-payment-info
    > .xdget-col:first-child
    .ink-payment-info-deal
    .deal-positions
    .position-actual-title {
        font-size: 16px;
    }
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.ink-payment-info-deal
.deal-positions
.small {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 1.0416666667vw;
    line-height: 1.3;
    color: rgba(57, 35, 88, 0.5);
    margin-top: 4px;
}
@media (max-width: 991.98px) {
    .isPaymentPage
    .ink-payment-info
    > .xdget-col:first-child
    .ink-payment-info-deal
    .deal-positions
    .small {
        font-size: 14px;
    }
}
.isPaymentPage .ink-payment-info > .xdget-col:first-child .xdget-dealInfo {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}
.isPaymentPage .ink-payment-info > .xdget-col:first-child .xdget-dealInfo > br {
    display: none;
}
.xdget-dealInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.isPaymentPage .ink-payment-info > .xdget-col:first-child .xdget-dealInfo a[href="/sales/control/deal/update/id/"] {
    order: 10;
}

.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
.deal-finish-price-title {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size: 1.25vw;
    margin: 0;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
.deal-finish-price-title * { white-space: normal !important; }
@media (max-width: 991.98px) {
    .isPaymentPage
    .ink-payment-info
    > .xdget-col:first-child
    .xdget-dealInfo
    .deal-finish-price-title {
        font-size: 20px;
    }
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
.deal-finish-price-title
b {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    font-size: 2.9166666667vw;
    color: #392358;
    display: inline-block;
    margin-top: 12px;
}
@media (max-width: 991.98px) {
    .isPaymentPage
    .ink-payment-info
    > .xdget-col:first-child
    .xdget-dealInfo
    .deal-finish-price-title
    b {
        font-size: 24px;
        margin-top: 10px;
    }
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
a.dotted-link {
    font-size: 0.8333333333vw;
    line-height: 1;
    text-decoration: underline;
    border-bottom: none;
    color: rgba(57, 35, 88, 0.5);
    display: block;
    order: 5;
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
#promoCode {
    order: 7;
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
#promoCode button {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 500;
    color: var(--white-color);
    font-size: 0.9375vw;
    line-height: 1;
    background-color: #392358;
    border: 1px solid #392358;
    border-radius: 1em;
    padding: 1.2em 2.5em;
    align-self: flex-start;
    cursor: pointer;
      transition: 0.3s;
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
#promoCode button:hover {
    background: var(--purple-hover) !important;
}
.isPaymentPage
.ink-payment-info
> .xdget-col:first-child
.xdget-dealInfo
a[href="/sales/control/deal/update/id/"] {
    order: 10;
}
.isPaymentPage .ink-payment-info > .xdget-col:last-child {
    -ms-grid-column-span: 1;
    grid-column: span 1 / span 1;
}
.isPaymentPage .ink-payment-info > .xdget-col:last-child h4 {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    font-size: 1.25vw;
    color: #000000;
    margin: 0;
    margin-bottom: 20px;
    background-image: none;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-info > .xdget-col:last-child h4 {
        font-size: 18px;
        margin-bottom: 12px;
    }
}
.isPaymentPage
.ink-payment-info
> .xdget-col:last-child
.xdget-currentUserInfo {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 1.3;
    color: #000000;
    background-image: none;
}
@media (max-width: 991.98px) {
    .isPaymentPage
    .ink-payment-info
    > .xdget-col:last-child
    .xdget-currentUserInfo {
        font-size: 16px;
    }
}
.isPaymentPage .gcp-oferta-buyer,
.isPaymentPage #alternative-methods-container,
.isPaymentPage .xdget-payform,
.isPaymentPage .xdget-partialpay {
display: none !important;
}
.isPaymentPage .ink-payment-blocks {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(auto, 1fr) 20px minmax(auto, 1fr) 20px minmax(auto, 1fr);
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    grid-auto-rows: auto;
    gap: 30px 20px;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-blocks {
        -ms-grid-columns: (minmax(auto, 1fr))[1];
        grid-template-columns: repeat(1, minmax(auto, 1fr));
    }
}
.isPaymentPage .ink-payment-block {
    background-color: #fafafa;
    border-radius: 24px;
    padding: 2vw;
    -ms-grid-column-span: 1;
    grid-column: span 1 / span 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-block {
        padding: 24px;
    }
}
.isPaymentPage .ink-payment-block p {
    margin: 0;
}
.isPaymentPage .ink-payment-block-title {
    margin: 0;
    font-family: var(--main-font);
    font-style: normal;
    font-weight: inherit;
    font-size: 1.6666666667vw;
    line-height: 1;
    color: #000000;
    margin-bottom: 0.5em;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-block-title {
        font-size: 20px;
    }
}
.isPaymentPage .ink-payment-block-price {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 500;
    font-size: 2.0833333333vw;
    line-height: 1;
    color: #392358;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-block-price {
        font-size: 24px;
    }
}
.isPaymentPage .ink-payment-block-description {
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    font-size: 1.0416666667vw;
    line-height: 130%;
    color: #000000;
    margin-top: 1em;
    margin-bottom: auto;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-block-description {
        font-size: 16px;
    }
}
.isPaymentPage .ink-payment-block-action {
    font-family: var(--font-main);
    font-style: normal;
    font-weight: 500;
    color: var(--white-color);
    font-size: 0.9375vw;
    line-height: 1;
    background-color: #392358;
    border: 1px solid #392358;
    border-radius: 1em;
    padding: 1.2em 4.5em;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 4em;
    cursor: pointer;
    transition: 0.3s;
}
.isPaymentPage .ink-payment-block-action:hover {
    background: var(--purple-hover) !important;
}
@media (max-width: 991.98px) {
    .isPaymentPage .ink-payment-block-action {
        font-size: 16px;
        padding: 1em 3em;
        margin-top: 2em;
        width: 100%;
    }
}

@media (max-width: 991.98px) {
.isPaymentPage .ink-payment-info > .xdget-col:first-child .xdget-dealInfo a.dotted-link {
        font-size: 14px;
    }
}

.isPaymentPage .payment-buttons {
	 display: flex;
	 flex-wrap: wrap;
	 padding-top: 2em;
	 gap: 6px;
}
 .isPaymentPage .payment-buttons .ink-payment-block-action {
	 margin-top: 0;
	 padding: 1.2em;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 6px;
}
 @media (min-width: 768px) {
	 .isPaymentPage .payment-buttons .ink-payment-block-action {
		 width: calc(50% - 3px);
	}
}
 .isPaymentPage .payment-buttons .ink-payment-block-action.yandex-btn {
	 border-radius: var(--Spacing-4, 16px);
	 background: radial-gradient(68.27% 136.54% at 50% 0%, rgba(225, 92, 77, 0.50) 0%, rgba(235, 70, 159, 0.50) 10.99%, rgba(131, 65, 239, 0.18) 43.97%, rgba(63, 104, 249, 0.00) 57.15%), #2e2f33;
	 box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}*/
/* ------------- 
content finish - paymentPage
------------- */

/* ------------- 
content start - lessonsPage
------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/af39ff137dd17b2b37cd9aafa9400096.ttf/a/23809/sc/287') format('truetype'),
    url('/fileservice/file/download/h/64612ae3eccdc534f51e49399f8e8896.woff/a/23809/sc/175') format('woff'),
    url('/fileservice/file/download/h/10a5f84babd32d9aea22aaa394f932e9.woff2/a/23809/sc/324') format('woff2');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/1ae5a8ac1e7fcdae1f1567fd2409b0e8.ttf/a/23809/sc/379') format('truetype'),
    url('/fileservice/file/download/h/65a819c54f64268968b8b835772ce4e3.woff/a/23809/sc/33') format('woff'),
    url('/fileservice/file/download/h/edc98ce21837ed57efa620c796d8f278.woff2/a/23809/sc/271') format('woff2');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/89f34b1e67a51ffb39a40efa9daaf92c.ttf/a/23809/sc/392') format('truetype'),
    url('/fileservice/file/download/h/ba01b6e0ef63e467fc047fb9eda8aa80.woff/a/23809/sc/380') format('woff'),
    url('/fileservice/file/download/h/9e75dc8a2188f8cd5b1cedfc71596ccf.woff2/a/23809/sc/407') format('woff2');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fileservice/file/download/h/087a5983c4b78d9c006c65fe8632a394.ttf/a/23809/sc/68') format('truetype'),
    url('/fileservice/file/download/h/ba505dbe83e101ffda9d97a53d1918b0.woff/a/23809/sc/282') format('woff'),
    url('/fileservice/file/download/h/122f3a6b51666ac1bf42a5b9617503a4.woff2/a/23809/sc/78') format('woff2');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('/fileservice/file/download/h/4c0ae50d700bdb1182bce3275243dedc.ttf/a/23809/sc/261') format('truetype'),
    url('/fileservice/file/download/h/ad6df18f2f57ef021e2f13f038534050.woff/a/23809/sc/137') format('woff'),
    url('/fileservice/file/download/h/aa336b25c8c7ae40b7f4cb7338f2590c.woff2/a/23809/sc/236') format('woff2');
  font-style: normal;
  font-weight: 400;
}

:root {
  --font-family: "Gilroy", sans-serif;
  --second-family: "Gotham Pro", sans-serif;
  --third-family: "Inter", sans-serif;
  --page-bg: #edf0f5;
  --white-color: #fff;
  --dark-color: #33323f;
  --blue-color: #37396e;
  --light-blue: #f1f1f7;
  --dark-blue: #4c5887;
  --dark-grayish-blue: #46475b;
  --gray-color-secondary: rgba(70, 71, 91, 0.7);
  --moderate-blue: #3c497d;
  --timecode-bg: #f4f5f8;
  --dark-desaturated-blue: #334070;
  --banner-bg: url('https://fs17.getcourse.ru/fileservice/file/download/a/23809/sc/96/h/dcd40a6436dae4e4f91062570346f519.jpg');
  --banner-bg-mob: url('https://fs22.getcourse.ru/fileservice/file/download/a/23809/sc/491/h/efb0d5ee5097dd273c57ed9a7cdfd4ac.jpg');
  --transition: all 0.3s ease;
}

body.isLessonPage {
  min-width: 360px;
  background-color: var(--page-bg);
}

.isLessonPage .gc-main-content,
.isLessonPage .chatium_body .lesson-content {
  padding: 40px 15px;
}

.isLessonPage .gc-main-content.with-left-menu .container {
  margin-left: auto;
  margin-right: auto;
}

.isLessonPage .center-block {
  max-width: 1200px !important;
}

.isLessonPage .block-text .row {
  margin-left: 0;
  margin-right: 0;
}

.isLessonPage .standard-logo,
.isLessonPage .page-header>h1,
.isLessonPage .breadcrumb li,
.isLessonPage .lesson-navigation .fui {
  display: none;
}

.isLessonPage .page-header {
  padding: 0;
  margin: 0;
  border-bottom: none;
}

.isLessonPage .page-actions {
  float: unset !important;
  text-align: end;
  margin-bottom: 10px;
}

.isLessonPage .standard-page-content .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.isLessonPage .crumb {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--dark-grayish-blue);
}

.isLessonPage .crumb:active,
.isLessonPage .crumb:visited {
  color: var(--dark-grayish-blue);
}

.isLessonPage .crumb__decor {
  width: 11px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.89609 0.698768L0.560167 4.96702M0.560167 4.96702L4.68033 9.13782M0.560167 4.96702L9.99994 5.03271' stroke='%2346475B' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: cover;
  transition: var(--transition);
}

.isLessonPage .current .crumb__decor {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.89661 0.697297L0.564229 4.96883M0.564229 4.96883L4.68424 9.13948M0.564229 4.96883L9.99994 5.03076' stroke='%2346475B' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.isLessonPage .crumb__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 13px;
  color: var(--dark-grayish-blue);
  transition: var(--transition);
}

.isLessonPage .current .crumb__title {
  color: var(--gray-color-secondary);
}

.isLessonPage .crumb:hover {
  color: var(--gray-color-secondary);
}

.isLessonPage .crumb:hover .crumb__title {
  color: var(--gray-color-secondary);
}

.isLessonPage .crumb:hover .crumb__decor {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.89661 0.697297L0.564229 4.96883M0.564229 4.96883L4.68424 9.13948M0.564229 4.96883L9.99994 5.03076' stroke='%2346475B' stroke-opacity='0.7' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.isLessonPage .lesson-header-block {
  background: transparent !important;
  border-bottom: none !important;
}

html .isLessonPage .lesson-header-block.row-section {
  margin-bottom: 15px;
}

.isLessonPage .header-view {
  padding: 55px 60px;
  border-radius: 40px;
  background-color: var(--white-color);
  box-shadow: 0 0 38px 0 rgba(37, 48, 95, 0.04);
}

.isLessonPage .header-view .text-center {
  padding: 0 !important;
}

.isLessonPage .lesson-title-value,
.isLessonPage .lesson-description-value {
  display: none;
}

.isLessonPage .lesson-navigation {
  display: none !important;
}

.custom-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.custom-header__link {
  display: block;
  max-width: 70px;
  width: 100%;
  height: 70px;
  background-size: cover;
  transition: var(--transition);
}

.custom-header__link:active,
.custom-header__link:visited,
.custom-header__link:hover,
.custom-header__link:link {
  text-decoration: none;
}

.custom-header__link.previous-lesson {
  background-image: url('https://fs16.getcourse.ru/fileservice/file/download/a/23809/sc/88/h/54c68e79068687eb912990e62ffbc379.svg');
}

.custom-header__link.next-lesson {
  background-image: url('https://fs21.getcourse.ru/fileservice/file/download/a/23809/sc/36/h/bccdd834d8839ffdb4f6fffad8d51fa3.svg');
}

.custom-header__link.previous-lesson:hover {
  background-image: url('https://fs22.getcourse.ru/fileservice/file/download/a/23809/sc/483/h/b267538290952219659f0bf6561dbc77.svg');
}

.custom-header__link.next-lesson:hover {
  background-image: url('https://fs01.getcourse.ru/fileservice/file/download/a/23809/sc/211/h/592db69c43a449922f128f93e8dbb3ee.svg');
}

.custom-header-main {
  text-align: center;
}

.custom-header-main__label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--dark-color);
}

.note-icon-mob {
  display: none;
}

.custom-header-main__title,
.lesson-title h2 {
  margin-bottom: 12px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 36px;
  line-height: 1;
  color: var(--dark-color);
}

.custom-header-main__description,
.lesson-title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--dark-grayish-blue);
}

.custom-lesson-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 20px;
  padding: 0 15px;
}

.custom-lesson-navigation__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 25px 30px;
  border: 1px solid var(--dark-blue);
  border-radius: 20px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  color: var(--dark-blue);
  transition: all 0.3s ease;
}

.custom-lesson-navigation__link:active,
.custom-lesson-navigation__link:visited,
.custom-lesson-navigation__link:link {
  text-decoration: none;
  color: var(--dark-blue);
}

.isLessonPage .custom-lesson-navigation__link:hover {
  background-color: var(--dark-blue);
  color: var(--white-color) !important;
}

.custom-lesson-navigation__link:first-child::before,
.custom-lesson-navigation__link:last-child::after {
  content: '';
  display: block;
  width: 11px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.8644 0.702868L0.556856 5M0.556856 5L4.70733 9.14087M0.556856 5L10 5' stroke='%234C5887' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: cover;
}

.custom-lesson-navigation__link:last-child::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.13587 0.70306L10.4436 5M10.4436 5L6.29296 9.14069M10.4436 5L1 5' stroke='%234C5887' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.custom-lesson-navigation__link:first-child:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.8644 0.702868L0.556856 5M0.556856 5L4.70733 9.14087M0.556856 5L10 5' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.custom-lesson-navigation__link:last-child:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.13587 0.70306L10.4436 5M10.4436 5L6.29296 9.14069M10.4436 5L1 5' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.isLessonPage .lite-page {
  padding: 45px;
  background-color: var(--white-color);
  border-radius: 40px;
}

.isLessonPage .videoWrapper iframe,
.isLessonPage .vhi-iframe {
  border-radius: 40px;
}

.isLessonPage .block-set,
.isLessonPage .block-set .f-text,
.isLessonPage .f-header {
  font-family: var(--font-family) !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 120%;
}

.isLessonPage .block-set {
  color: var(--dark-grayish-blue);
}

.isLessonPage .block-set .f-text {
  font-size: 20px;
}

.isLessonPage .block-set a {
  color: var(--dark-blue) !important;
}

.isLessonPage .block-set .f-text strong {
  font-weight: 600;
}

.isLessonPage .block-set .f-text li::marker {
  color: var(--blue-color);
}

.isLessonPage .block-set .f-text ul {
  padding-inline-start: 25px;
}

.isLessonPage .f-header,
.isLessonPage .f-header p {
  font-weight: 600 !important;
  font-size: 26px;
  color: var(--dark-color);
}

.timecode {
  padding: 30px 40px 30px;
  background: var(--timecode-bg);
  border-radius: 30px;
}

.timecode-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--transition)
}

.timecode-header.active {
  padding-bottom: 15px;
}

.timecode-header::after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='33' height='33' rx='16.5' fill='white' /%3e%3cpath d='M19.6608 14.5423L19.6224 20.6224M19.6224 20.6224L13.7637 20.6597M19.6224 20.6224L13 14' stroke='%2337396E' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
}

.timecode-header:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='33' height='33' rx='16.5' fill='%234C5887' /%3E%3Cpath d='M20.6377 17.7218L16.3113 21.9939M16.3113 21.9939L12.1422 17.8776M16.3113 21.9939L16.3113 12.6284' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.timecode-header.active:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='33' height='33' rx='16.5' fill='%234C5887' /%3E%3Cpath d='M20.6377 17.7218L16.3113 21.9939M16.3113 21.9939L12.1422 17.8776M16.3113 21.9939L16.3113 12.6284' stroke='white' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  transform: rotate(180deg);
}

.timecode-header-title {
  display: flex;
  align-items: center;
  gap: 11px;
  max-width: 184px;
  width: 100%;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: normal;
  color: var(--dark-color);
}

.timecode-icon {
  max-width: 50px;
  width: 100%;
  height: 50px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='25' cy='25' r='25' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.2498 25.0005C34.2498 30.1095 30.1088 34.2505 24.9998 34.2505C19.8908 34.2505 15.7498 30.1095 15.7498 25.0005C15.7498 19.8915 19.8908 15.7505 24.9998 15.7505C30.1088 15.7505 34.2498 19.8915 34.2498 25.0005Z' stroke='%2337396E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M28.4314 27.9429L24.6614 25.6939V20.8469' stroke='%2337396E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-size: cover;
  box-shadow: -3px 3px 11px 0 rgba(13, 17, 37, 0.04);
}

.timecode-main {
  border-top: 1px solid rgba(70, 74, 91, 0.14);
  padding-top: 35px;
  padding-bottom: 15px;
}

.timecode-main__descr {
  position: relative;
  display: flex;
  align-items: self-start;
  font-family: var(--font-family);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
}

.timecode-main__descr:not(:last-child) {
  margin-bottom: 15px;
}

.timecode-main__descr::before {
  content: '';
  display: block;
  width: 23px;
  height: 17px;
  margin-right: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.44 6.8929L11 6.54597L3.22 0.423667C2.92365 0.190875 2.56926 0.047538 2.19708 0.0099331C1.8249 -0.0276718 1.44984 0.0419619 1.11449 0.210927C0.779149 0.379892 0.496953 0.641418 0.299951 0.965808C0.102948 1.2902 -0.000966078 1.66445 6.76866e-06 2.04608V14.9641C0.000902031 15.3449 0.106172 15.7178 0.303914 16.0407C0.501657 16.3636 0.783986 16.6236 1.11898 16.7913C1.45398 16.9591 1.82828 17.0278 2.19956 16.9898C2.57085 16.9518 2.92432 16.8086 3.22 16.5763L11 10.454L11.44 10.1071C11.6718 9.92199 11.8626 9.68902 12 9.42345V7.56635C11.8675 7.30027 11.6757 7.0696 11.44 6.8929ZM11 9.14794C10.9483 9.20749 10.8914 9.26214 10.83 9.3112L2.61001 15.7702C2.46267 15.887 2.28626 15.9594 2.1007 15.9793C1.91515 15.9991 1.72786 15.9656 1.56001 15.8825C1.3917 15.7983 1.24996 15.6676 1.15095 15.5052C1.05193 15.3429 0.999631 15.1554 1.00001 14.9641V2.04608C0.999631 1.85484 1.05193 1.66734 1.15095 1.50496C1.24996 1.34259 1.3917 1.21188 1.56001 1.12773C1.72786 1.04463 1.91515 1.01111 2.1007 1.03094C2.28626 1.05078 2.46267 1.12318 2.61001 1.23997L10.83 7.699C10.8914 7.74806 10.9483 7.80271 11 7.86226C11.1445 8.04405 11.2234 8.27102 11.2234 8.5051C11.2234 8.73919 11.1445 8.96615 11 9.14794Z' fill='%2337396E' /%3e%3cpath d='M22.234 6.88683L14.162 0.42392C13.8717 0.191518 13.5246 0.0482078 13.16 0.0101921C12.7954 -0.0278236 12.4278 0.0409713 12.0988 0.208799C11.7699 0.376627 11.4926 0.636794 11.2984 0.959886C11.1043 1.28298 11.0009 1.65611 11 2.03709V14.9629C11.0009 15.3439 11.1043 15.717 11.2984 16.0401C11.4926 16.3632 11.7699 16.6234 12.0988 16.7912C12.4278 16.959 12.7954 17.0278 13.16 16.9898C13.5246 16.9518 13.8717 16.8085 14.162 16.5761L22.234 10.1234C22.473 9.9321 22.6664 9.68617 22.7993 9.40464C22.9321 9.12312 23.0008 8.81357 23 8.5C22.9993 8.18815 22.9299 7.88061 22.7971 7.60098C22.6643 7.32135 22.4717 7.07705 22.234 6.88683ZM21.635 9.30659L13.563 15.7695C13.4183 15.8864 13.2451 15.9588 13.0629 15.9786C12.8807 15.9985 12.6967 15.9649 12.5319 15.8818C12.3666 15.7976 12.2275 15.6668 12.1302 15.5043C12.033 15.3419 11.9816 15.1543 11.982 14.9629V2.03709C11.9816 1.84574 12.033 1.65813 12.1302 1.49566C12.2275 1.33319 12.3666 1.20239 12.5319 1.1182C12.6967 1.03505 12.8807 1.0015 13.0629 1.02135C13.2451 1.0412 13.4183 1.11365 13.563 1.23051L21.635 7.69341C21.7533 7.78885 21.849 7.91114 21.9149 8.05094C21.9807 8.19074 22.0149 8.34434 22.0149 8.5C22.0149 8.65566 21.9807 8.80926 21.9149 8.94906C21.849 9.08886 21.7533 9.21115 21.635 9.30659Z' fill='%2337396E' /%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
}

.isLessonPage .lt-lesson-mission-block h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 35px 40px;
  border-radius: 30px;
  background-color: var(--dark-blue);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0;
  line-height: 0;
  color: var(--white-color);
}

.isLessonPage .lt-lesson-comment-block h3 {
  margin-bottom: 20px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  color: var(--dark-color);
}

/*Менять заголовок задания*/
.isLessonPage .lt-lesson-mission-block h3::after {
  content: 'Домашнее задание:';
  display: block;
  font-size: 27px;
  line-height: 0.95;
}

.isLessonPage .lt-lesson-mission-block h3::before {
  content: '';
  display: block;
  max-width: 26px;
  width: 100%;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='13' cy='13' r='12.25' stroke='white' stroke-width='1.5' /%3e%3cpath d='M12.9999 7.31738C12.4824 7.31738 12.0624 7.73738 12.0624 8.25488V13.7799C12.0624 14.2974 12.4824 14.7174 12.9999 14.7174C13.5174 14.7174 13.9374 14.2974 13.9374 13.7799V8.25488C13.9374 7.73738 13.5174 7.31738 12.9999 7.31738Z' fill='white' /%3e%3cpath d='M13.0126 16.8071H13.0001C12.4826 16.8071 12.0688 17.2271 12.0688 17.7446C12.0688 18.2621 12.4951 18.6821 13.0126 18.6821C13.5301 18.6821 13.9501 18.2621 13.9501 17.7446C13.9501 17.2271 13.5301 16.8071 13.0126 16.8071Z' fill='white' /%3e%3c/svg%3e");
  background-size: cover;
}

.isLessonPage .lt-lesson-mission-block div[class*="mission-deadline-removable-block"] {
  border-radius: 30px;
  background-color: var(--timecode-bg);
}

.isLessonPage .lesson-mission-wrapper {
  margin-top: 0;
  padding: 35px 40px;
  border: none;
}

.isLessonPage .answer-form {
  padding: 0;
  background: transparent;
}

.isLessonPage .lesson-mission-text {
  margin-bottom: 31px;
  padding: 0 !important;
  border-bottom: none;
  font-size: 20px !important;
  line-height: 120%;
}

.isLessonPage .user-profile-image {
  border-radius: 50%;
}

.isLessonPage .emoji-textarea {
  padding: 20px;
  height: 136px !important;
  resize: none !important;
  border: none;
  border-radius: 30px;
  background-color: var(--white-color);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  color: rgba(70, 71, 91, 0.52);
}

.isLessonPage .emoji-textarea::placeholder,
.isLessonPage .emoji-textarea::-webkit-placeholder,
.isLessonPage .answer-form .type-string::placeholder,
.isLessonPage .answer-form .type-string::-webkit-placeholder,
.isLessonPage .answer-form .type-currency::placeholder,
.isLessonPage .answer-form .type-currency::-webkit-placeholder,
.isLessonPage .answer-form .type-float::placeholder,
.isLessonPage .answer-form .type-float::-webkit-placeholder {
  color: rgba(70, 71, 91, 0.52);
}

.isLessonPage .training-feedback-container .emoji-textarea {
    color: #000;
}

.isLessonPage .comment-form-wrapper .new-comment-textarea {
  border: none;
  padding-left: 20px;
}

.isLessonPage .simple-answer .emoji-textarea {
  background-color: var(--timecode-bg);
}

.isLessonPage .emoji-textarea:focus-visible {
  outline: none;
  outline-offset: 0;
}

.isLessonPage .emoji-container .emoji-button {
  top: 25px;
  right: 36px;
}

.isLessonPage .new-comment.contains-uploadify .emoji-container .emoji-button {
  top: 4px;
  right: 6px;
}

.isLessonPage .answer-form .type-string,
.isLessonPage .answer-form .type-currency,
.isLessonPage .answer-form .type-float,
.isLessonPage .new-comment.contains-uploadify .emoji-textarea {
  height: 46px !important;
  padding: 10px;
  border: 1px solid var(--dark-grayish-blue);
  border-radius: 25px;
  background-color: var(--white-color);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dark-grayish-blue);
}

.isLessonPage .answer-form .type-string:focus-visible,
.isLessonPage .answer-form .type-currency:focus-visible,
.isLessonPage .answer-form .type-float:focus-visible {
  outline: none;
  outline-offset: 0;
}

.isLessonPage .answer-form .addfield>label,
.isLessonPage .answer-form .addfield-type-currency>div {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
}

.isLessonPage .answer-form .btn-send-answer,
.isLessonPage .answer-form .btn-save-draft,
.isLessonPage .answer-form .uploadifive-button,
.isLessonPage .comment-form-wrapper .new-comment .btn-send,
.isLessonPage .training-feedback-wrapper .btn.btn-primary.btn-lg {
  display: inline-block;
  padding: 24px 41px;
  height: 100% !important;
  border: 1px solid var(--dark-blue);
  border-radius: 20px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 1 !important;
  color: var(--white-color);
  text-transform: capitalize;
  transition: all 0.3s ease;
}

.isLessonPage .btn-send .fa.fa-send {
  display: none;
}

.isLessonPage .answer-form .btn-send-answer,
.isLessonPage .answer-form .uploadifive-button,
.isLessonPage .comment-form-wrapper .new-comment .btn-send,
.isLessonPage .training-feedback-wrapper .btn.btn-primary.btn-lg {
  background-color: var(--dark-blue) !important;
}

.isLessonPage .isLessonPage .answer-form .uploadifive-button {
  width: inherit !important;
  background-image: unset;
  text-transform: math-auto;
}

.isLessonPage .answer-form .btn-send-answer:hover,
.isLessonPage .answer-form .uploadifive-button:hover,
.isLessonPage .comment-form-wrapper .new-comment .btn-send:hover,
.isLessonPage .training-feedback-wrapper .btn.btn-primary.btn-lg:hover {
  background-color: var(--dark-desaturated-blue) !important;
}

.isLessonPage .comment-form-wrapper .new-comment .btn-send {
  display: none;
}

.isLessonPage .comment-form-wrapper .new-comment.active .btn-send {
  display: inline-block;
}

.isLessonPage .answer-form .btn-save-draft {
  margin-left: 10px;
  border-color: var(--dark-grayish-blue);
  background: transparent !important;
  color: var(--dark-grayish-blue);
}

.isLessonPage .answer-form .btn-save-draft:active,
.isLessonPage .answer-form .btn-save-draft:visited,
.isLessonPage .answer-form .btn-save-draft:hover,
.isLessonPage .answer-form .btn-save-draft:link {
  text-decoration: none;
}

.isLessonPage .custom-btn .btn.f-btn.btn-success {
  padding: 23px 60px;
  min-height: inherit !important;
  border: none !important;
  border-radius: 20px;
  background: var(--dark-blue) !important;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: var(--white-color) !important;
  transition: all 0.3s ease;
}

.isLessonPage .custom-btn .btn.f-btn.btn-success:hover {
  background: var(--dark-desaturated-blue) !important;
}

.isLessonPage .custom-btn.large .btn.f-btn.btn-success {
  max-width: 360px;
  width: 100%;
  padding: 23px;
}

.files-row:not(.flex) {
  display: flex;
}

.files-row.flex {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.files-row-link {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 25px;
  padding-right: 40px;
  border-radius: 25px;
  background-color: var(--timecode-bg);
  transition: var(--transition);
}

.files-row-link:active,
.files-row-link:visited,
.files-row-link:hover,
.files-row-link:link {
  text-decoration: none;
}

.files-row-link:hover {
  transform: scale(1.01);
}

.files-row-link__decor {
  max-width: 52px;
  width: 100%;
  height: 52px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7893 1.00003H4.94514C2.80536 0.992182 1.05136 2.61825 1.00095 4.65721V15.1639C0.95363 17.2362 2.67677 18.9535 4.85049 18.9996C4.88238 18.9996 4.91324 19.0005 4.94514 18.9996H13.1637C15.3179 18.9162 17.0153 17.2195 16.9999 15.1639V6.17442L11.7893 1.00003Z' stroke='%2337396E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M12 1V3.65226C12 4.94694 13.0783 5.99635 14.4122 6H17' stroke='%2337396E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M12 13.5H6' stroke='%2337396E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M9 9.5H6' stroke='%2337396E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: 18px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--white-color);
  box-shadow: -3px 3px 11px 0 rgba(13, 17, 37, 0.04);
}

.files-row-link-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.files-row-link__title {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  color: var(--blue-color);
}

.files-row-link-descr {
  display: flex;
  align-items: center;
  gap: 7px;
}

.files-row-link-descr__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: var(--dark-grayish-blue);
}

.files-row-link:hover .files-row-link-descr__title {
  color: var(--gray-color-secondary);
}

.files-row-link-descr__arrow {
  width: 11px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.10333 0.868683L10.4357 5.14022M10.4357 5.14022L6.3157 9.31087M10.4357 5.14022L1 5.20215' stroke='%2346475B' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: cover;
}

.files-row-link:hover .files-row-link-descr__arrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.10333 0.868683L10.4357 5.14022M10.4357 5.14022L6.3157 9.31087M10.4357 5.14022L1 5.20215' stroke='%2346475B' stroke-opacity='0.6' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.isLessonPage .self-answers .user-answer {
  border-top: none;
}

.isLessonPage .user-answer .user-image {
  border-radius: 50%;
}

.isLessonPage .user-answer {
  border-top: none;
}

.isLessonPage .lesson-answer-comment,
.isLessonPage .user-answer .addfield {
  background: transparent;
}

.isLessonPage .user-profile-link.worker,
.isLessonPage .answer-date a,
.isLessonPage .answer-date .text-muted,
.isLessonPage .b-notifications-subscribe .button,
.isLessonPage .b-like .positive-count .value,
.isLessonPage .pseudo-link,
.isLessonPage .answer-status a,
.isLessonPage .user-profile-link,
.isLessonPage .answer-date a,
.isLessonPage .answer-date .text-muted,
.isLessonPage .b-notifications-subscribe .button,
.isLessonPage .b-like-and-subscribe-notifications .word-separator,
.isLessonPage .b-like .positive-count .icon,
.isLessonPage .b-like .positive-count .value,
.isLessonPage .b-like .button,
.isLessonPage .comment-time.edit-comment-inactive-element .value,
.isLessonPage .b-like a,
.isLessonPage .comments-tree .worker .text,
.isLessonPage .pseudo-link,
.isLessonPage .answer-status a,
.isLessonPage .public-level-block.user-can-hide-answer {
  font-family: var(--font-family);
  color: var(--dark-grayish-blue) !important;
}

.isLessonPage .answer-date {
  color: var(--dark-grayish-blue) !important;
}

.isLessonPage .b-notifications-subscribe .button,
.isLessonPage .b-like .button {
  border-color: var(--text-color) !important;
  color: var(--dark-grayish-blue) !important;
}

.isLessonPage .user-answer .answer-content .answer-text,
.isLessonPage .emoji-text.text-content.edit-comment-inactive-element,
.isLessonPage .user-answer .addfield {
  font-family: var(--font-family) !important;
  font-weight: 400 !important;
  color: var(--dark-grayish-blue);
}

.isLessonPage .lt-lesson-mission-block .row.row-section,
.isLessonPage .lt-lesson-comment-block .row.row-section {
  margin-bottom: 0 !important;
}

.isLessonPage .user-answer .answer-status .answer-status-label {
  padding: 14px 39px;
  border-radius: 15px;
  background-color: #7d7d7d !important;
  font-family: var(--font-family) !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: var(--white-color);
}

.isLessonPage .user-answer.status-accepted .answer-status .answer-status-label {
  background-color: var(--dark-blue) !important;
}

.isLessonPage .user-answer.type-free_comment .answer-status .answer-status-label {
  padding: 5px;
}

.isLessonPage .o-lt-separator {
  padding: 0 15px;
}

.isLessonPage .o-lt-separator hr {
  border-top: 1px solid rgba(70, 71, 91, 0.25);
  color: rgba(70, 71, 91, 0.25);
}

.isLessonPage .text-box .modal-block-content {
  padding: 30px;
  padding-left: 43px;
  border-radius: 25px;
  background-color: var(--timecode-bg);
}

.isLessonPage .text-box .f-text {
  font-weight: 500 !important;
}

.isLessonPage .text-box .row {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 992px) {
  .isLessonPage .f-header p {
    font-size: 24px;
  }

  .isLessonPage .block-set .f-text {
    font-size: 16px;
  }

  .timecode-main__descr {
    font-size: 14px;
  }

  .files-row.flex {
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {

  .isLessonPage .gc-main-content,
  .isLessonPage .chatium_body .lesson-content {
    padding: 30px 0px;
  }

  .isLessonPage .gc-main-content.with-left-menu .container {
    margin-left: 0;
    margin-right: 0;
  }

  .isLessonPage .answer-form .btn-save-draft {
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }

  .isLessonPage .header-view {
    margin-bottom: 10px;
  }

  .custom-header {
    justify-content: center;
  }

  .custom-header__link {
    display: none;
  }

  .isLessonPage .lesson-navigation {
    display: flex !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: inherit !important;
  }

  .isLessonPage .lesson-navigation td:first-of-type,
  .isLessonPage .lesson-navigation td:last-of-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .isLessonPage .lesson-navigation td a {
    display: block;
    max-width: 70px;
    width: 100%;
    height: 70px;
    background-size: cover;
    font-size: 0;
  }

  .isLessonPage .lesson-navigation td a:active,
  .isLessonPage .lesson-navigation td a:visited,
  .isLessonPage .lesson-navigation td a:link,
  .isLessonPage .lesson-navigation td a:hover {
    text-decoration: none;
  }

  .isLessonPage .lesson-navigation td:first-of-type a {
    background-image: url('https://fs16.getcourse.ru/fileservice/file/download/a/23809/sc/88/h/54c68e79068687eb912990e62ffbc379.svg');
  }

  .isLessonPage .lesson-navigation td:last-of-type a {
    margin-left: auto;
    background-image: url('https://fs21.getcourse.ru/fileservice/file/download/a/23809/sc/36/h/bccdd834d8839ffdb4f6fffad8d51fa3.svg');
  }

  .isLessonPage .lesson-navigation td:first-of-type a:hover {
    background-image: url('https://fs22.getcourse.ru/fileservice/file/download/a/23809/sc/483/h/b267538290952219659f0bf6561dbc77.svg');
  }

  .isLessonPage .lesson-navigation td:last-of-type a:hover {
    background-image: url('https://fs01.getcourse.ru/fileservice/file/download/a/23809/sc/211/h/592db69c43a449922f128f93e8dbb3ee.svg');
  }

  .isLessonPage .lite-page {
    padding: 30px 5px;
  }
}

@media screen and (max-width: 576px) {

  .isLessonPage .gc-main-content,
  .isLessonPage .chatium_body .lesson-content {
    padding: 20px 0;
  }

  .isLessonPage .gc-main-content .container {
    padding-left: 0;
    padding-right: 0;
  }

  .isLessonPage .gc-main-content .container .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .isLessonPage .standard-page-content .breadcrumb {
    justify-content: center;
    padding-top: 17px;
  }

  html .isLessonPage .lesson-header-block.row-section {
    padding: 0 35px !important;
    margin-bottom: 14px;
  }

  .isLessonPage .header-view {
    margin-bottom: 10px;
    padding: 32px;
    border-radius: 25px;
  }

  .custom-header-main__label {
    gap: 4px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .note-icon {
    display: none;
  }

  .note-icon-mob {
    display: block;
  }

  .custom-header-main__title,
  .lesson-title h2 {
    margin-bottom: 7px;
    font-size: 20px;
  }

  .isLessonPage .lesson-title,
  .custom-header-main__description {
    font-size: 12px;
  }

  .isLessonPage .lesson-navigation td a {
    width: 48px;
    height: 48px;
  }

  .custom-lesson-navigation__link {
    padding: 16px 13px;
    border-radius: 15px;
    font-size: 12px;
  }

  .custom-lesson-navigation__link:first-child::before,
  .custom-lesson-navigation__link:last-child::after {
    width: 10px;
    height: 9px;
  }

  .custom-lesson-navigation {
    margin-top: 10px;
  }

  .files-row.flex {
    gap: 15px;
  }

  .files-row-link {
    padding: 23px;
    border-radius: 20px;
    gap: 14px;
  }

  .files-row-link-wrapper {
    gap: 11px;
  }

  .files-row-link__decor {
    max-width: 30px;
    height: 30px;
    background-size: 9px 10px;
  }

  .files-row-link__title {
    font-size: 16px;
  }

  .files-row-link-descr__title {
    font-size: 13px;
  }

  .isLessonPage .custom-btn .btn.f-btn.btn-success {
    max-width: inherit;
    padding: 19px;
    border-radius: 15px;
    font-size: 13px;
  }

  .custom-buttons-row {
    gap: 10px;
  }

  .buttons-row__item {
    width: 100%;
    flex: inherit;
    padding: 19px;
    border-radius: 10px;
    font-size: 13px;
  }

  .isLessonPage .emoji-textarea {
    height: 83px !important;
    border-radius: 15px;
    font-size: 13px;
  }

  .isLessonPage .answer-form .btn-send-answer,
  .isLessonPage .answer-form .btn-save-draft,
  .isLessonPage .answer-form .uploadifive-button,
  .isLessonPage .comment-form-wrapper .new-comment .btn-send {
    width: 100% !important;
    padding: 19px;
    border-radius: 15px;
    font-size: 13px;
  }

  .isLessonPage .lt-lesson-mission-block div[class*="mission-deadline-removable-block"] {
    border-radius: 20px;
  }

  .isLessonPage .lt-lesson-mission-block h3 {
    gap: 5px;
    padding: 19px 23px;
    border-radius: 20px;
  }

  .isLessonPage .lt-lesson-mission-block h3::before {
    width: 18px;
    height: 18px;
  }

  .isLessonPage .lt-lesson-mission-block h3::after {
    font-size: 18px;
  }

  .isLessonPage .lesson-mission-wrapper {
    padding: 20px;
  }

  .isLessonPage .lt-lesson-comment-block h3 {
    margin-bottom: 10px !important;
    font-size: 18px;
  }

  .isLessonPage .answer-form .addfield>label,
  .isLessonPage .answer-form .addfield-type-currency>div {
    font-size: 13px;
  }

  .isLessonPage .lite-page {
    padding: 20px 0;
    border-radius: 25px;
  }

  .isLessonPage .videoWrapper iframe,
  .isLessonPage .vhi-iframe {
    border-radius: 20px;
  }

  .isLessonPage .f-header p {
    font-size: 18px;
  }

  .isLessonPage .block-set .f-text {
    font-size: 14px;
    line-height: 120%;
  }

  .isLessonPage .lesson-mission-text {
    font-size: 14px !important;
  }

  .timecode {
    padding: 23px 17px;
    border-radius: 20px;
  }

  .timecode-icon {
    max-width: 30px;
    height: 30px;
  }

  .timecode-header::after {
    width: 30px;
    height: 30px;
  }

  .timecode-header-title {
    font-size: 14px;
  }

  .timecode-main {
    padding-top: 18px;
  }

  .timecode-main__descr {
    font-size: 13px;
  }

  .timecode-main__descr::before {
    max-width: 15px;
    width: 100%;
    height: 11px;
  }

  .isLessonPage .builder-item.part-header {
    margin-bottom: 10px !important;
  }

  .isLessonPage .user-answer .answer-status .answer-status-label {
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
  }

  .isLessonPage .emoji-container .emoji-button {
    top: 10px;
    right: 10px;
  }

  .isLessonPage .text-box .modal-block-content {
    padding: 20px 24;
    border-radius: 15px;
  }
}

.isLessonPage .simple-answer.user-answer {
  background: transparent;
}

.isLessonPage .new-comment.active .btn-send {
  display: inline-block;
  padding: 24px 41px;
  height: 100% !important;
  border: 1px solid var(--dark-blue);
  border-radius: 20px;
  background-color: var(--dark-blue) !important;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  line-height: 1 !important;
  color: var(--white-color);
  text-transform: capitalize;
  transition: var(--transition);
}

.isLessonPage.new-comment.active .btn-send:hover {
  background-color: var(--moderate-blue) !important;
}

.isLessonPage.comments-tree a.more-comments {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 18px;
  line-height: 125%;
}

.isLessonPage .comments-tree a.more-comments:active,
.isLessonPage .comments-tree a.more-comments:visited,
.isLessonPage .comments-tree a.more-comments:hover,
.isLessonPage .comments-tree a.more-comments:link {
  text-decoration: none;
  color: var(--dark-grayish-blue);
}

.isLessonPage .answer-main-content .main {
  padding: 21px 25px;
  border-radius: 20px;
  background-color: var(--timecode-bg);
  color: var(--dark-grayish-blue);
}

.isLessonPage .user-profile-link.worker,
.isLessonPage .comments-tree .worker .text,
.isLessonPage .user-profile-link,
.isLessonPage .answer-date a,
.isLessonPage .user-answer .answer-content .answer-text {
  font-weight: 500;
  color: var(--dark-grayish-blue) !important;
}

.isLessonPage .comment.lesson-answer-comment {
  margin-bottom: 15px;
  padding: 21px 25px 10px;
  border-radius: 20px;
  background-color: var(--timecode-bg);
}

@media screen and (max-width: 576px) {
  .isLessonPage .new-comment.active .btn-send {
    width: 100% !important;
    padding: 19px;
    border-radius: 15px;
    font-size: 13px;
  }

  .isLessonPage .comments-tree a.more-comments {
    font-size: 13px;
  }
}

@media(min-width: 768px) {
  .isLessonPage .container {
    width: 100%;
  }
}

@media(min-width: 992px) {
  .isLessonPage .container {
    width: 100%;
  }
}

@media(min-width: 1200px) {
  .isLessonPage .container {
    width: 100%;
  }
}

.isLessonPage .chatium_body {
  padding: 15px;
}

.isLessonPage .question {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.isLessonPage .question-number {
    order: 1;
}

.isLessonPage .question-title-big {
    order: 2;
}

.isLessonPage .question-description {
    order: 4;
}

.isLessonPage .question-data {
    order: 3;
}

.isLessonPage .testing-widget .question .question-number {
    font-weight: 400 !important;
    font-size: 16px;
    color: var(--dark-blue);
}

.isLessonPage .testing-widget .question .question-title-big,
.isLessonPage .testing-widget .stat-block .stat-title {
    font-weight: 500 !important;
    font-size: 24px;
    text-align: center;
    color: var(--dark-blue);
}

.isLessonPage .question-description {
    font-weight: 200 !important;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: var(--dark-blue);
}

.isLessonPage .testing-widget .question .question-data {
    padding: 0;
    width: 100%;
}

.isLessonPage .testing-widget .question .question-data .question-answer-block {
    padding-top: 0;
}

.isLessonPage .testing-widget .question .question-data .question-answer-block .button-list {
    max-width: 400px;
}

.isLessonPage .testing-widget .btn-send-variant {
    display: block;
    max-width: 400px;
    width: 100%;
    padding: 18px;
    border-color: var(--dark-blue);
	border-radius: 20px;
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 15px;
    text-align: center;
    color: var(--dark-blue);
}

.isLessonPage .testing-widget .btn-send-variant:hover {
    background: var(--dark-blue);
    color: var(--white-color);
}

.isLessonPage .testing-widget .btn-send-variant.btn-danger {
    border-color: #B81F1F !important;
    background: #B81F1F !important;
    color: var(--white-color);
}

.isLessonPage .testing-widget .btn-send-variant.btn-success {
    border-color: #198E24 !important;
    background: #198E24 !important;
    color: var(--white-color);
}

.isLessonPage .has-restart-button .btn.btn-restart,
.isLessonPage .testing-widget .before-start-block .start-btn {
    max-width: 369px;
    width: 100%;
    padding: 18px;
    border-color: var(--dark-blue);
	border-radius: 20px;
    background: var(--dark-blue);
    font-family: var(--font-family);
    font-weight: 200;
    font-size: 15px;
    text-align: center;
    color: var(--white-color);
}

.isLessonPage .has-restart-button .btn.btn-restart {
    margin-bottom: 10px;
}

.isLessonPage .testing-widget .stat-block .stat-str {
    margin-bottom: 10px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 55px;
    line-height: 1;
    color: var(--dark-blue);
}

.isLessonPage .text-danger {
    color: var(--dark-blue);
}

.isLessonPage .text-success {
    color: var(--dark-blue);
    margin-bottom: 10px !important;
}

.isLessonPage .answer-form .uploadifive-button {
    background-image: inherit;
    width: inherit !important;
}

@media screen and (max-width: 576px) {
    .isLessonPage .testing-widget .btn-send-variant,
    .isLessonPage .has-restart-button .btn.btn-restart,
    .isLessonPage .testing-widget .before-start-block .start-btn {
        padding: 10px;
        border-radius: 12px;
        font-size: 12px;
    }
    
    .isLessonPage .testing-widget .question .question-title-big,
    .isLessonPage .testing-widget .stat-block .stat-title {
        font-size: 20px;
    }
    
    .isLessonPage .testing-widget .stat-block .stat-str {
        font-size: 40px;
    }
}

.uploadifive-queue-item.complete {
    color: var(--dark-grayish-blue) !important;
}
/* ------------- 
content finish - lessonsPage
------------- */

/* ------------- 
content start - mainTraining
------------- */

.isTrainingsPage.isTrainingsList .container {
    width: 100%;
      margin-left: 0;
    margin-right: 0;max-width:1754px;margin:auto;
}
.stream-table {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0!important;
}
.isTrainingsPage .tns-outer {
  margin-bottom:80px;padding-top:88px!important;
}
.near-events div {
position:relative;
}
.near-events div::after {
position:absolute;
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='35.5' cy='35.5' r='35.5' fill='white'/%3E%3Cpath d='M44.75 36H27.25' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38.5 42.25L44.75 36' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38.5 29.75L44.75 36' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  right:20px;
  bottom:20px;
  background-size:100% 100%;
  width:41px;
  height:41px;
  transform:scale(.4);
  opacity:0;
  transition:.2s;
}
.near-events div:hover::after {
  transform:scale(1);
  opacity:1;
}
.near-events {
padding-top:88px;margin-bottom:80px;
}
.tns-outer .near-events {
padding-top:0;margin-bottom:0;
}
.isTrainingsList .col-gc-8{width:100%;}
.tns-outer::before {
  content:'Ближайшие события по вашим обучениям';
 font-family: var(--font-main);
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 100%;
color: var(--black-color);
  margin-bottom:40px;display:block;position:absolute;
}
.isTrainingsList h3.xdget-header {
  font-family: var(--font-main);
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 48px;
color: var(--black-color);
  margin-bottom:40px;
}
.xdget-trainingList {
  padding: 0 15px;
}
.isTrainingsPage.isTrainingsList .container {
padding-left:0;
  padding-right:0;
}
.gc-account-logo {
  display:none;
}
.stream-table tbody {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
.isTrainingsList .stream-table tbody {
  justify-content:flex-start;
}
.isTrainingsList .stream-table tbody tr {
  position:relative;
  display:flex;flex-direction:column;flex: 1 1 550px;
  margin-bottom:37px;justify-content:stretch;
  max-width:550px;
  border-radius:15px;overflow:hidden;
}
.isTrainingsList .stream-table tbody tr:not(:nth-child(3n)) {
  margin-right:64px;
}
.isTrainingsList.isTrainingsPage .stream-table tr td {
display:flex;
  flex-direction:column;
  flex: 1 1 100%;
  opacity:1!important;
    padding-bottom: 0;
    padding-top: 0;
    height: auto;
  padding-left:0;
  background: var(--main-color)!important;
border-radius: 15px;
}
.isTrainingsList.isTrainingsPage .stream-table tr td img {
  min-height:330px;
    object-fit:cover;
}
.isTrainingsPage.isTrainingsList .stream-table tr td a {
  margin-top:0;
  padding:20px 36px;
        display: flex;
    flex-direction: column;
    height: 100%;
}
.isTrainingsPage.isTrainingsList .stream-table .stream-title {
  font-family: 'Graphik LCG';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 110%;
letter-spacing: -0.03em;
color: #FFFFFF;
  margin-bottom:14px;display:flex;
}
.isTrainingsPage.isTrainingsList .stream-table tr td a div {
 font-family: 'Graphik LCG';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 120%;
letter-spacing: -0.03em;
color: #FFFFFF;
opacity: 0.4;
  margin-bottom:48px;
}
.isTrainingsPage.isTrainingsList .stream-table tr td a div b {display:none;}
.modules-feature {
  float:right;
}
.near-events::before {
  content:'Ближайшие события по вашим обучениям';
  display:block;
  flex:1 1 100%;
  font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height:100%;
color: var(--black-color);
  margin-bottom:40px;
}

.near-events {
    flex-wrap:wrap;
display:flex;justify-content:flex-start;
}
.near-events>*:not(:nth-last-child(1)) {
margin-right:30px;
}
.tns-outer .near-events {
display:block;
}
.near-events>*{
  width:calc(25% - 30px);
}
.tns-outer .near-events>*{
margin: 0;
}
 
.near-events div {
  background: #FAFAFA;padding: 29px 34px;border-radius: 24px;
  height:100%;
  display:flex;
  flex-direction:column;  
}

.near-events p:nth-child(1) {
  font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color:var(--black-color);
  opacity:.5;
  margin-bottom:10px;
}
.near-events p:nth-child(2) {
font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 24px;
  margin-bottom:65px;
color:var(--black-color);
}
.near-events p:nth-child(3) {
font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-align: left;opacity:.5;
color:var(--black-color);margin-top:auto;
}
.tns-nav {display:none;}
.tns-outer {
  position:relative;
}
.tns-controls {
  position:absolute;
top:calc(50% + 88px);
  width:100%;
  z-index:4;
  transform:translateY(-50%);
  display:flex;
  justify-content:space-between;
  pointer-events:none;outline:0!important;
}
button[data-controls="next"] {pointer-events:all;
  border:none;
  background-color:transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='35.5' cy='35.5' r='35.5' fill='white'/%3E%3Cpath d='M44.75 36H27.25' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38.5 42.25L44.75 36' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38.5 29.75L44.75 36' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size:100% 100%;
  width: 30px;
  height:30px;
  border-radius:50%;
  border:1px solid var(--main-color);
}

button[data-controls="prev"] {
  border:none;
  background-color:transparent;
background-image: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='35.5' cy='35.5' r='35.5' transform='rotate(-180 35.5 35.5)' fill='white'/%3E%3Cpath d='M26.25 35L43.75 35' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.5 28.75L26.25 35' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.5 41.25L26.25 35' stroke='%23392358' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size:100% 100%;
  width: 30px;
  height:30px;
  border-radius:50%;
  border:1px solid var(--main-color);
  pointer-events:all;
}
.tns-outer .near-events>* {
  margin:0;
}

.isTrainingsList .header-box {display:none;}
.isTrainingsList .gc-user-admin .header-box {display:block;}
.search-block-wrapper {padding: 23px 0px;
  display:flex;
  max-width:1720px;
  margin:auto;
  width:100%;
  align-items:center;
  background: #FAFAFA;
border-radius: 24px;
  margin-top:30px;
}

.search-block-wrapper img {max-width:140px;margin-right:50px;}
.search-block-wrapper input {
background-image: url("data:image/svg+xml,%3Csvg width='28' height='27' viewBox='0 0 28 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6111 23.2222C18.7476 23.2222 23.7222 18.2476 23.7222 12.1111C23.7222 5.97461 18.7476 1 12.6111 1C6.47461 1 1.5 5.97461 1.5 12.1111C1.5 18.2476 6.47461 23.2222 12.6111 23.2222Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.5002 25.9987L20.4585 19.957' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 1.3vw 1.3vw;
  background-position: 1.5625vw 50%;
    background-repeat: no-repeat;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 24px;padding:28px 85px;
width:100%;
}
#search-box {
    flex: 1 1 58%;
  width:58%;margin-right:50px;
}
.search-block-wrapper>a {
  display:flex;align-items:center;
  font-family: var(--main-font);
font-style: normal;
font-weight: var(--weight-bold);
font-size: 24px;
line-height: 24px;
text-align: center;
margin-right:64px;
color: var(--main-color);
}
.search-block-wrapper a svg {
  margin-right:10px;
}
.expandable-search {
  position:relative;
}
.BlockList {
  position:absolute;
  background: var(--white-color);
  width:100%;z-index:100;
  border-radius: 6px;
  border: 1px solid var(--main-color);
  padding: 1rem 0rem;
}
.TextBlock {
  margin-bottom:2rem;
  display:block;
  font-family: var(--main-font);
  color:var(--main-color);
  font-size:24px;
  padding: 0 2rem;
}
.ScreenBlock {
  display:flex;
  padding: .8rem 1rem;
  transition:.2s;
}
.ScreenBlock:hover {
  background:rgba(0,0,0,0.06);
  border-radius:6px;
}
.ScreenBlock__left {
  margin-right:10px;
}
.ScreenBlock__logo>div {
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  font-family:var(--main-font);
  font-weight:var(--weight-normal);
  background:var(--main-color)!important;
}
.ScreenBlock__description {
  font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: var(--black-color);
  opacity:.5;
}
.ScreenBlock__item-title {
  font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: var(--main-color);
}

a:hover {
  text-decoration:none;
}
.search-block-wrapper>a span {
position:relative;
}
.search-block-wrapper>a span::after {
position:absolute;
content:'';
  bottom:-5px;
  right:0;
  content:'';
  width:100%;
  height:1px;
  background:var(--main-color);
  opacity:.6;
}
.stream-table tr>svg {
  position:absolute;
  right:20px;
  bottom:20px;cursor:pointer;pointer-events:none;
}
.stream-table tr>svg circle {
  transform:scale(0);
  transition:.2s;transform-origin:center;
}
.stream-table tr:hover>svg circle {
  transform:scale(1);
}
.stream-table tr>svg path {
animation:none;
opacity:0;
}
.stream-table tr:hover>svg path {
 opacity:1;
}



@media (min-width:768px) {
    .near-events div::after {
position:absolute;
 right:1.04167vw;
  bottom:1.04167vw;
  width:2.13vw;
  height:2.13vw;
}
    .search-block-wrapper>a span::after {
  bottom:-.26px;
}
  .isTrainingsPage.isTrainingsList .container {
max-width:91.3vw;
}
    .isTrainingsList .page-header {
max-width: 91.3vw;
  margin:auto;
}
.stream-table {
    margin-bottom: 2.08vw;
}
.tns-outer {
  margin-bottom:4.16vw;
}
    .isTrainingsPage .tns-outer {
padding-top:4.583vw!important;
}
.tns-outer::before {
font-size: 2.5vw;
  margin-bottom:2.08vw;
}
.isTrainingsList h3.xdget-header {
font-size: 2.5vw;
line-height: 2.5vw;
  margin-bottom:2.08vw;
}
.xdget-trainingList {
  padding: 0;
}

.isTrainingsList .stream-table tbody tr {
flex: 1 1 28.645vw;
  margin-bottom:1.93vw;
  max-width:28.645vw;
}
.isTrainingsList .stream-table tbody tr:not(:nth-child(3n)) {
  margin-right: 2.682vw;
}

.isTrainingsPage.isTrainingsList .stream-table tr td img {
  min-height:17.1875vw;
}
.isTrainingsPage.isTrainingsList .stream-table tr td a {
  margin-top:auto;
  padding:1.04167vw 1.875vw;
}
.isTrainingsPage.isTrainingsList .stream-table .stream-title {
font-size: 1.5625vw;
  margin-bottom:.73vw;
}
.isTrainingsPage.isTrainingsList .stream-table tr td a div {
font-size: .83vw;
  margin-bottom:2.5vw;
}
.near-events::before {
font-size: 2.5vw;
  margin-bottom:2.083vw;
}
    .near-events>*:not(:nth-last-child(1)) {
margin-right:1.5625vw;
}
.near-events>*{
    width:calc(25% - 1.5625vw);
}
    .tns-outer .near-events>*{
 margin: 0;
}
.near-events div {
 padding: 1.51vw 1.771vw;
}

.near-events p:nth-child(1) {
font-size: .83vw;
line-height: 100%;
  margin-bottom:.521vw;
}
.near-events p:nth-child(2) {
font-size: 1.25vw;
line-height: 100%;
  margin-bottom:3.38vw;
}
.near-events p:nth-child(3) {
font-size: .83vw;
line-height: 100%;
}

.tns-controls {
  width:calc(100% + 1.5vw);
  left:50%;
    top: calc(50% + 4.58vw);
  transform:translate(-50%,-50%);
}
button[data-controls="next"] {
 transition:.1s;
  width: 1.5625vw;
  height:1.5625vw;
}

button[data-controls="prev"] {
  transition:.1s;
   width:1.5625vw;
  height:1.5625vw;
}
  .tns-controls button:hover {
transform:scale(1.15);
}

.search-block-wrapper {
  padding: 1.92vw 0;
max-width:91.3vw;
  margin-top:1.5625vw;
}
.search-block-wrapper img {max-width:7.29vw;margin-right:2.6vw;margin-left:3.33vw;}
.search-block-wrapper input {
padding:1.46vw 4.43vw;
}
#search-box {
margin-right:2.6vw;
}
.search-block-wrapper>a {
font-size: 1.25vw;
line-height: 1.25vw;
margin-right:3.33vw;
}
.search-block-wrapper a svg {
  margin-right:.521vw;
     width:2.13vw;
  height:2.13vw;  
}

.TextBlock {
  font-size:1.25vw;

}

.ScreenBlock__left {
  margin-right:.521vw;
}
.ScreenBlock__logo>div {
  width:1.5625vw;
  height:1.5625vw;

}
.ScreenBlock__description {
font-size: .833vw;
line-height:100%;

}
.ScreenBlock__item-title {
font-size: 1.25vw;
line-height: 100%;
}
.main-page-block .container {
    padding-top: 0;
}
.stream-table tr>svg {
  right:1.04167vw;
  bottom:1.04167vw;
    width:3.7vw;height:3.7vw;
}

}

@media (max-width:768px) {
    .near-events {
    padding-top: 60px;
}
  .isTrainingsList.isTrainingsPage .stream-table tr td img {
    min-height: 210px;
}
    .isTrainingsPage.isTrainingsList .stream-table tr td a {
    padding: 20px 30px;
}
    .isTrainingsPage.isTrainingsList .stream-table .stream-title {
    font-size: 24px;
    margin-bottom: 20px;
}
    .isTrainingsPage.isTrainingsList .stream-table tr td a div {
    font-size: 14px;
    margin-bottom: 86px;
}
  .isTrainingsPage .tns-outer {
    padding-top:60px!important;
      margin-top:60px;
  }

.isTrainingsPage.isTrainingsList .stream-table tr td a div.modules-feature,.isTrainingsPage.isTrainingsList .stream-table tr td a div.modules-num {
    font-size: 14px;
    margin-bottom: 0;
}

      .search-block-wrapper>a span::after {
  bottom:-.26px;
}
  .isTrainingsPage.isTrainingsList .container {
max-width:91.3vw;
}
    .isTrainingsList .page-header {
max-width: 91.3vw;
  margin:auto;
}
.isTrainingsList .stream-table {
    margin-bottom: 2.08vw;
}
.tns-outer {
  margin-bottom:4.16vw;
}
.tns-outer::before {
font-size: 5vw; top:0;
  margin-bottom:3vw;
    font-weight:500;
}
.isTrainingsList h3.xdget-header {
font-size: 28px;
line-height: 28px;
  margin-bottom:30px;
}
.xdget-trainingList {
  padding: 0;
}

.isTrainingsList .stream-table tbody tr {
flex: 1 1 100%;
  margin-bottom:3vw;
  max-width:100%;
}
.isTrainingsList .stream-table tbody tr:not(:nth-child(3n)) {
  margin-right:0;
}
.near-events::before {
font-size: 28px;
  margin-bottom:30px;
}
.near-events>*:not(:nth-last-child(1)) {
    margin-right: 1.5625vw;
}
 .tns-outer .near-events>*:not(:nth-last-child(1)) {
    margin-right: 0;
}  
.near-events>*{
    margin: 0 1.5625vw;
  width:100%;
  }
.near-events div {
 padding: 20px 30px;
    border-radius:24px;
}

.near-events p:nth-child(1) {
font-size: 12px;
line-height: 100%;
  margin-bottom:20px;
}
.near-events p:nth-child(2) {
font-size: 16px;
line-height: 100%;
  margin-bottom:54px;
}
.near-events p:nth-child(3) {
font-size: 12px;
line-height: 100%;
}

.tns-controls {
  width:calc(100% + 2.5vw);
  left:50%;
    top:calc(50% + 30px);
  transform:translate(-50%,-50%);
}
button[data-controls="next"] {
 transition:.1s;
  width: 30px;
  height:30px;
}

button[data-controls="prev"] {
  transition:.1s;
   width:30px;
  height:30px;
}
  .tns-controls button:hover {
transform:scale(1.15);
}

.search-block-wrapper {
  display:flex;
  flex-direction:column;
  padding: 2vw 0;
max-width:91.3vw;
  margin-top:1.5625vw;
    margin-bottom:5vw;
}
.search-block-wrapper img {max-width:30vw;margin-right:0;margin-left:0;margin-bottom:3vw;}
.search-block-wrapper input {
padding:1.46vw 6.43vw;background-size: 2.3vw 2.3vw;
    background-position: 2.5625vw 50%;
}
#search-box {
margin-right:0;width:calc(100% - 30px);margin-bottom:3vw;
}
.search-block-wrapper>a {
font-size: 3.25vw;
line-height: 4.25vw;
margin-right:auto;
    margin-left:auto;
}
.search-block-wrapper a svg {
  margin-right:1.521vw;
     width:4.13vw;
  height:4.13vw;  
}

.TextBlock {
  font-size:3vw;

}

.ScreenBlock__left {
  margin-right:2.521vw;
}
.ScreenBlock__logo>div {
  width:7.5625vw;
  height:7.5625vw;

}
.ScreenBlock__description {
font-size: 2.233vw;
line-height:100%;

}
.ScreenBlock__item-title {
font-size: 2.65vw;
line-height: 100%;
}
.main-page-block .container {
    padding-top: 0;
}
    .isTrainingsList .search-block-wrapper {
margin-bottom:0;
}
}

.isTrainingsList .stream-table tr td a {
background:none!important;
}
.xdget-lessonSchedule {display:none;}.modules-num {
opacity:1!important;
}
.modules-num{margin-bottom:0!important;margin-top:auto;}
.tns-slider.near-events::before {
opacity:0;
  }
/* ------------- 
content finish - mainTraining
------------- */

/* ------------- 
content start - sheduler
------------- */

.color-calendar.glass .calendar__header {
  padding: 40px 31px 20px 30px !important;
  color: var(--cal-header-color);
}

.color-calendar .calendar__monthyear {
  display: flex;
  flex-direction: column;
  grid-column: 1/4 !important;
  align-items: flex-start;
}

.current-day {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: var(--black-color);
}

.current-weekday {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: var(--black-color);
}

.color-calendar.glass .calendar__arrow-prev {
  grid-column: 5/span 1;
  grid-row: 1/3;
}

.color-calendar.glass .calendar__arrow-next {
  grid-column: 7/span 1;
  grid-row: 1/3;
}

.color-calendar.glass {
  --cal-font-family-header: var(--main-font), sans-serif!important;
  --cal-font-family-weekdays: var(--main-font), sans-serif!important;
  --cal-font-family-body: var(--main-font), sans-serif!important;
  --cal-drop-shadow: none!important;
  --cal-border: none!important;
  --cal-border-radius: 24px 24px 0 0!important;
  --cal-header-color: var(--main-color)!important;
  --cal-header-background-color: none!important;
  border-radius: var(--cal-border-radius) !important;
  box-shadow: var(--cal-drop-shadow) !important;
  color: var(--black-color) !important;
  background-color: var(--white-light) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: none !important;
}

.color-calendar.glass .calendar__arrow-inner::after {
  width: 50px !important;
  height: 50px !important;
  background-color: var(--white-color) !important;
  opacity: 1 !important;
}

.color-calendar.glass .calendar__arrow-inner::before {
  width: 12px !important;
  height: 12px !important;
  border-style: solid !important;
  border-width: 2px 2px 0 0 !important;
}

.color-calendar.glass .calendar__body {
  padding: 20px 14px !important;
  border-radius: var(--cal-border-radius) !important;
  background-color: transparent !important;
}

.calendar__weekdays {
  display: none !important;
}

.color-calendar.glass .calendar__day-box {
  border-radius: 50% !important;
  box-shadow: none !important;
}

.color-calendar .calendar__days .calendar__day-text {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: var(--black-color);
}

.color-calendar.glass .calendar__days .calendar__day-selected .calendar__day-text {
  color: var(--white-color);
}

.color-calendar .calendar__days .calendar__day-selected:not(.calendar__day-today) .calendar__day-box {
  width: calc(55% + 8px);
  height: 90%;
}

.color-calendar.glass .calendar__days .calendar__day-other {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: var(--black-color);
}

.events-title {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: var(--black-color);
  margin-bottom: 20px;
}

.events-display {
  padding: 30px;
  background: var(--white-light);
  border-radius: 0 0 24px 24px;
}

.event-left {
  display: flex;
  margin-bottom: 35px;
}

.event-time {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  opacity: 0.5;
  color: var(--black-color);
  margin-right: 20px;
}

.event-title {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: var(--black-color);
}

.calendar-wrapper {
  margin-bottom: 30px;
}

.color-calendar .calendar__days .calendar__day-box {
  width: 40px !important;
  height: 40px !important;
}

@media (min-width: 991px) {
  .color-calendar.glass .calendar__header {
    padding: 2.0833333333vw 1.6145833333vw 1.0416666667vw 1.5625vw !important;
    grid-template-columns: repeat(7, minmax(1.0416666667vw, 2.8645833333vw));
  }
  .color-calendar .calendar__days .calendar__day-box {
    width: 2.83vw !important;
    height: 2.83vw !important;
  }
  .current-day {
    font-size: 1.25vw;
    line-height: 100%;
  }
  .current-weekday {
    font-size: 0.8333333333vw;
    line-height: 100%;
  }
  .color-calendar.glass .calendar__arrow-inner::after {
    width: 2.6041666667vw !important;
    height: 2.6041666667vw !important;
  }
  .color-calendar.glass .calendar__arrow-inner::before {
    width: 0.625vw !important;
    height: 0.625vw !important;
    border-width: 0.1041666667vw 0.1041666667vw 0 0 !important;
  }
  .color-calendar.glass .calendar__body {
    padding: 1.0416666667vw 0.7291666667vw !important;
  }
  .color-calendar .calendar__days .calendar__day-text {
    font-size: 1.25vw;
    line-height: 100%;
  }
  .color-calendar .calendar__days .calendar__day-selected:not(.calendar__day-today) .calendar__day-box {
    width: calc(55% + 0.4166666667vw);
  }
  .color-calendar.glass .calendar__days .calendar__day-other {
    font-size: 1.25vw;
    line-height: 100%;
  }
  .events-title {
    font-size: 1.25vw;
    line-height: 100%;
    margin-bottom: 1.0416666667vw;
  }
  .events-display {
    padding: 1.5625vw;
  }
  .event-left {
    margin-bottom: 1.8229166667vw;
  }
  .event-time {
    font-size: 1.0416666667vw;
    margin-right: 1.0416666667vw;
  }
  .event-title {
    font-size: 1.0416666667vw;
  }
  .calendar-wrapper {
    margin-bottom: 1.5625vw;
  }
  .color-calendar .calendar__days {
    grid-template-columns: repeat(7, minmax(1.0416666667vw, 2.8645833333vw));
    grid-template-rows: repeat(6, minmax(1.5625vw, 2.0833333333vw));
  }
}
/* ------------- 
content finish - sheduler
------------- */

/* ------------- 
content start - coursesList
------------- */

body.courseList {
  min-width: 360px;
  background-image: var(--page-bg-image);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #0b1026;
}

.chatium_body .xdget-root,
.courseList .gc-main-content {
  padding: 20px;
  padding-bottom: 0;
}

.courseList .empty-breadcrumbs,
.courseList .page-header>h1,
.courseList .gc-user-user .page-header,
.courseList .gc-account-logo,
.courseList .breadcrumbs {
  display: none !important;
}

.courseList .page-header {
  padding: 0;
  margin: 0;
}

.courseList .content-menu {
  border-bottom: none;
}

.courseList .page-actions {
  float: unset;
  text-align: end;
}

.courseList .main-page-block {
  padding-bottom: 0;
}

.courseList .gc-main-content.with-left-menu .container,
.courseList .gc-main-content .container {
  max-width: 1440px;
  width: 100%;
  padding: 0;
  margin: auto;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
}

.custom-logo:active,
.custom-logo:hover,
.custom-logo:visited,
.custom-logo:link {
  text-decoration: none;
}

.custom-logo img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.custom-search {
  width: 100%;
  max-width: 360px;
  position: relative;
}

.custom-search__input {
  background-color: rgba(241, 241, 241, 0.1);
  background-image: var(--search-icon);
  background-position: left 20px center;
  background-repeat: no-repeat;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  width: 100%;
  height: 57px;
  border-radius: 20px;
  border: 1px solid rgba(168, 168, 179, 0.2);
  padding: 19px 19px 18px;
  padding-left: 56px;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 13px;
  line-height: 1;
  color: var(--white-color-07);
}

.custom-search__input::-moz-placeholder {
  color: var(--white-color-07);
}

.custom-search__input::placeholder {
  color: var(--white-color-07);
}

.custom-search__search-results-wrap {
  position: absolute;
  top: 74px;
  left: 0;
  right: 0;
  background: var(--light-color);
  border-radius: 20px;
  z-index: 100020;
  padding: 20px;
}

.custom-search__search-results {
  height: auto;
  max-height: 400px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--dark-color) var(--light-color);
  padding-right: 5px;
}

.custom-search__search-results::-webkit-scrollbar {
  width: 6px;
  background-color: var(--dark-color);
}

.custom-search_search-results::-webkit-scrollbar-thumb {
  background-color: var(--light-color);
  border-radius: 9em;
}

.custom-search__search-subtitle {
  display: block;
  font-family: var(--font-family);
  color: var(--dark-color);
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 140%;
  margin-top: 0px;
  margin-bottom: 10px;
  opacity: 0.5;
}

.custom-search__search-subtitle:not(:first-child) {
  margin-top: 20px;
}

.custom-search__search-item {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family);
  font-size: 16px;
  line-height: 100%;
  margin-top: 0px;
  margin-bottom: 15px;
  color: var(--dark-color);
}

.custom-search__search-item:hover,
.custom-search__search-item:active,
.custom-search__search-item:link,
.custom-search__search-item:visited {
  color: var(--dark-color);
  text-decoration: none;
}

.custom-search__search-item-descr {
  display: block;
  font-weight: normal;
  color: var(--dark-color);
  font-size: 12px;
  line-height: 100%;
  margin-top: 4px;
}

.title-block {
  margin-bottom: 50px;
  text-align: center;
}

.title-block__title {
  margin-bottom: 5px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 37px;
  line-height: 120%;
  color: var(--white-color);
}

.title-block__subtitle {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 25px;
  line-height: 1;
  color: var(--white-color-07);
}

.main {
  max-width: 1320px;
  margin: auto;
}

.custom-main {
  padding: 30px;
  border-radius: 50px;
  background-color: var(--light-color);
}

.custom-separator {
  display: flex;
  width: 100%;
  margin-bottom: 17px;
}

.custom-separator::after {
  content: '';
  display: block;
  flex-grow: 1;
  height: 1px;
  background: rgba(70, 71, 91, 0.25);
  align-self: center;
}

.custom-separator::after {
  margin-left: 13px;
}

.custom-separator__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: rgba(70, 71, 91, 0.7);
}

.content-part {
  display: flex;
  gap: 25px;
}

.content-part-main {
  max-width: 788px;
  width: 100%;
}

.content-part-side {
  max-width: 446px;
  width: 100%;
}

.links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 15px;
}

.links__link {
  display: block;
  padding: 23px;
  border: 1px solid var(--dark-blue);
  border-radius: 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  color: var(--dark-blue);
  transition: var(--transition);
}

.links__link:active,
.links__link:visited,
.links__link:link {
  text-decoration: none;
  color: var(--dark-blue);
}

.links__link:hover {
  background-color: var(--dark-blue);
  color: var(--white-color);
}

.custom-banner {
  display: flex;
  flex-direction: column;
  min-height: 238px;
  height: 100%;
  margin-bottom: 20px;
  padding: 33px 30px;
  border-radius: 30px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  background-color: var(--white-color);
  box-shadow: var(--shadow);
}

.custom-banner__title {
  margin-bottom: 6px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 25px;
  line-height: 120%;
  color: var(--blue-color);
}

.custom-banner__descr {
  max-width: 235px;
  margin-bottom: 5px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: var(--desaturated-blue);
}

.custom-banner-wrapper {
  margin-top: auto;
}

.custom-banner__link {
  display: inline-block;
  padding: 20px 60px;
  border: 1px solid var(--blue-color);
  border-radius: 20px;
  background-color: var(--white-color);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  transition: var(--transition);
}

.custom-banner__link:active,
.custom-banner__link:visited,
.custom-banner__link:hover,
.custom-banner__link:link {
  text-decoration: none;
  color: var(--blue-color);
}

.custom-banner__link:hover {
  background-color: var(--dark-blue);
  color: var(--white-color)
}

.swiper {
  margin-bottom: 30px;
}

.custom-banner.another {
  background-image: url('https://fs02.getcourse.ru/fileservice/file/download/a/23809/sc/315/h/db34e42ab526a1fea5bb00dd53d4d169.png');
}

.swiper-slide:nth-child(2) .custom-banner.another {
  background-image: url('https://fs02.getcourse.ru/fileservice/file/download/a/23809/sc/315/h/db34e42ab526a1fea5bb00dd53d4d169.png');
}

.swiper-slide:nth-child(3) .custom-banner.another {
  background-image: url('https://fs02.getcourse.ru/fileservice/file/download/a/23809/sc/315/h/db34e42ab526a1fea5bb00dd53d4d169.png');
}

.custom-help-block {
  padding: 25px 30px;
  border-radius: 30px;
  background-color: var(--white-color);
  box-shadow: var(--shadow);
}

.custom-help-block-text {
  margin-bottom: 11px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  color: var(--dark-grayish-blue);
}

.custom-help-block__link {
  display: block;
  margin-bottom: 20px;
  padding: 19px;
  border-radius: 20px;
  background-color: var(--dark-blue);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  transition: var(--transition);
}

.custom-help-block__link:active,
.custom-help-block__link:visited,
.custom-help-block__link:hover,
.custom-help-block__link:link {
  text-decoration: none;
  color: var(--white-color);
}

.custom-help-block__link:hover {
  background-color: var(--dark-desaturated-blue);
}

.custom-help-block-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.custom-help-block-wrapper__clock-icon {
  width: 50px;
  height: 50px;
  background-image: var(--clock-icon);
  background-size: cover;
}

.custom-help-block-wrapper-descr {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.custom-help-block-wrapper-descr__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: var(--gray-color-secondary);
}

.bold {
  color: var(--dark-grayish-blue);
}

.custom-schedule {
  margin-bottom: 20px;
  padding: 30px 30px 35px;
  border-radius: 30px;
  box-shadow: var(--shadow);
  background-color: var(--white-color);
}

.custom-schedule__title {
  margin-bottom: 20px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 121%;
  text-align: center;
  color: var(--blue-color);
}

.custom-schedule-wrapper {
  padding-bottom: 26px;
}

.custom-schedule-wrapper-item {
  margin-bottom: 10px;
}

.custom-schedule-wrapper-item-link {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 30px 22px 42px;
  border-radius: 20px;
  background-color: #f5f5f9;
  transition: var(--transition);
}

.custom-schedule-wrapper-item-link:hover {
  background-color: #fafaff;
}

.custom-schedule-wrapper-item-link:active,
.custom-schedule-wrapper-item-link:visited,
.custom-schedule-wrapper-item-link:hover,
.custom-schedule-wrapper-item-link:link {
  text-decoration: none;
}

.custom-schedule-wrapper-item-link::before {
  content: "";
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 31px;
  width: 3px;
  border-radius: 10px;
  background-color: var(--dark-blue);
}

.custom-schedule-wrapper-item-link-info,
.custom-schedule-wrapper-item-link-date {
  display: flex;
  flex-direction: column;
}

.custom-schedule-wrapper-item-link-info__title,
.custom-schedule-wrapper-item-link-date__date {
  margin-bottom: 7px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 17px;
  line-height: 120%;
  color: var(--dark-grayish-blue);
}

.custom-schedule-wrapper-item-link-info__speaker,
.custom-schedule-wrapper-item-link-date__time {
  margin-top: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: rgba(70, 71, 91, 0.6);
}

.custom-schedule-wrapper-item-link-date__time {
  text-align: right;
}

.custom-schedule__button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding-top: 16px;
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 17px;
  line-height: 120%;
  text-align: center;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--dark-grayish-blue);
}

.custom-schedule__button:active,
.custom-schedule__button:visited,
.custom-schedule__button:link {
  color: var(--dark-grayish-blue);
}

.custom-schedule__button:hover {
  color: rgba(70, 71, 91, 0.7);
}

.custom-schedule-icon {
  width: 19px;
  height: 19px;
  background-image: var(--schedule-icon);
  transition: var(--transition);
  background-position: center;
}

.custom-schedule__button:hover .custom-schedule-icon {
  background-image: var(--schedule-icon-hover);
}

html .courseList .training-container {
  margin-bottom: 27px;
}

html .courseList .training-container .stream-table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 15px;
}

html .courseList .training-container .stream-table tr[data-training-id="676084370"] {
  grid-column: 1/-1;
  background-image: var(--module-bg-1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}

html .courseList .training-container .stream-table tr a {
  padding: 24px 30px 29px;
}

html .courseList .training-container .stream-table tr[data-training-id="676084370"] a {
  padding: 25px 25px 25px 297px;
}

html .courseList .training-container .stream-table .stream-title {
  display: block;
  margin-bottom: 20px;
  color: var(--dark-color);
}

html .courseList .training-container .stream-table tr[data-training-id="564011358"] .stream-title {
  max-width: 230px;
}

html .courseList .training-container .stream-table tr[data-training-id="676084487"] .stream-title {
  max-width: 200px;
}

html .courseList .training-container .stream-table tr[data-training-id="676084370"] .stream-title {
  margin-bottom: 6px;
}

.training-lesson-count {
  display: flex;
  align-items: end;
  gap: 5px;
  margin-top: auto;
}

.training-lesson-count__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  color: var(--gray-color);
}

html .courseList .training-container .stream-table tr[data-training-id="676084370"] a div:not([class]) {
  display: block;
  max-width: 325px;
  margin-bottom: 24px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 120%;
  color: var(--gray-color);
}

.training-access {
  position: absolute;
  top: 25px;
  right: 25px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 15px 27px;
  border-radius: 40px;
  background-color: #f1f1f7;
}

.training-access__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 13px;
  line-height: 121%;
  text-align: center;
  color: var(--blue-color);
}

.training-footer {
  display: flex;
  align-items: center;
  gap: 24px;
}

.training-footer-item {
  display: flex;
  align-items: end;
  gap: 4px;
}

.training-footer-item__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: var(--gray-color);
}

html .courseList  .stream-table {
  margin: 0;
}

html .courseList .stream-table tbody {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

html .courseList .stream-table tr,
html .courseList .stream-table tr td {
  position: relative;
  display: block;
  padding: 0;
  height: 100%;
  border-radius: 25px;
  opacity: 1 !important;
}

html .courseList .stream-table tr {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  background-color: var(--white-color);
  box-shadow: var(--shadow);
  transition: var(--transition);
}

html .courseList .stream-table tr[data-training-id="924664083"] {
  background-image: var(--module-bg-2);
}

html .courseList .stream-table tr[data-training-id="924664088"] {
  background-image: var(--module-bg-3);
}

html .courseList .stream-table tr[data-training-id="924664085"] {
  background-image: var(--module-bg-4);
}

html .courseList .stream-table tr[data-training-id="924664090"] {
  background-image: var(--module-bg-5);
}

html .courseList .stream-table tr[data-training-id="924664092"] {
  background-image: var(--module-bg-6);
}

html .courseList .stream-table tr[data-training-id="924664093"] {
  background-image: var(--module-bg-7);
}

html .courseList .stream-table tr[data-training-id="924664094"] {
  background-image: var(--module-bg-8);
}

html .courseList .stream-table tr[data-training-id="924664095"] {
  background-image: var(--module-bg-9);
}

html .courseList .stream-table tr[data-training-id="924664096"] {
  background-image: var(--module-bg-10);
}

html .courseList .stream-table tr[data-training-id="924664097"] {
  background-image: var(--module-bg-11);
}

html .courseList .stream-table tr:hover {
  transform: scale(1.01);
}

html .courseList .stream-table tr td:hover {
  background: transparent;
}

html .courseList .stream-table tr a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 27px 26px 27px 118px;
}

html .courseList .stream-table tr a b {
  display: none;
}

html .courseList .stream-table .stream-title {
  margin-bottom: 15px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: var(--blue-color);
}

html .courseList .stream-table tr a div:not([class]) {
  display: none;
}

.arrow-icon {
  position: absolute;
  bottom: 25px;
  right: 25px;
  width: 33px;
  height: 35px;
  background-image: var(--arrow-icon);
  background-size: cover;
  transition: var(--transition);
}

html .courseList .stream-table tr:hover .arrow-icon {
  background-image: var(--arrow-icon-hover);
}

@media screen and (max-width: 1380px) {
  html .courseList .training-container .stream-table tr {
    grid-column: 1/-1;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] {
    background-image: var(--module-bg-1-md);
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a {
    padding: 25px 25px 25px 230px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] .stream-title {
    max-width: 200px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a div:not([class]) {
    max-width: 275px;
    font-size: 13px;
  }

  .training-footer {
    max-width: 300px;
    flex-wrap: wrap;
    gap: 10px;
  }
}

@media screen and (max-width: 1200px) {
  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a {
    padding: 20px 23px;
  }

  html .courseList .training-container .stream-table .stream-title {
    margin-bottom: 15px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a div:not([class]) {
    margin-bottom: inherit;
    font-size: 12px;
  }

  .training-lesson-count svg {
    width: 12px !important;
    height: 13px !important;
  }

  .training-lesson-count__text {
    font-size: 12px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] {
    min-height: 290px;
    background-image: var(--module-bg-1-mob);
    background-size: contain;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] .stream-title {
    max-width: inherit;
    margin-bottom: 5px;
    order: 2;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a div:not([class]) {
    order: 3;
  }

  .training-footer {
    max-width: 165px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
    order: 1;
  }

  .training-footer-item {
    gap: 6px;
  }

  .training-footer-item svg {
    width: 12px !important;
    height: 12px !important;
  }

  .training-footer-item__text {
    font-size: 12px;
  }

  .training-access {
    top: 20px;
    right: 23px;
    padding: 10px 19px;
    border-radius: 30px;
  }

  .training-access svg {
    width: 8px !important;
    height: 10px !important;
  }

  .training-access__text {
    font-size: 11px;
  }

  html .courseList .training-container .stream-table .arrow-icon {
    bottom: 20px;
    right: 23px;
    top: unset;
    transform: unset;
  }
}

@media screen and (max-width: 1080px) {
  .custom-main {
    padding: 30px;
  }

  .content-part {
    flex-direction: column;
    align-items: center;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a {
    padding: 25px 25px 25px 275px;
  }

  html .courseList .training-container .stream-table .stream-title {
    margin-bottom: 20px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a div:not([class]) {
    margin-bottom: inherit;
    font-size: 12px;
  }

  .training-lesson-count svg {
    width: 12px !important;
    height: 13px !important;
  }

  .training-lesson-count__text {
    font-size: 12px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] {
    min-height: inherit;
    background-image: var(--module-bg-1);
    background-size: cover;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] .stream-title {
    max-width: 200px;
    margin-bottom: 6px;
    order: unset;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a div:not([class]) {
    margin-bottom: 24px;
    order: unset;
  }

  .training-footer {
    max-width: inherit;
    margin-bottom: 0;
    flex-wrap: nowrap;
    gap: 24px;
    order: unset;
  }

  .training-footer-item {
    gap: 4px;
  }

  .training-footer-item svg {
    width: 12px !important;
    height: 12px !important;
  }

  .training-footer-item__text {
    font-size: 12px;
  }

  .training-access {
    top: 20px;
    right: 23px;
    padding: 10px 19px;
    border-radius: 30px;
  }

  .training-access svg {
    width: 8px !important;
    height: 10px !important;
  }

  .training-access__text {
    font-size: 11px;
  }

  html .courseList .training-container .stream-table .arrow-icon {
    bottom: 20px;
    right: 23px;
    top: unset;
    transform: unset;
  }
}

@media screen and (max-width: 768px) {
  .main-page-block {
    padding-bottom: 60px;
  }

  .custom-main {
    border-radius: 50px;
  }

  .title-block__title {
    font-size: 28px;
  }

  .title-block__subtitle {
    font-size: 20px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a {
    padding: 20px 23px;
  }

  html .courseList .training-container .stream-table .stream-title {
    margin-bottom: 15px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] a div:not([class]) {
    margin-bottom: inherit;
    font-size: 13px;
    order: 3;
  }

  .training-lesson-count svg {
    width: 12px !important;
    height: 13px !important;
  }

  .training-lesson-count__text {
    font-size: 12px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] {
    min-height: 290px;
    background-image: var(--module-bg-1-mob);
    background-size: contain;
  }

  html .courseList .training-container .stream-table tr[data-training-id="676084370"] .stream-title {
    max-width: inherit;
    margin-bottom: 5px;
    order: 2;
  }

  .training-footer {
    max-width: 165px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
    order: 1;
  }

  .training-footer-item {
    gap: 6px;
  }

  .training-footer-item svg {
    width: 12px !important;
    height: 12px !important;
  }

  .training-footer-item__text {
    font-size: 12px;
  }

  .training-access {
    top: 20px;
    right: 23px;
    padding: 10px 19px;
    border-radius: 30px;
  }

  .training-access svg {
    width: 8px !important;
    height: 10px !important;
  }

  .training-access__text {
    font-size: 11px;
  }

  html .courseList .training-container .stream-table .arrow-icon {
    bottom: 20px;
    right: 23px;
    top: unset;
    transform: unset;
  }
}

@media screen and (max-width: 576px) {
  body.courseList {
    background-image: var(--page-bg-image-mob);
  }

  .chatium_body .xdget-root,
  .courseList .gc-main-content {
    padding: 15px 5px;
  }

  .header {
    flex-direction: column-reverse;
    gap: 20px;
    margin-bottom: 15px;
    padding: 0 15px;
  }

  .custom-search__input {
    padding: 12px 12px 11px;
    padding-left: 45px;
    height: 44px;
    background-image: var(--search-icon-mob);
    border-radius: 15px;
    font-size: 12px;
  }

  .custom-search__search-results-wrap {
    top: 50px;
    border-radius: 15px;
  }

  .custom-search__search-item {
    font-size: 12px;
  }

  .custom-logo {
    max-width: 100px;
  }

  .title-block {
    margin-bottom: 30px;
    padding: 0 15px;
  }

  .title-block__title {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 120%;
  }

  .title-block__title ._ {
    display: block;
    font-size: 28px;
    line-height: 120%;
  }

  .title-block__subtitle {
    max-width: 270px;
    margin: auto;
    font-size: 12px;
    line-height: 120%;
  }

  .custom-main {
    padding: 15px 15px 30px;
    border-radius: 30px;
  }

  html .courseList .training-container {
    margin-bottom: 20px;
  }

  html .courseList .training-container .stream-table tr a {
    padding: 20px 23px;
  }

  html .courseList .training-container .stream-table .stream-title {
    margin-bottom: 15px;
  }

  html .courseList .training-container .stream-table tr[data-training-id="564011358"] .stream-title {
    max-width: 200px;
  }

  .training-lesson-count svg {
    width: 12px !important;
    height: 13px !important;
  }

  .training-lesson-count__text {
    font-size: 12px;
  }

  .custom-separator {
    margin-bottom: 20px;
  }

  .custom-separator::after {
    margin-left: 6px;
  }

  .custom-separator__title {
    font-size: 10px;
  }

  html .courseList .stream-table tr,
  html .courseList .stream-table tr td {
    border-radius: 20px;
  }

  html .courseList .stream-table tr[data-training-id="924664083"] {
    background-image: var(--module-bg-2-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664088"] {
    background-image: var(--module-bg-3-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664085"] {
    background-image: var(--module-bg-4-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664090"] {
    background-image: var(--module-bg-5-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664092"] {
    background-image: var(--module-bg-6-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664093"] {
    background-image: var(--module-bg-7-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664094"] {
    background-image: var(--module-bg-8-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664095"] {
    background-image: var(--module-bg-9-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664096"] {
    background-image: var(--module-bg-10-mob);
  }

  html .courseList .stream-table tr[data-training-id="924664097"] {
    background-image: var(--module-bg-11-mob);
  }

  html .courseList .stream-table tr a {
    padding: 20px 23px 20px 129px;
  }

  html .courseList .stream-table .stream-title {
    display: block;
    max-width: min-content;
    margin-bottom: 8px;
    font-size: 16px;
  }

  :not(html .courseList .training-container) .arrow-icon {
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
  }

  .content-part-side {
    display: flex;
    flex-direction: column;
  }

  .custom-links {
    order: 3;
  }

  .links {
    gap: 8px;
  }

  .links__link {
    padding: 18px;
    border-radius: 15px;
    font-size: 13px;
  }

  .custom-swiper {
    order: 1;
  }

  .swiper {
    margin-bottom: 20px;
  }

  .custom-banner {
    padding: 24px;
    min-height: 175px;
    border-radius: 20px;
  }

  .custom-banner__title {
    font-size: 18px;
  }

  .custom-banner__descr {
    max-width: 175px;
    font-size: 12px;
  }

  .custom-banner__link {
    padding: 14px 35px;
    border-radius: 15px;
    font-size: 13px;
  }

  .custom-block-schedule {
    order: 2;
  }

  .custom-schedule {
    margin-bottom: 15px;
    padding: 25px;
    border-radius: 20px;
  }

  .custom-schedule__title {
    font-size: 16px;
  }

  .custom-schedule-wrapper-item {
    margin-bottom: 5px;
  }

  .custom-schedule-wrapper-item-link {
    gap: 10px;
    padding: 15px 20px 15px 30px;
    border-radius: 15px;
  }

  .custom-schedule-wrapper-item-link::before {
    top: 15px;
    bottom: 15px;
    left: 20px;
  }

  .custom-schedule-wrapper-item-link-info__title,
  .custom-schedule-wrapper-item-link-date__date {
    margin-bottom: 5px;
    font-size: 12px;
  }

  .custom-schedule-wrapper-item-link-info__speaker,
  .custom-schedule-wrapper-item-link-date__time {
    font-size: 11px;
  }

  .custom-schedule__button {
    font-size: 14px;
  }

  .custom-schedule-icon {
    width: 16px;
    height: 16px;
    background-size: cover;
  }

  .custom-help {
    order: 4;
  }

  .custom-help-block {
    padding: 24px 22px;
    border-radius: 20px;
  }

  .custom-help-block-text {
    max-width: 200px;
    margin: auto;
    margin-bottom: 14px;
    font-size: 15px;
  }

  .custom-help-block__link {
    padding: 17px;
    border-radius: 15px;
    font-size: 13px;
  }

  .custom-help-block-wrapper-descr__text {
    font-size: 14px;
  }
}
/* ------------- 
content finish - coursesList
------------- */

/* ------------- 
content start - lessonList
------------- */

.isLessonList.isTrainingsPage .page-menu li:not(.active) a {
  color: var(--black-color);
}
.isLessonList.isTrainingsPage .header-box {
  padding: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: var(--gray-color);
  margin: 0 50px 50px 50px;
  border-radius: 24px;
}
.isLessonList.isTrainingsPage h1 {
  color: var(--black-color);
}
.isLessonList.isTrainingsPage .module-description {
  display:none;
}
.isLessonList.isTrainingsPage .header-box .progress-tr p {
  color: var(--black-color);
}
.isLessonList.isTrainingsPage .header-box .progress-tr .progress-line {
  max-width: 465px;
}
.pre-header {
  margin-bottom:20px;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  opacity:.5;
  color:var(--black-text);
}
.isLessonList.isTrainingsPage .lesson-list {
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}
.isLessonList.isTrainingsPage .lesson-list li {
  padding: 0;
  margin: 0;margin-bottom:30px;
}
.isLessonList.isTrainingsPage .lesson-list li .state-icon-block {
  display:none;
}
.isLessonList.isTrainingsPage .lesson-list li .info {
  margin-left: 0;border-left:0 solid transparent;
  background: none!important;
}
.isLessonList.isTrainingsPage .lesson-list li a {
  background: var(--gray-color)!important;border-radius:10px;
}
.isLessonList.isTrainingsPage .lesson-list li table {
  min-height: 208px;
}
.isLessonList.isTrainingsPage .lesson-list li td {
  vertical-align:top;
}
.isLessonList.isTrainingsPage .lesson-list .item-main-td {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left:40px;
}
.isLessonList.isTrainingsPage .link.title {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 25px!important;
  line-height: 130%;
  color: var(--black-header)!important;margin-bottom:10px;margin-right: 0;
  order:1;
}

.isLessonList.isTrainingsPage .lesson-list .description {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  width: 100%;
  color:var(--black-333);
  order:2;
  margin-bottom:30px;
}

.isLessonList.isTrainingsPage .user-state-label {
  order:3;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: right;
  color: var(--white-color);
  width:max-content;
  padding:5px 10px;
  border-radius: 6px;
}
.isLessonList.isTrainingsPage li.user-state-not_reached .user-state-label {
  background: var(--black-333);
}
.isLessonList.isTrainingsPage li.user-state-answered .user-state-label {
  background: var(--orange-color);
}
.isLessonList.isTrainingsPage li.user-state-has_mission .user-state-label, .isLessonList.isTrainingsPage li.user-state-need_accomplish .user-state-label{
  background: var(--postnov-color);
}
.isLessonList.isTrainingsPage li.user-state-accomplished .user-state-label {
  background: var(--green-color);
}
.isLessonList.isTrainingsPage li .user-state-label::before {
  background-size:100% 100%;
  content:'•';
  color:transparent;
  margin-right:10px;
  padding: 3px 8px;
}
.isLessonList.isTrainingsPage li.user-state-not_reached .user-state-label::before {

  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8299 8.16992L8.16992 13.8299' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.8299 13.8299L8.16992 8.16992' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 20V20C6.029 20 2 15.971 2 11V11C2 6.029 6.029 2 11 2V2C15.971 2 20 6.029 20 11V11C20 15.971 15.971 20 11 20Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.isLessonList.isTrainingsPage li.user-state-answered .user-state-label::before {

  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7H14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 15H14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='11' r='9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 7V9C9 9.315 9.148 9.611 9.4 9.8L11 11L12.6 9.8C12.852 9.611 13 9.315 13 9V7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 15V13C13 12.685 12.852 12.389 12.6 12.2L11 11L9.4 12.2C9.148 12.389 9 12.685 9 13V15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.isLessonList.isTrainingsPage li.user-state-has_mission .user-state-label::before, .isLessonList.isTrainingsPage li.user-state-need_accomplish .user-state-label::before {

  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.071 3.92893C21.9763 7.83417 21.9763 14.1658 18.071 18.071C14.1658 21.9763 7.83413 21.9763 3.92893 18.071C0.02369 14.1658 0.02369 7.83413 3.92893 3.92893C7.83417 0.02369 14.1658 0.02369 18.071 3.92893' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 17H8C6.895 17 6 16.105 6 15V7C6 5.895 6.895 5 8 5H14C15.105 5 16 5.895 16 7V15C16 16.105 15.105 17 14 17Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 8H13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 11H13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 14H11' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.isLessonList.isTrainingsPage li.user-state-accomplished .user-state-label::before {

  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.0001' cy='10.9998' r='9.00375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.44263 11.3387L9.61053 13.5066L9.59652 13.4926L14.4876 8.60156' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.isLessonList.isTrainingsPage .lesson-list li.user-state-not_reached a {
  background: var(--closed-lesson)!important;
}
.isLessonList.isTrainingsPage .vmiddle>div:not(.link):not(.description):not(.user-state-label) {
  display:none;
}
.user-state-not_reached{position:relative;}
.user-state-not_reached::after{
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.5833 22.916H10.4167C8.11548 22.916 6.25 24.7815 6.25 27.0827V41.666C6.25 43.9672 8.11548 45.8327 10.4167 45.8327H39.5833C41.8845 45.8327 43.75 43.9672 43.75 41.666V27.0827C43.75 24.7815 41.8845 22.916 39.5833 22.916Z' stroke='%23222222' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5833 22.916V14.5827C14.5833 11.82 15.6807 9.17049 17.6342 7.21699C19.5877 5.26348 22.2372 4.16602 24.9999 4.16602C27.7626 4.16602 30.4121 5.26348 32.3656 7.21699C34.3191 9.17049 35.4166 11.82 35.4166 14.5827V22.916' stroke='%23222222' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position:absolute;
  top:50%;
  right:80px;
  width:50px;height:50px; transform:translateY(-50%);
  background-size:100% 100%;
}
.isLessonList .user-state-not_reached .item-image {
  background-image: url("data:image/svg+xml,%3Csvg width='230' height='208' viewBox='0 0 230 208' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.7' width='230' height='208' fill='%23333333'/%3E%3Cpath d='M129.583 101.916H100.417C98.1155 101.916 96.25 103.781 96.25 106.083V120.666C96.25 122.967 98.1155 124.833 100.417 124.833H129.583C131.885 124.833 133.75 122.967 133.75 120.666V106.083C133.75 103.781 131.885 101.916 129.583 101.916Z' stroke='white' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M104.583 101.916V93.5827C104.583 90.82 105.681 88.1705 107.634 86.217C109.588 84.2635 112.237 83.166 115 83.166C117.763 83.166 120.412 84.2635 122.366 86.217C124.319 88.1705 125.417 90.82 125.417 93.5827V101.916' stroke='white' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")!important;background-size:100% 100%!important;
}
.isLessonList .xdget-lessonList::before {
  content:'Уроки модуля';
  margin-bottom:50px;
  display:block;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 48px;
  color: var(--black-color);
}
.help-btn-wrapper {display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 -15px;}
.help-btn {
  flex:1 1 calc(33% - 20px);
  max-width:390px;width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 34px 30px;
  background: var(--gray-color);
  border-radius: 24px;
  margin-right:10px;
}
.help-btn:nth-child(3n) {
  margin-right:0;
}
.help-btn h6 {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  color: var(--black-color);
margin-top:0;
    margin-bottom:0;
}
.help-btn img {
  min-width: 84px;
  height: 84px;border-radius:50%;
}
.isLessonList .item-image {
  width:230px!important;border-radius:10px 0 0 10px;
}
.isLessonList .help-btn {
  margin-bottom:90px;
}
@media (min-width: 991px) {
  .isTrainingsPage:not(.isTrainingsList) .header-box, .chatium-header-box {
    padding: 2.0833333333vw;
    margin: 0 2.6041666667vw 2.6041666667vw 2.6041666667vw;
  }
  .isTrainingsPage .right-side img {
    max-width: 26.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .breadcrumbs::before {
    margin-right: 0.2604166667vw;
    padding: 0 0.2083333333vw;
    font-size: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .breadcrumbs a {
    font-size: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .breadcrumbs {
    margin: 2.6041666667vw 2.6041666667vw 1.0416666667vw 2.6041666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) h1 {
    font-size: 2.5vw;
    line-height: 100%;
    margin-bottom: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .module-description {
    font-size: 1.25vw;
    margin-bottom: 4.1666666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .gc-main-content.with-left-menu .container {
    margin-left: 2.6041666667vw;
    margin-right: 2.6041666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr {
    max-width: 31.7708333333vw;
    margin-bottom: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr a {
    padding: 1.3020833333vw 1.4583333333vw 1.3020833333vw 1.8229166667vw;
    min-height: 15.1041666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .xdget-common-container.col-gc-8 {
    max-width: 64.5833333333vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .xdget-common-container.col-gc-4 {
    max-width: 21.875vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-title {
    font-size: 1.5625vw !important;
    margin-bottom: 0.7291666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td a div:not(.progress-tr):not(.progress-line) {
    font-size: 0.8333333333vw;
    max-width: 60%;
  }
  .isTrainingsPage:not(.isTrainingsList) .stream-table tbody tr td p {
    font-size: 0.8333333333vw;
    line-height: 100%;
    margin-bottom: 0.5208333333vw;
  }
  .progress-line {
    height: 0.78125vw;
  }
  .chat-btn {
    padding: 1.5625vw;
    margin-bottom: 0.78125vw;
  }
  .chat-btn h5.xdget-header {
    font-size: 1.25vw;
    line-height: 100%;
    margin: 0 0 0.5208333333vw 0;
  }
  .chat-btn h6.xdget-header {
    font-size: 0.8333333333vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .header-box .progress-tr p {
    font-size: 1.0416666667vw;
    line-height: 100%;
    margin-bottom: 1.0416666667vw;
  }
  .isTrainingsPage:not(.isTrainingsList) .header-box .progress-tr .progress-line {
    max-width: 33.1770833333vw;
  }
  .completed::after {
    top: 1.0416666667vw;
    right: 1.0416666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
  .temportary-closed::after {
    top: 1.0416666667vw;
    right: 1.0416666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
}
@media (min-width: 991px) {
  .color-calendar.glass .calendar__header {
    padding: 2.0833333333vw 1.6145833333vw 1.0416666667vw 1.5625vw !important;
    grid-template-columns: repeat(7, minmax(1.0416666667vw, 2.8645833333vw));
  }
  .current-day {
    font-size: 1.25vw;
    line-height: 100%;
  }
  .current-weekday {
    font-size: 0.8333333333vw;
    line-height: 100%;
  }
  .color-calendar.glass .calendar__arrow-inner::after {
    width: 2.6041666667vw !important;
    height: 2.6041666667vw !important;
  }
  .color-calendar.glass .calendar__arrow-inner::before {
    width: 0.625vw !important;
    height: 0.625vw !important;
    border-width: 0.1041666667vw 0.1041666667vw 0 0 !important;
  }
  .color-calendar.glass .calendar__body {
    padding: 1.0416666667vw 0.7291666667vw !important;
  }
  .color-calendar .calendar__days .calendar__day-text {
    font-size: 1.25vw;
    line-height: 100%;
  }
  .color-calendar .calendar__days .calendar__day-selected:not(.calendar__day-today) .calendar__day-box {
    width: calc(55% + 0.4166666667vw);
  }
  .color-calendar.glass .calendar__days .calendar__day-other {
    font-size: 1.25vw;
    line-height: 100%;
  }
  .events-title {
    font-size: 1.25vw;
    line-height: 100%;
    margin-bottom: 1.0416666667vw;
  }
  .events-display {
    padding: 1.5625vw;
  }
  .event-left {
    margin-bottom: 1.8229166667vw;
  }
  .event-time {
    font-size: 1.0416666667vw;
    margin-right: 1.0416666667vw;
  }
  .event-title {
    font-size: 1.0416666667vw;
  }
  .calendar-wrapper {
    margin-bottom: 1.5625vw;
  }
  .color-calendar .calendar__days {
    grid-template-columns: repeat(7, minmax(1.0416666667vw, 2.8645833333vw));
    grid-template-rows: repeat(6, minmax(1.5625vw, 2.0833333333vw));
  }
}
.isLessonList.isTrainingsPage .page-menu li:not(.active) a {
  color: var(--black-color);
}

.isLessonList.isTrainingsPage .header-box {
  padding: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background: var(--gray-color);
  margin: 0 50px 50px 50px;
  border-radius: 24px;
}

.isLessonList.isTrainingsPage h1 {
  color: var(--black-color);
}

.isLessonList.isTrainingsPage .module-description {
  display: none;
}

.isLessonList.isTrainingsPage .header-box .progress-tr p {
  color: var(--black-color);
}

.isLessonList.isTrainingsPage .header-box .progress-tr .progress-line {
  max-width: 465px;
}

.pre-header {
  margin-bottom: 20px;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  opacity: 0.5;
  color: var(--black-text);
}

.isLessonList.isTrainingsPage .lesson-list {
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}

.isLessonList.isTrainingsPage .lesson-list li {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
}

.isLessonList.isTrainingsPage .lesson-list li .state-icon-block {
  display: none;
}

.isLessonList.isTrainingsPage .lesson-list li .info {
  margin-left: 0;
  border-left: 0 solid transparent;
  background: none !important;
}

.isLessonList.isTrainingsPage .lesson-list li a {
  background: var(--gray-color) !important;
  border-radius: 10px;
}

.isLessonList.isTrainingsPage .lesson-list li table {
  min-height: 208px;
}

.isLessonList.isTrainingsPage .lesson-list li td {
  vertical-align: top;
}

.isLessonList.isTrainingsPage .lesson-list .item-main-td {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
}

.isLessonList.isTrainingsPage .link.title {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 25px !important;
  line-height: 130%;
  color: var(--black-header) !important;
  margin-bottom: 10px;
  margin-right: 0;
  order: 1;
}

.isLessonList.isTrainingsPage .lesson-list li .info .vmiddle {
   padding-right: 0;
    display: flex;
    flex-direction: row;
  flex-wrap:wrap;
    margin-left: 0!important;
    max-width: 70%;
}

.isLessonList.isTrainingsPage .lesson-list .description {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  width: 100%;
  color: var(--black-333);
  order: 2;
  margin-bottom: 30px;
}

.isLessonList.isTrainingsPage .user-state-label {
  order: 3;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: right;
  color: var(--white-color);
  width: max-content;
  padding: 5px 10px;
  border-radius: 6px;
}

.isLessonList.isTrainingsPage li.user-state-not_reached .user-state-label {
  background: var(--black-333);
}

.isLessonList.isTrainingsPage li.user-state-answered .user-state-label {
  background: var(--orange-color);
}

.isLessonList.isTrainingsPage li.user-state-has_mission .user-state-label {
  background: var(--postnov-color);
}

.isLessonList.isTrainingsPage li.user-state-accomplished .user-state-label {
  background: var(--green-color);
}

.isLessonList.isTrainingsPage li .user-state-label::before {
  background-size: 100% 100%;
  content: "•";
  color: transparent;
  margin-right: 10px;
  padding: 3px 8px;
}
.isLessonList.isTrainingsPage .link.title {
flex:1 1 100%;
}
.lesson-list li:not(.user-state-not_reached) .passed-date {
 order:4; display:flex!important;
  align-items:center;
  margin-left:10px;
  border-radius: 6px;
  font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: var(--black-color);
  background:var(--closed-gray);
  padding: 2px 26px 2px 13px;
}
.lesson-list li:not(.user-state-not_reached) .passed-date::before {
      background-size: 100% 100%;
    content: "•";
    color: transparent;
    margin-right: 10px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 4.59961V9.99961L13.6 11.7996' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");padding: 0 4px;
}
.lesson-list li.user-state-reached .user-state-label.has-start-at+.passed-date {
 margin-left:0;
}
.isLessonList.isTrainingsPage li.user-state-not_reached .user-state-label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8299 8.16992L8.16992 13.8299' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.8299 13.8299L8.16992 8.16992' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 20V20C6.029 20 2 15.971 2 11V11C2 6.029 6.029 2 11 2V2C15.971 2 20 6.029 20 11V11C20 15.971 15.971 20 11 20Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.isLessonList.isTrainingsPage li.user-state-answered .user-state-label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7H14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 15H14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='11' r='9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 7V9C9 9.315 9.148 9.611 9.4 9.8L11 11L12.6 9.8C12.852 9.611 13 9.315 13 9V7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 15V13C13 12.685 12.852 12.389 12.6 12.2L11 11L9.4 12.2C9.148 12.389 9 12.685 9 13V15' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.isLessonList.isTrainingsPage li.user-state-has_mission .user-state-label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.071 3.92893C21.9763 7.83417 21.9763 14.1658 18.071 18.071C14.1658 21.9763 7.83413 21.9763 3.92893 18.071C0.02369 14.1658 0.02369 7.83413 3.92893 3.92893C7.83417 0.02369 14.1658 0.02369 18.071 3.92893' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 17H8C6.895 17 6 16.105 6 15V7C6 5.895 6.895 5 8 5H14C15.105 5 16 5.895 16 7V15C16 16.105 15.105 17 14 17Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 8H13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 11H13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 14H11' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.isLessonList.isTrainingsPage li.user-state-accomplished .user-state-label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11.0001' cy='10.9998' r='9.00375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.44263 11.3387L9.61053 13.5066L9.59652 13.4926L14.4876 8.60156' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.isLessonList.isTrainingsPage .lesson-list li.user-state-not_reached a {
  background: var(--closed-lesson) !important;
}

.isLessonList.isTrainingsPage .vmiddle > div:not(.link):not(.description):not(.user-state-label) {
  display: none;
}

.user-state-not_reached {
  position: relative;
}

.user-state-not_reached::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.5833 22.916H10.4167C8.11548 22.916 6.25 24.7815 6.25 27.0827V41.666C6.25 43.9672 8.11548 45.8327 10.4167 45.8327H39.5833C41.8845 45.8327 43.75 43.9672 43.75 41.666V27.0827C43.75 24.7815 41.8845 22.916 39.5833 22.916Z' stroke='%23222222' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5833 22.916V14.5827C14.5833 11.82 15.6807 9.17049 17.6342 7.21699C19.5877 5.26348 22.2372 4.16602 24.9999 4.16602C27.7626 4.16602 30.4121 5.26348 32.3656 7.21699C34.3191 9.17049 35.4166 11.82 35.4166 14.5827V22.916' stroke='%23222222' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  right: 80px;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  background-size: 100% 100%;
}

.isLessonList .user-state-not_reached .item-image {
  background-image: url("data:image/svg+xml,%3Csvg width='230' height='208' viewBox='0 0 230 208' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.7' width='230' height='208' fill='%23333333'/%3E%3Cpath d='M129.583 101.916H100.417C98.1155 101.916 96.25 103.781 96.25 106.083V120.666C96.25 122.967 98.1155 124.833 100.417 124.833H129.583C131.885 124.833 133.75 122.967 133.75 120.666V106.083C133.75 103.781 131.885 101.916 129.583 101.916Z' stroke='white' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M104.583 101.916V93.5827C104.583 90.82 105.681 88.1705 107.634 86.217C109.588 84.2635 112.237 83.166 115 83.166C117.763 83.166 120.412 84.2635 122.366 86.217C124.319 88.1705 125.417 90.82 125.417 93.5827V101.916' stroke='white' stroke-width='4.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
  background-size: 100% 100% !important;
}

.isLessonList .xdget-lessonList::before {
  content: "Уроки модуля";
  margin-bottom: 50px;
  display: block;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 48px;
  color: var(--black-color);
}

.help-btn-wrapper {
  display: flex;
  flex-flow: row wrap;
}

.help-btn {
  flex: 1 1 calc(33% - 20px);
  max-width: 390px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 34px 30px;
  background: var(--gray-color);
  border-radius: 24px;
  margin-right: 10px;
}

.help-btn:nth-child(3n) {
  margin-right: 0;
}

.help-btn h6 {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 130%;
  color: var(--black-color);
}

.help-btn img {
  min-width: 84px;
  height: 84px;
  border-radius: 50%;
}

.isLessonList .item-image {
  width: 230px !important;
  border-radius: 10px 0 0 10px;
}

.isLessonList .help-btn {
  margin-bottom: 90px;
}

@media (min-width: 991px) {
  .isLessonList.isTrainingsPage .header-box {
    padding: 2.0833333333vw;
    margin: 0 2.6041666667vw 2.6041666667vw 2.6041666667vw;
  }
  .isLessonList.isTrainingsPage .header-box .progress-tr .progress-line {
    max-width: 24.21875vw;
  }
  .pre-header {
    margin-bottom: 1.0416666667vw;
    font-size: 1.0416666667vw;
    line-height: 100%;
  }
  .isLessonList.isTrainingsPage .lesson-list li {
    margin-bottom: 1.5625vw;
  }
  .isLessonList.isTrainingsPage .lesson-list li table {
    min-height: 10.8333333333vw;
  }
  .isLessonList.isTrainingsPage .lesson-list .item-main-td {
    padding-top: 2.0833333333vw;
    padding-bottom: 2.0833333333vw;
    padding-left: 2.0833333333vw;
  }
  .isLessonList.isTrainingsPage .link.title {
    font-size: 1.3020833333vw !important;
    margin-bottom: 0.5208333333vw;
  }
  .isLessonList.isTrainingsPage .lesson-list .description {
    font-size: 0.8333333333vw;
    margin-bottom: 1.5625vw;
  }
  .isLessonList.isTrainingsPage .user-state-label {
    font-size: 0.8333333333vw;
    padding: 0.2604166667vw 0.5208333333vw;
  }
  .isLessonList.isTrainingsPage li .user-state-label::before {
    margin-right: 0.5208333333vw;
    padding: 0.15625vw 0.4166666667vw;
  }
  .user-state-not_reached::after {
    right: 4.1666666667vw;
    width: 2.6041666667vw;
    height: 2.6041666667vw;
  }
  .isLessonList .xdget-lessonList::before {
    margin-bottom: 2.6041666667vw;
    font-size: 2.5vw;
    line-height: 100%;
  }
  .help-btn {
    flex: 1 1 calc(33% - 1.0416666667vw);
    max-width: 20.3125vw;
    padding: 1.7708333333vw 1.5625vw;
    margin-right: 0.5208333333vw;
  }
  .help-btn h6 {
    font-size: 1.25vw;
  }
  .help-btn img {
    min-width: 4.375vw;
    height: 4.375vw;
  }
  .isLessonList .item-image {
    width: 11.9791666667vw !important;
  }
  .isLessonList .help-btn {
    margin-bottom: 4.6875vw;
  }
  .lesson-list li:not(.user-state-not_reached) .passed-date {
  margin-left:.521vw;
  border-radius: 6px;
font-size: .833vw;
  padding: .1vw 2.82vw .1vw 1.41vw;
}
.lesson-list li:not(.user-state-not_reached) .passed-date::before {

    margin-right: .521vw;
padding: 0 .2vw;
} 
}
@media (max-width: 991px) {
 .isTrainingsPage .header-box {
    flex-direction: column-reverse!important;
    justify-content: center!important;
  }
  .isTrainingsPage .right-side {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  .isLessonList .help-btn {
    margin-bottom: 25px;
  }
  .help-btn:nth-child(2n) {
    margin-right: 0;
  }
  .help-btn:nth-child(3n) {
    margin-right: 10px;
  }
}
@media (max-width: 925px) {
  .user-state-not_reached::after {
    top: auto;
    right: 5px;
    width: 30px;
    height: 30px;
    transform: none;
    bottom: 5px;
  }
}
@media (max-width: 903px) {
  .help-btn-wrapper {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
  }
  .help-btn, .xdget-lessonList {
    max-width: 446px;
    margin-left: auto;
    margin-right: auto;
  }
  .help-btn:nth-child(2n), .help-btn:nth-child(3n) {
    margin-right: auto;
  }
  .isLessonList.isTrainingsPage .lesson-list li table,.isLessonList.isTrainingsPage .lesson-list li td {
    min-height: 150px;
  }
  .isLessonList .item-image {
    width: 100px !important;
  }
  .isLessonList .user-state-not_reached .item-image {
    background-size: cover !important;
  }
}
@media (max-width:768px) {
.isLessonPage h2 {
    margin-bottom: 20px!important;
    font-size: 32px!important;
}
    .isLessonList.isTrainingsPage .lesson-list li table,.isLessonList.isTrainingsPage .lesson-list li tbody {
    display:flex;flex-direction:column;
}
    .isLessonList.isTrainingsPage .lesson-list .item-main-td {
    padding-top: 30px;
    padding-bottom: 15px;
    padding-left: 20px;

}
       .isLessonList.isTrainingsPage .lesson-list .item-main-td.item-with-image {
        max-width: 50vw;
           height:auto!important;
}
    
        .isLessonList.isTrainingsPage .lesson-list .item-image {
        min-width:140px;
}
       .isLessonList.isTrainingsPage .lesson-list tr {
display:flex;
}
  .isLessonList.isTrainingsPage .link.title {

    font-size: 20px !important;
}  
    .isLessonList.isTrainingsPage .lesson-list .description {
    font-size: 14px;
    margin-bottom: 20px;
}
    .isLessonList.isTrainingsPage .user-state-label {
    font-size: 14px;
    padding: 5px 20px;
}
   .isTrainingsPage.isLessonList .xdget-lessonList {
padding-left:0;
       padding-right:0;
} 
      .help-btn h6 {
    font-size: 20px;
  }
    .help-btn img {
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
}
    .help-btn-wrapper {
margin-left:-15px;
        margin-right:-15px;
}
    .isLessonList.isTrainingsPage .help-btn-wrapper {
margin-left:0;
        margin-right:0;
}
    .isLessonList.isTrainingsPage .lesson-list li .info .vmiddle {
    width: 100%;
}
    .isLessonList .xdget-lessonList::before {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 100%;

}
}
@media (max-width:520px) {
.lesson-list li .item-image {
    display: block!important;
}
    .isLessonList.isTrainingsPage li.user-state-not_reached .item-with-image .user-state-label {
   padding: 5px 10px;
}
    .user-state-not_reached::after {
display:none;
}
    .isLessonList.isTrainingsPage .lesson-list li .info .vmiddle {

    flex-direction: column;

}
.lesson-list li:not(.user-state-not_reached) .passed-date {margin-left:0;margin-top:10px;}
}
.user-state-not_reached .link.title, .user-state-not_reached .description {
  opacity:.7;
}
.lesson-list li.user-state-reached .user-state-label.has-start-at {
    display: none!important;
}

.user-state-label.is-stop-lesson,.user-state-label.lesson-date {display:none!important;}
body .lesson-list li table {
    min-width: 100%;
}
/* ------------- 
content finish - lessonList
------------- */

/* ------------- 
content start - Notifications
------------- */

.isNotificationPage .standard-logo {
  margin-top: 60px;
  margin-bottom: 85px;
}

.isNotificationPage .standard-page-menu li:not(.active) a {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  color: var(--main-color) !important;
  position: relative;
  opacity: 0.8;
  position: relative;
}

.isNotificationPage .standard-page-menu li:not(.active) a::before {
  position: absolute;
  content: "";
  bottom: -5px;
  right: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--main-color);
  opacity: 0.6;
}

.isNotificationPage .standard-page-menu li.active a {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  color: var(--black-light);
}

.isNotificationPage h1 {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  color: var(--black-light);
  margin-bottom: 20px;
}

.isNotificationPage .standard-page-menu li {
  margin-right: 30px;
  padding: 0;
}

.isNotificationPage .standard-page-menu li.active {
  background: none !important;
}

.isNotificationPage .standard-page-menu {
  border-bottom: 0px solid #eee;
  margin-bottom: 50px;
  overflow:visible!important;
}

.isNotificationPage .my-notification-block {
  margin-top: 0;
  max-width: 100%;
}

.isNotificationPage .standard-page-content {
  display: flex;
  flex-direction: column;
}

.isNotificationPage .standard-page-menu {
  order: 1;
}

.isNotificationPage .notification-wrapper {
  order: 2;
}

.isNotificationPage .my-notification-block, .isNotificationPage div[style="margin-top: 2em;"] {
  margin-left: 0;
  margin-right: 0;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: var(--black-light);
  margin-bottom: 25px;
}

.isNotificationPage div[style="margin-top: 2em;"] {
  margin-top: 0 !important;
  margin-bottom: 60px;
}

.isNotificationPage .notification-wrapper {
  padding: 50px 70px;
  background: var(--gray-color);
  border-radius: 24px;
}

.isNotificationPage .my-notification-block a, .isNotificationPage div[style="margin-top: 2em;"] a {
  color: var(--link-color);
}

.isNotificationPage form th {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: var(--black-light);
}
.isNotificationPage .hint {
 font-family: var(--main-font);
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 130%;
color:var(--black-light);
 margin-bottom:60px;
}
.isNotificationPage form th:nth-child(1) {
  font-size: 26px;
}

.isNotificationPage .table > tbody > tr > td, .isNotificationPage .table > tbody > tr > th, .isNotificationPage .table > tfoot > tr > td, .isNotificationPage .table > tfoot > tr > th, .isNotificationPage .table > thead > tr > td, .isNotificationPage .table > thead > tr > th {
  border-bottom: 0px solid #ddd;
  border-top: 0px solid #ddd;
  white-space: nowrap;
  padding: 0;
}

.isNotificationPage .table > thead {
  border-bottom: 50px solid transparent;
}

.isNotificationPage .table > tbody > tr > td {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--black-color);
}

.isNotificationPage .table > tbody > tr td {
  padding-bottom: 30px;
}

.isNotificationPage .table label {
  margin-bottom: 0;
  padding: 0 15px;
  font-weight: 500;
}

.isNotificationPage .col-md-8 {
  width: 100%;
  display: flex;
}

.isNotificationPage .container {
  width: 100%;
  max-width: 1278px;
}

.isNotificationPage .buttons-row {
  border-top: 0px solid #eee;
  padding-top: 30px;
}

.isNotificationPage .form-group .btn {
  background: var(--main-color) !important;
  border-radius: 16px;
  border: none;
  padding: 21px 128px;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: var(--white-color);
  transition: 0.3s;
}

.isNotificationPage .form-group .btn:hover {
  background: var(--purple-hover) !important;
}

.isNotificationPage .checkbox-pseudo {
  position: relative;
}

.isNotificationPage .checkbox-pseudo input {
  opacity: 0;
  cursor: pointer;
}

.isNotificationPage .checkbox-pseudo::before {
  content: "";
  position: absolute;
  background: var(--white-color);
  border: 1px solid rgba(37, 37, 37, 0.1);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: 0.1s;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  pointer-events: none;
}

.isNotificationPage .selected-input::before {
  border: 7px solid var(--main-color);
}

.isNotificationPage .disabled-blocker {
  display: none !important;
}

.isNotificationPage select {
  border: 0;
  background: none;
  -webkit-appearance: none;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  text-decoration-line: underline;
  color: var(--main-color);
  outline: 0;
}

.isNotificationPage .table > tbody > tr > td a {
  max-width: 375px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-right: 10px;
}

.isNotificationPage .mess-link {
  margin: 0;
  padding: 15px 34px 15px 34px;
  background: var(--white-color);
  border: 1px solid rgba(37, 37, 37, 0.1);
  border-radius: 16px;
}
.isNotificationPage .my-notification-block .item {
    margin: 0;
}
.isNotificationPage .mess-link:nth-child(1) {
  margin-right: 20px;
}

.isNotificationPage .mess-link .btn, .isNotificationPage .mess-link a {
  background: transparent !important;
  border: none;
  font-family: var(--main-font);
  padding: 0 !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: rgba(37, 37, 37, 0.5);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  margin: auto;
}

.isNotificationPage .mess-link .btn svg {
  margin-right: 10px;
}

.isNotificationPage .standard-page-menu + div a {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--black-color);
}

.isNotificationPage .standard-page-menu + div {
  margin-bottom: 10px;
  display: block;
}

@media (min-width: 768px) {
    .isNotificationPage .mess-link .btn, .isNotificationPage .mess-link a {
font-size:.73vw;
}
    .isNotificationPage .mess-link .btn svg {
  margin-right: .53vw;
        width:1.5625vw;
        height:1.5625vw;
}
    .isNotificationPage .hint {
font-size: 1.04167vw;
        margin-bottom:3.125vw;
}
  .isNotificationPage .table > tbody > tr > td a {
    max-width: 19.53125vw;
    margin-right: 0.5208333333vw;
  }
  .isNotificationPage .standard-logo {
    margin-top: 3.125vw;
    margin-bottom: 4.4270833333vw;
  }
  .isNotificationPage .standard-page-menu li:not(.active) a {
    font-size: 1.25vw;
  }
  .isNotificationPage .standard-page-menu li:not(.active) a::before {
    bottom: -.54vw;
    height: 1px;
  }
  .isNotificationPage .standard-page-menu li.active a {
    font-size: 1.25vw;
  }
  .isNotificationPage h1 {
    font-size: 1.6666666667vw;
    margin-bottom: 1.0416666667vw;
  }
  .isNotificationPage .standard-page-menu li {
    margin-right: 1.5625vw;
  }
  .isNotificationPage .standard-page-menu {
    margin-bottom: 2.6041666667vw;
  }
  .isNotificationPage .my-notification-block, .isNotificationPage div[style="margin-top: 2em;"] {
    font-size: 1.0416666667vw;
    margin-bottom: 1.3020833333vw;
  }
  .isNotificationPage div[style="margin-top: 2em;"] {
    margin-bottom: 3.125vw;
  }
  .isNotificationPage .notification-wrapper {
    padding: 2.6041666667vw 3.6458333333vw;
    border-radius: 24px;
  }
  .isNotificationPage form th {
    font-size: 0.9375vw;
  }
  .isNotificationPage form th:nth-child(1) {
    font-size: 1.3541666667vw;
  }
  .isNotificationPage .table > thead {
    border-bottom: 2.6041666667vw solid transparent;
  }
  .isNotificationPage .table > tbody > tr > td {
    font-size: 0.9375vw;
  }
  .isNotificationPage .table > tbody > tr td {
    padding-bottom: 1.5625vw;
  }
  .isNotificationPage .table label {
    padding: 0 0.78125vw;
  }
  .isNotificationPage .container {
    max-width: 66.6666666667vw;
  }
  .isNotificationPage .buttons-row {
    padding-top: 1.5625vw;
  }
  .isNotificationPage .form-group .btn {
    padding: 1.09375vw 6.6666666667vw;
    font-size: 0.9375vw;
    line-height: 0.9375vw;
  }
  .isNotificationPage .checkbox-pseudo::before {
    border: 0.0520833333vw solid rgba(37, 37, 37, 0.1);
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
  .isNotificationPage .selected-input::before {
    border: 0.3645833333vw solid var(--main-color);
  }
  .isNotificationPage select {
    font-size: 0.7291666667vw;
    line-height: 100% x;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  .isNotificationPage .container {
    max-width: 90%;
  }
}
@media (max-width: 768px) {
    .isNotificationPage .standard-page-menu li:not(.active) a,.isNotificationPage .standard-page-menu li.active a {
    font-size: 16px;
}
   .isNotificationPage .gc-main-content.with-left-menu .container {
    margin-left: 0;
    margin-right: 0;
}
    .isNotificationPage h1 {
    font-size: 20px;
}
  .isNotificationPage .notification-wrapper {
    padding: 20px 30px;
    border-radius: 12px;
  }
  .standard-logo {
    display: block;
  }
  .isNotificationPage .table > tbody > tr > td {
    font-size: 14px;
  }
  .isNotificationPage form th {
    font-size: 12px;
  }
  .isNotificationPage form th:nth-child(1) {
    font-size: 14px;
    padding-bottom: 20px;
  }
  .isNotificationPage .table label {
    padding: 0 5px;
  }
  .isNotificationPage .table > tbody > tr > td, .isNotificationPage .table > tbody > tr > th, .isNotificationPage .table > tfoot > tr > td, .isNotificationPage .table > tfoot > tr > th, .isNotificationPage .table > thead > tr > td, .isNotificationPage .table > thead > tr > th {
    white-space: normal;
  }
  .isNotificationPage .table > thead th:nth-last-child(1) {
    display: none;
  }
  .isNotificationPage .table > tbody > tr > td:nth-child(1) {
    max-width: 30vw;
  }
  .isNotificationPage .my-notification-block, .isNotificationPage div[style="margin-top: 2em;"] {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .isNotificationPage div[style="margin-top: 2em;"] {
    margin-bottom: 30px;
  }
  .isNotificationPage select {
    font-size: 12px;
    line-height: 14px;
  }
  .isNotificationPage .mess-link:nth-child(1) {
    margin-right: 0;
    margin-bottom: 15px;
  }
   .isNotificationPage .table {
    overflow-x: scroll;
display:block;
}
}
@media (max-width: 768px) {
  .isNotificationPage .notification-wrapper {
    padding: 10px 15px;
  }
}
.off {opacity:.3;}
.sender-chatium+td{display:none;}
/* ------------- 
content finish - Notifications
------------- */

/* ------------- 
content start - myPurchaches
------------- */

.isPurchachesPage .logo-lablife {
  max-width: 220px;
  margin-top: 60px;
  margin-bottom: 75px;
}

.isPurchachesPage .page-header {
  margin-top: 0;
}

.isPurchachesPage h1 {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500 !important;
  font-size: 36px;
  line-height: 100%;
  color: var(--black-light);
}

.isPurchachesPage .content-menu {
  border-bottom: 0px solid #eee;
}

.isPurchachesPage .big {
  display: none;
}

.isPurchachesPage .big + br {
  display: none;
}

.isPurchachesPage .big + br + br {
  display: none;
}

.isPurchachesPage h3 {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  line-height: 100%;
  color: var(--black-color);
}

.isPurchachesPage .table-wrapper {
  background: var(--gray-color);
  border-radius: 24px;
  padding: 60px 50px;
  margin-bottom: 30px;
}

.isPurchachesPage .table-wrapper h3 {
  margin-bottom: 30px;
}

.isPurchachesPage .table-wrapper table {
  margin-bottom: 0;
}

.isPurchachesPage .table-wrapper th {
  padding: 0;
}

.isPurchachesPage .table > thead > tr > th {
  border-bottom: 0px solid #ddd;
}

.isPurchachesPage .table > tbody > tr > td, .isPurchachesPage .table > tbody > tr > th, .isPurchachesPage .table > tfoot > tr > td, .isPurchachesPage .table > tfoot > tr > th, .isPurchachesPage .table > thead > tr > td, .isPurchachesPage .table > thead > tr > th {
  padding: 0;
  border-top: 0px solid #ddd;
}

.isPurchachesPage .table > thead > tr > th {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  color: var(--black-color);
  opacity: 0.5;
  padding-bottom: 20px;
}

.isPurchachesPage tbody td {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: var(--black-color);
}

.isPurchachesPage tbody td:nth-child(2) {
  max-width: 300px;
}

.isPurchachesPage tbody td a {
  color: var(--black-color);
}

.isPurchachesPage .deal-status {
  border: 1px solid #000000;
  border-radius: 24px;
  padding: 4px 20px;
  background: none !important;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: var(--black-color);
}

.isPurchachesPage tr .btn {
  background: var(--purple-color) !important;
  border-radius: 24px;
  border: none;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--white-color);
  margin-left: 50px;
  padding: 10px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.isPurchachesPage .container {
  width: 100%;
  display: flex;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 75px;
  flex-flow: row wrap;
}

.isPurchachesPage .main-page-block {
  display: flex;
  flex-direction: column;
}

.isPurchachesPage .logo-wrapper {
  flex: 1 1 100%;
}

.isPurchachesPage .left-column {
  display: flex;
  flex-direction: column;
  max-width: 1170px;
}

.isPurchachesPage .right-column {
  padding-left: 109px;
  display: flex;
  flex-direction: column;
}

.isPurchachesPage h2 {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
  color: var(--black-color);
  margin-bottom: 54px;
}

.isPurchachesPage .total-amount {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: var(--main-color);
}

.isPurchachesPage .subjes {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 80px;
  line-height: 100%;
  color: var(--main-color);
  margin-bottom: 30px;
}

.isPurchachesPage .dep-and-bonus {
  display: flex;
  flex-direction: column;
}

.isPurchachesPage .dep-and-bonus > div:nth-child(1) {
  display: flex;
}

.isPurchachesPage .dep-and-bonus > div:nth-child(1) {
  display: grid;
  grid-template-columns: 30% 17px 55%;
  column-gap: 20px;
}

.isPurchachesPage .dep-and-bonus > div:nth-child(1) p {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  color: var(--black-light);
  margin: 0;
}

.isPurchachesPage .dep-and-bonus > div:nth-child(1) p:nth-child(1)::before {
  content: "Депозит";
  display: block;
  margin-bottom: 10px;
}

.isPurchachesPage .dep-and-bonus > div:nth-child(1) p:nth-child(2)::before {
  content: "+";
  display: block;
  color: transparent;
  margin-bottom: 10px;
}

.isPurchachesPage .dep-and-bonus > div:nth-child(1) p:nth-child(3)::before {
  content: "Бонусные рубли";
  display: block;
  margin-bottom: 10px;
}

.table-wrapper.purchaches tbody td:nth-child(1) {
  max-width: 420px;
}

.table-wrapper tbody td {
  padding-bottom: 20px !important;
}

.table-wrapper.purchaches tbody td:nth-child(2) {
  padding-right: 50px;
}

.isPurchachesPage .label-info {
  border-radius: 24px;
  padding: 4px 18px;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--white-color);
  background: var(--postnov-color);
}

.isPurchachesPage .label-success {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--white-color);
  background: var(--green-color);
  border-radius: 24px;
  padding: 4px 18px;
}

.table-wrapper.courses a {
  max-width: 80%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.isPurchachesPage .alert {
  display: none;
}

.table-wrapper td:not(:nth-last-child(1)) {
  padding-right: 50px !important;
}

.table-wrapper.purchaches td:nth-child(1) {
  padding-right: 25px;
}

.isPurchachesPage th, .isPurchachesPage td {
  width: auto !important;
}

@media (min-width: 768px) {
  .isPurchachesPage .logo-lablife {
    max-width: 11.4583333333vw;
    margin-top: 3.125vw;
    margin-bottom: 3.90625vw;
  }
  .table-wrapper td:not(:nth-last-child(1)) {
    padding-right: 2.6041666667vw !important;
  }
  .isPurchachesPage h1 {
    font-size: 1.875vw;
  }
  .isPurchachesPage h3 {
    font-size: 1.6666666667vw;
  }
  .isPurchachesPage .table-wrapper {
    border-radius: 1.25vw;
    padding: 3.125vw 2.6041666667vw;
    margin-bottom: 1.5625vw;
  }
  .isPurchachesPage .table-wrapper h3 {
    margin-bottom: 1.5625vw;
  }
  .isPurchachesPage .table > thead > tr > th {
    font-size: 1.0416666667vw;
    line-height: 1.0416666667vw;
    padding-bottom: 1.0416666667vw;
  }
  .isPurchachesPage tbody td {
    font-size: 1.0416666667vw;
  }
  .isPurchachesPage tbody td:nth-child(2) {
    max-width: 15.625vw;
  }
  .isPurchachesPage .deal-status {
    padding: 0.2083333333vw 1.0416666667vw;
    font-size: 0.8333333333vw;
    line-height: 100%;
  }
  .isPurchachesPage tr .btn {
    font-size: 0.8333333333vw;
    margin-left: 2.6041666667vw;
    padding: 0.5208333333vw 2.0833333333vw;
  }
  .isPurchachesPage .container {
    padding-left: 3.90625vw;
  }
  .isPurchachesPage .left-column {
    max-width: 60.9375vw;
  }
  .isPurchachesPage .right-column {
    padding-left: 5.6770833333vw;
  }
  .isPurchachesPage h2 {
    font-size: 1.875vw;
    line-height: 100%;
    margin-bottom: 2.8125vw;
  }
  .isPurchachesPage .total-amount {
    font-size: 0.9375vw;
    line-height: 100%;
  }
  .isPurchachesPage .subjes {
    font-size: 4.1666666667vw;
    margin-bottom: 1.5625vw;
  }
  .isPurchachesPage .dep-and-bonus > div:nth-child(1) {
    grid-template-columns: 30% 0.8854166667vw 55%;
    column-gap: 1.0416666667vw;
  }
  .isPurchachesPage .dep-and-bonus > div:nth-child(1) p {
    font-size: 0.9375vw;
    line-height: 100%;
  }
  .isPurchachesPage .dep-and-bonus > div:nth-child(1) p:nth-child(1)::before {
    margin-bottom: 0.5208333333vw;
  }
  .isPurchachesPage .dep-and-bonus > div:nth-child(1) p:nth-child(2)::before {
    margin-bottom: 0.5208333333vw;
  }
  .isPurchachesPage .dep-and-bonus > div:nth-child(1) p:nth-child(3)::before {
    margin-bottom: 0.5208333333vw;
  }
  .table-wrapper.purchaches tbody td:nth-child(1) {
    max-width: 21.875vw;
  }
  .table-wrapper tbody td:not(:nth-last-child(1)) {
    padding-bottom: 1.0416666667vw !important;
  }
  .table-wrapper.purchaches tbody td:nth-child(2) {
    padding-right: 2.6041666667vw;
  }
  .isPurchachesPage .label-info {
    padding: 0.2083333333vw 0.9375vw;
    font-size: 0.8333333333vw;
  }
  .isPurchachesPage .label-success {
    font-size: 0.8333333333vw;
    padding: 0.2083333333vw 0.9375vw;
  }
}
@media (max-width: 768px) {
  .isPurchachesPage .container {
    padding-left: 15px;
  }
  .isPurchachesPage .table-wrapper {
    border-radius: 12px;
    padding: 20px 15px;
    margin-bottom: 20px;
  }
  .isPurchachesPage tr {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-start;
  }
  .isPurchachesPage .table-wrapper table {
    display: flex;
    flex-direction: column;
  }
  .isPurchachesPage .table-wrapper table thead {
    display: none;
  }
  .isPurchachesPage .table-wrapper table > tbody {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(auto, 80px);
  }
  .isPurchachesPage tr .btn {
    margin-left: 0;
  }
  .isPurchachesPage tbody td:nth-child(2) {
    max-width: 100%;
  }
  .table-wrapper td {
    padding-right: 0 !important;
  }
  .table-wrapper.courses a {
    display: block;
    white-space: normal;
  }
  .isPurchachesPage .logo-wrapper {
    order: 1;
  }
  .isPurchachesPage .right-column {
    padding-left: 0;
    order: 2;
    margin-bottom: 54px;
  }
  .isPurchachesPage .left-column {
    order: 3;
  }
}
.table-wrapper:not(.courses):not(.purchaches) tbody td:nth-last-child(2) {
    padding-right: 0 !important;
}
/* ------------- 
content finish - myPurchaches
------------- */

/* ------------- 
content start - conversationsPage
------------- */

.talks-widget-button {
  z-index: 15000;
}

.talks-widget-window .btn-primary {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  color: var(--white-color);
  background: var(--main-color) !important;
  border-radius: 16px !important;
  padding: 21px 67px;
  transition: 0.3s;
}

.talks-widget-window .btn-primary .fa {
  display: none;
}

.talks-widget-window .btn-primary:hover {
  background: var(--purple-hover) !important;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-list-footer {
  background: var(--white-color);
  border-top: 1px solid var(--gray-bg);
}

.talks-widget-window .talks-widget-header {
  background: var(--white-color);
  border-bottom: 0px solid var(--deep-gray);
  height: min-content;
  font-weight: 600;
  color: var(--main-color);
}

.talks-widget-window .talks-widget-header .caption {
  font-family: var(--main-font);
  background: var(--gray-color);
  padding: 11px 60px;
  max-width: 350px;
  margin: auto;
  border-radius: 12px;
}

.talks-widget-window .talks-widget-header .fa {
  color: var(--deep-gray);
}

.conversations-list {
  background: var(--white-color);
}

.gc-main-content::-webkit-scrollbar, .conversations-list::-webkit-scrollbar {
  width: 8px;
  border-radius: 16px;
}

.gc-main-content::-webkit-scrollbar-button, .conversations-list::-webkit-scrollbar-button {
  background-color: transparent;
  height: 20px;
}

.gc-main-content::-webkit-scrollbar-track, .conversations-list::-webkit-scrollbar-track {
  background: var(--gray-color);
}

.gc-main-content::-webkit-scrollbar-track-piece, .conversations-list::-webkit-scrollbar-track-piece {
  background-color: var(--gray-color);
}

.gc-main-content::-webkit-scrollbar-thumb, .conversations-list::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  border-radius: 16px;
}

.gc-main-content::-webkit-scrollbar-corner, .conversations-list::-webkit-scrollbar-corner {
  background-color: var(--main-color);
  border-radius: 16px;
}

.talks-widget-window .emoji-button {
  display: none !important;
}

.talks-widget-window textarea {
  background: #FFFFFF !important;
  border: 1px solid var(--black01-color) !important;
  border-radius: 6px;
  font-family: var(--main-font);
  font-style: normal;
  color: var(--black-color);
}

.talks-widget-window .fa-bars:before {
  content: "\f060";
}

.talks-widget-window .talks-widget-header .btn-back, .talks-widget-window .talks-widget-header .btn-close {
  top: 22px;
}

.conversation-widget .own-user-comment .comment > .text .text-content, .conversation-widget .my-comment .comment > .text .text-content {
  background-color: var(--pink-color) !important;
  border: none;
  color: var(--white-color);
}

.conversation-widget .own-user-comment .comment > .text .text-content a, .conversation-widget .my-comment .comment > .text .text-content a {
  color: var(--white-color);
  text-decoration: underline;
}

.conversation-widget .comment-time span {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  color: var(--black-color);
  opacity: 0.2;
}

.conversation-widget .comments-tree {
  background: var(--white-color);
}

.uploadifive-queue-item.complete {
  background-color: var(--green-color);
  color: var(--white-color);
}

.uploadifive-queue-item.complete a {
  color: var(--white-color);
  opacity: 1;
}

.conversation-widget .comment > .text .text-content {
  background: var(--gray-color);
  border: 0px solid #ddd;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.conversations-list > div {
  background-color: var(--gray-color);
  margin: 10px;
  border-radius: 24px;
  max-width: 1669px;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block {
  border-bottom: 0px solid #e0e0e0;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-time {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 300;
  text-align: right;
  color: var(--deep-gray);
  margin-right: 30px;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block a {
  color: var(--link-color);
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate:hover {
  background: var(--white-color);
}

.conversation-widget .comment-form-wrapper {
  overflow: hidden;
  margin-bottom: 10px;
  background: var(--gray-color);
  padding: 20px 10px 20px 10px;
}

.talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-fresh-comment-count {
  position: absolute;
  bottom: auto !important;
  border-radius: 50% !important;
  top: 15px;
  left: 50px;
  right: auto;
  font-size: 12px;
  clear: both;
  background: var(--main-color);
  color: var(--white-color);
  border-radius: 3px;
  padding: 0 9px;
  font-family: var(--main-font);
}

.talks-widget-button .conversations-counter {
  background: var(--red-color);
  color: var(--white-color);
  font-family: var(--main-font);
}

.isConverationsPage .caption {
  font-size: 0 !important;
  line-height: 36px !important;
}

.isConverationsPage .caption::after {
  font-size: 36px !important;
  content: "Поддержка";
}

.isConverationsPage.isOpenedChat .talks-widget-window .talks-widget-header {
  padding-top: 60px;
}

.isConverationsPage.isOpenedChat .talks-widget-window .talks-widget-header .btn-back {
  left: auto;
}

.isConverationsPage .talks-widget-window .talks-widget-header .caption {
  font-family: var(--main-font);
  background: none;
  padding: 0;
  max-width: 350px;
  margin-left: 0;
  border-radius: 12px;
  text-align: left;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  color: var(--main-color);
}

.isConverationsPage .talks-widget-window .talks-widget-header {
  padding-top: 100px;
}

.isConverationsPage .talks-widget-window {
  left: 100px;
  width: calc(100% - 100px);
  margin-left: 70px;
  box-shadow: none;
  border: none;
  transition: 0.3s;
  max-width: 1669px;
  background: transparent;
}

.isConverationsPage.isOpenedChat .talks-widget-window {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.isConverationsPage .standard-logo {
  display: none;
}

.isConverationsPage .conversation-title {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 100%;
  color: var(--black-color);
  margin-bottom: 10px;
  display: block;
}

.isConverationsPage .conversation-text {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 130%;
  color: var(--black-color);
}

.isConverationsPage .conversations-list > div {
  padding-top: 40px !important;
  padding-bottom: 28px;
}

.isConverationsPage .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-time {
  font-size: 20px;
  transform: translateY(-10px);
}

.isConverationsPage .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-fresh-comment-count {
  top: 35px;
}

.isConverationsPage .dialog-author {
  display: flex;
  background: var(--white-color);
  align-items: center;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--black01-color);
}

.isConverationsPage .dialog-author img {
  border-radius: 50%;
  margin-right: 10px;
  width: 25px;
  height: 25px;
}

.isConverationsPage .dialog-author p {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--black-color);
  margin-bottom: 0;
}

.isConverationsPage .selected-conversation {
  background: var(--white-color);
}

.isConverationsPage .conversation-widget .user-image-wrapper, .isConverationsPage .conversation-widget .title {
  display: none;
}

.isConverationsPage .conversation-widget .comment-wrapper .comment .text-content {
  padding: 21px 23px;
  border-radius: 16px;
  margin-right: 0;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: var(--black-color);
}

.isConverationsPage .conversation-widget .comment-time span {
  font-size: 14px !important;
  margin-top: 5px;
  display: block;
}

.isConverationsPage.isOpenedChat .conversations-list, .isConverationsPage.isOpenedChat .comments-tree-wrapper {
  max-height: 655px;
}

.isConverationsPage.isOpenedChat .conversation-widget, .isConverationsPage.isOpenedChat .conversations-list-block {
  height: 83vh;
}

.isConverationsPage.isOpenedChat .talks-widget-window .talks-widget-body {
  overflow: visible;
}

.isConverationsPage.isOpenedChat .conversation-widget {
  border-radius: 24px;
  background: transparent;
}

.isConverationsPage.isOpenedChat .conversation-widget .comment-form-wrapper {
  overflow: hidden;
  background: var(--gray-color);
  padding: 25px 21px;
  border-radius: 24px;
}

.isConverationsPage.isOpenedChat .talks-widget-window textarea {
  padding: 15px 30px;
  height: auto !important;
  min-height: 87px;
  border-radius: 16px;
  font-family: var(--main-font);
  font-weight: 400;
}

.isConverationsPage.isOpenedChat .talks-widget-window textarea:placeholder {
  color: var(--closed-gray);
}

.isConverationsPage.isOpenedChat .talks-widget-window .emoji-button {
  display: block !important;
}

.isConverationsPage.isOpenedChat .talks-widget-window .emoji-container .fa, .isConverationsPage.isOpenedChat .talks-widget-window .glyphicon {
  color: var(--closed-gray);
}

.isConverationsPage.isOpenedChat .talks-widget-window .btn-primary {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  color: var(--white-color);
  background: var(--main-color) !important;
  border-radius: 24px !important;
  text-transform: initial;
  padding: 16px 102px;
  transition: 0.3s;
  float: unset;
  margin: auto;
  margin-top: 22px;
}

.isConverationsPage.isOpenedChat .talks-widget-window .btn-primary:hover {
  background: var(--purple-hover) !important;
}

.isConverationsPage.isOpenedChat .conversation-widget .comments-container:not(.comment-wrapper) {
  padding-bottom: 0;
  height: 789px !important;
}

.isConverationsPage.isOpenedChat .conversation-widget .own-user-comment .text-content {
  color: var(--white-color)!important;
}

.isConverationsPage.isOpenedChat .comment-time span {
  text-align: left;
}

.isConverationsPage.isOpenedChat .own-user-comment .comment-time span {
  text-align: right;
}

.isConverationsPage.isOpenedChat .comments-top-level {
  max-height: 450px;
  overflow: auto;
}

.isConverationsPage.isOpenedChat .comments-top-level::-webkit-scrollbar {
  width: 8px;
  border-radius: 16px;
}

.isConverationsPage.isOpenedChat .comments-top-level::-webkit-scrollbar-button {
  background-color: transparent;
  height: 20px;
}

.isConverationsPage.isOpenedChat .comments-top-level::-webkit-scrollbar-track {
  background: var(--gray-color);
}

.isConverationsPage.isOpenedChat .comments-top-level::-webkit-scrollbar-track-piece {
  background-color: var(--gray-color);
}

.isConverationsPage.isOpenedChat .comments-top-level::-webkit-scrollbar-thumb {
  background-color: var(--gray-bg);
  border-radius: 16px;
}

.isConverationsPage.isOpenedChat .comments-top-level::-webkit-scrollbar-corner {
  background-color: var(--gray-color);
  border-radius: 16px;
}

.isConverationsPage .talks-widget-window .talks-widget-header .btn-back {
  top: 72px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 1L1 21' stroke='%23252525' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1L21 21' stroke='%23252525' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  color: transparent;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  left: auto;
  right: 20px;
}

.isConverationsPage .talks-widget-window .talks-widget-header .btn-close {
  display: none;
}

.isConverationsPage.isOpenedChat .comments-tree .files img {
  width: 100%;
  max-width: 300px;
  margin-bottom: 5px;
}

.isConverationsPage.isOpenedChat .answer-file-box {
  width: 300px;
  border-radius: 9px;
}

.isConverationsPage.isOpenedChat .comments-tree .level-1 .comment-wrapper {
  padding: 0 10px;
  padding-top: 0;
  background: none;
}

.isConverationsPage:not(.isOpenedChat) .talks-widget-body {
  max-height: 680px;
  overflow: auto;
}

.isConverationsPage:not(.isOpenedChat) .conversations-list-block {
  background: var(--white-color) !important;
}

.isConverationsPage:not(.isOpenedChat) .conversations-list {
  max-height: 550px;
}

.isConverationsPage:not(.isOpenedChat) .conversation-list-footer {
  border-top: none !important;
  display: flex;
  background: transparent !important;
}

.isConverationsPage:not(.isOpenedChat) .talks-widget-window .btn-primary {
  margin-left: 0;
}

.isConverationsPage:not(.isOpenedChat) .talks-widget-body {
  background: var(--white-color);
}

.isConverationsPage .respondent-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.isConverationsPage .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate {
  margin: 0;
  border: none;
  border-radius: 24px;
  background: var(--gray-color);
  height: 100%;
}

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-title {
  text-align: left;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500!important;
  font-size: 24px;
  line-height: 100%;
  color: var(--black-color)!important;
  margin-bottom: 15px;
  display: block;
}

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block {
  margin: 0;
  padding: 50px 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block * {
  text-align: left !important;
}

.respondent-text-block {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: var(--black-color);
  margin-bottom: 40px;
}

.pseudobutton {
  display: block;
  background: var(--main-color);
  border-radius: 16px;
  width: max-content;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: var(--white-color);
  padding: 27px 68px;
  transition: 0.3s;
  margin-top: auto;
  margin-bottom: 0;
}

.pseudobutton:hover {
  background: var(--purple-hover);
}

.respondent-title-block {
  display: flex;
  flex-direction: column-reverse;
}

.isConverationsPage .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block .respondent-time {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 130%;
  color: var(--main-color);
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}

.respondent-time svg {
  margin-right: 10px;
}

@media (min-width: 768px) {
  .talks-widget-window .btn-primary {
    font-size: 0.9375vw;
    border-radius: 0.8333333333vw !important;
    padding: 1.09375vw 3.4895833333vw;
  }
  .talks-widget-window .talks-widget-header .caption {
    padding: 0.5729166667vw 3.125vw;
    max-width: 18.2291666667vw;
  }
  .talks-widget-window .talks-widget-header .btn-back, .talks-widget-window .talks-widget-header .btn-close {
    top: 1.1458333333vw;
  }
  .conversation-widget .comment-time span {
    font-size: 0.7291666667vw;
  }
  .conversations-list > div {
    margin: 0.5208333333vw;
    border-radius: 1.25vw;
    max-width: 86.9270833333vw;
  }
  .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-time {
    margin-right: 1.5625vw;
  }
  .conversation-widget .comment-form-wrapper {
    margin-bottom: 0.5208333333vw;
    padding: 1.0416666667vw 0.5208333333vw 1.0416666667vw 0.5208333333vw;
  }
  .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-fresh-comment-count {
    top: 0.78125vw;
    left: 2.6041666667vw;
    font-size: 0.625vw;
  }
  .isConverationsPage .caption {
    line-height: 1.875vw !important;
  }
  .isConverationsPage .caption::after {
    font-size: 1.875vw !important;
  }
  .isConverationsPage.isOpenedChat .talks-widget-window .talks-widget-header {
    padding-top: 3.125vw;
  }
  .isConverationsPage .talks-widget-window .talks-widget-header .caption {
    max-width: 18.2291666667vw;
    font-size: 1.875vw;
  }
  .isConverationsPage .talks-widget-window .talks-widget-header {
    padding-top: 5.2083333333vw;
  }
  .isConverationsPage .talks-widget-window {
    left: 5.2083333333vw;
    width: calc(100% - 5.2083333333vw);
    margin-left: 3.6458333333vw;
    max-width: 86.9270833333vw;
  }
  .isConverationsPage.isOpenedChat .talks-widget-window {
    max-width: 41.6666666667vw;
  }
  .isConverationsPage .conversation-title {
    font-size: 1.0416666667vw;
    margin-bottom: 0.5208333333vw;
  }
  .isConverationsPage .conversation-text {
    font-size: 0.8333333333vw;
  }
  .isConverationsPage .conversations-list > div {
    padding-top: 2.0833333333vw !important;
    padding-bottom: 1.4583333333vw;
  }
  .isConverationsPage .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-title-block .conversation-time {
    font-size: 1.0416666667vw;
    transform: translateY(-get-vw(10px));
  }
  .isConverationsPage .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-data-block .conversation-fresh-comment-count {
    top: 1.8229166667vw;
  }
  .isConverationsPage .dialog-author {
    padding-bottom: 1.3020833333vw;
    border-bottom: 0.0520833333vw solid var(--black01-color);
  }
  .isConverationsPage .dialog-author img {
    margin-right: 0.5208333333vw;
    width: 1.3020833333vw;
    height: 1.3020833333vw;
  }
  .isConverationsPage .dialog-author p {
    font-size: 0.9375vw;
  }
  .isConverationsPage .conversation-widget .comment-wrapper .comment .text-content {
    padding: 1.09375vw 1.1979166667vw;
    border-radius: 0.8333333333vw;
    font-size: 0.9375vw;
  }
  .isConverationsPage .conversation-widget .comment-time span {
    font-size: 0.7291666667vw !important;
    margin-top: 0.2604166667vw;
  }
  .isConverationsPage.isOpenedChat .conversations-list, .isConverationsPage.isOpenedChat .comments-tree-wrapper {
    max-height: 34.1145833333vw;
  }
  .isConverationsPage.isOpenedChat .conversation-widget .comment-form-wrapper {
    padding: 1.3020833333vw 1.09375vw;
  }
  .isConverationsPage.isOpenedChat .talks-widget-window textarea {
    padding: 0.78125vw 1.5625vw;
    min-height: 4.53125vw;
    border-radius: 0.8333333333vw;
  }
  .isConverationsPage.isOpenedChat .talks-widget-window .btn-primary {
    font-size: 0.9375vw;
    border-radius: 1.25vw !important;
    padding: 0.8333333333vw 5.3125vw;
    margin-top: 1.1458333333vw;
  }
  .isConverationsPage.isOpenedChat .conversation-widget .comments-container:not(.comment-wrapper) {
    height: 87vh !important;
  }
  .isConverationsPage.isOpenedChat .comments-top-level {
    max-height: 57.7vh;
  }
  .isConverationsPage .talks-widget-window .talks-widget-header .btn-back {
    top: 3.75vw;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
    right: 1.0416666667vw;
  }
  .isConverationsPage.isOpenedChat .comments-tree .files img {
    max-width: 15.625vw;
    margin-bottom: 0.2604166667vw;
  }
  .isConverationsPage.isOpenedChat .answer-file-box {
    width: 15.625vw;
  }
  .isConverationsPage.isOpenedChat .comments-tree .level-1 .comment-wrapper {
    padding: 0 0.5208333333vw;
  }
  .isConverationsPage:not(.isOpenedChat) .talks-widget-body {
    max-height: 75.5vh;
  }
  .isConverationsPage:not(.isOpenedChat) .conversations-list {
    max-height: 65vh;
  }
  .isConverationsPage .respondent-list {
    gap: 1.5625vw;
  }
  .isConverationsPage .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate {
    border-radius: 1.25vw;
  }
  .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-title {
    font-size: 1.25vw;
    margin-bottom: 0.78125vw;
  }
  .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block {
    padding: 2.6041666667vw 1.5625vw;
  }
  .respondent-text-block {
    font-size: 1.0416666667vw;
    margin-bottom: 2.0833333333vw;
  }
  .pseudobutton {
    border-radius: 0.8333333333vw;
    font-size: 0.9375vw;
    line-height: 100%;
    padding: 1.40625vw 3.5416666667vw;
  }
  .isConverationsPage .talks-widget-window .talks-widget-body .respondent-list .respondent-annotate .respondent-data-block .respondent-title-block .respondent-time {
    font-size: 1.5625vw;
    margin-bottom: 2.0833333333vw;
  }
  .respondent-time svg {
    margin-right: 0.5208333333vw;
  }
}
@media (max-width: 768px) {
  .isConverationsPage .talks-widget-window {
    left: 0;
    width: 100%;
    margin-left: 0;
  }
  .talks-widget-button {
    z-index: 1500;
    display: none;
  }
  .isConverationsPage .gc-account-leftbar {
    z-index: 17000;
  }
  .isConverationsPage .gc-fade-wrapper .gc-fade {
    z-index: 16000;
  }
  .isConverationsPage .talks-widget-window .talks-widget-header .caption {
    margin-left: 10px;
  }
  .isConverationsPage .respondent-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
      max-width:calc(100vw - 20px);margin:auto;
  }
  .isConverationsPage.isOpenedChat .conversation-widget .comments-container:not(.comment-wrapper) {
    height: 50vh !important;
  }
  .isConverationsPage .talks-widget-window .talks-widget-header {
    padding-top: 50px;
  }
    .isConverationsPage:not(.isOpenedChat) .talks-widget-body {
    max-height: calc(100vh - 250px);
}
    .isConverationsPage .talks-widget-window {
    position: absolute;
}
    .talks-widget-window .talks-widget-body .conversations-list-block .conversation-annotate .conversation-img-block {
    width: 55px;
    margin-right: 25px;
    margin-left: 0;
}
}

/*# sourceMappingURL=conversation.css.map */
/* ------------- 
content finish - conversationsPage
------------- */

/* ------------- 
content start - webinarEntry
------------- */

@charset "UTF-8";
.isWebinarEntry .container {
  width: 100%;
  margin: 0 !important;
}

.isWebinarEntry .gc-main-content.with-left-menu {
  margin-left: 0 !important;
}
.isWebinarEntry .chat-widget {
    border: 0px #F0F0F0 solid;
}
.isWebinarEntry .standard-page-content > div > span {
  font-family: var(--main-font) !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 120%;
  color: var(--black-color) !important;
}

.isWebinarEntry .webinar-login {
  background: var(--gray-color);
  border-radius: 24px;
  padding: 30px 40px;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.isWebinarEntry h3 {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500 !important;
  font-size: 26px;
  line-height: 100%;
  color: var(--black-light);
}

.isWebinarEntry input {
  background: #FFFFFF !important;
  border: 1px solid var(--black01-color) !important;
  border-radius: 6px;
  font-family: var(--main-font);
  font-style: normal;
  color: var(--black-color);
}

.isWebinarEntry .btn.submit-form {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  text-align: center;
  color: var(--white-color);
  background: var(--main-color) !important;
  border-radius: 16px !important;
  padding: 21px 67px;
  transition: 0.3s;
    border:none;
}

.isWebinarEntry .btn.submit-form:hover {
  background: var(--purple-hover) !important;
}

.isWebinarTeaser .content {
  display: flex;
  flex-direction: column;
  max-width: 582px;
  position: relative;
  z-index: 4;
  transform: translateX(-25vw);
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

.isWebinarTeaser .main {
  position: relative;
}

.isWebinarTeaser .main::before {
  content: "";
  background: var(--white-color);
  width: 50vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100vh;
}

.isWebinarTeaser .main::after {
  content: "";
  background: url(https://fs.getcourse.ru/fileservice/file/download/a/23809/sc/445/h/eca98e481bd70f74e64ffc4fb1adde55.png) no-repeat center;
  background-position: 145px 60px;
  width: 50vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100vh;
    background-size: 90px auto;
}

.isWebinarTeaser .title {
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 500;
  font-size: 70px;
  line-height: 120%;
  margin-top: 0;
  color: var(--black-color);
  order: 2;
  text-align: left;
  margin-bottom: 88px;
}

.isWebinarTeaser .description {
  content: "Вебинар";
  display: block;
  text-align: left;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.03em;
  margin-bottom: 10px;
  color: var(--black-light);
  order: 1;
}

.isWebinarTeaser .countdown-text {
  order: 3;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: -0.03em;
  color: var(--black-light);
  text-align: left;
  text-transform: inherit;
  margin-bottom: 0;
}

.isWebinarTeaser .countdown-text::first-letter {
  text-transform: uppercase;
}

.isWebinarTeaser .countdown {
  order: 4;
  font-family: var(--main-font);
  font-style: normal;
  font-weight: 400!important;
  font-size: 48px!important;
  line-height: 120%!important;
  color: var(--black-color);
  text-align: left;
    margin-bottom:0!important;
}

.isWebinarEntry .gc-main-content.with-left-menu.gc-user-admin {
  margin-left: 100px !important;
}

@media (min-width: 768px) {
  .isWebinarTeaser .content {
    max-width: 30.3125vw;
  }
  .isWebinarTeaser .main::after {
    background-position: 7.5520833333vw 3.125vw;
  }
  .isWebinarTeaser .title {
    font-size: 3.6458333333vw;
    margin-bottom: 4.5833333333vw;
  }
  .isWebinarTeaser .description {
    font-size: 1.25vw;
  }
  .isWebinarTeaser .countdown-text {
    font-size: 1.25vw;
  }
  .isWebinarTeaser .countdown {
    font-size: 2.5vw!important;
  }
}
@media (max-width: 768px) {
  .isWebinarTeaser .content {
    max-width: 582px;
    transform: none;
    margin-top: 0;
    padding: 80px 15px 0 15px;
  }
  .main {
    background-size: 200vw auto;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: white;
  }
  .isWebinarTeaser .main::before {
    z-index: 2;
    height: 50vh;
    width: 100vw;
  }
  .isWebinarTeaser .main::after {
    background-position: 15px 10px;
    width: 100vw;
    height: 50vh;
    background-size: 100px auto;
  }
  .isWebinarTeaser .title {
    font-size: 30px;
    margin-bottom: 5px;
  }
    
  .isWebinarTeaser .countdown {
    font-size: 26px!important;
  }
}
.isWebinarTeaser .chat-widget {
  background-color: var(--white-color);
  border: 1px var(--main-color) solid;
}

.isWebinarEntry .webinar-btn-send .fa {
  display: none;
}

.isWebinarEntry .webinar-btn-send {
  background-color: var(--main-color);
    border:none!important;
}

.isWebinarEntry #comment_form .textarea-block {display:flex;flex-direction:column;position:relative;}
.isWebinarEntry #comment_form .textarea-block .webinar-btn-send {
  margin-top:20px;
  padding:0;
  display:flex;
  align-items:center;
  border-radius:24px;
  height:auto;justify-content:center;
}
.isWebinarEntry #comment_form .textarea-block .webinar-btn-send .text {
  padding:16px;
  display:flex;
  align-items:center;
  border-radius:24px;
  height:auto;
  font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-align: center;
color: var(--white-color);
justify-content:center;
}
.isWebinarEntry .comment-form-wrapper {
    overflow: hidden;
    margin-bottom: 0;
    background: var(--gray-color);
    padding: 20px;
    right:0;
    border-radius:16px;
}
.isWebinarEntry #comment_form .textarea-block .btn-danger.webinar-chat-toggle {
  margin-top:20px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:24px;
  height:auto;
  background:var(--red-color);
  padding:16px;
}
.isWebinarEntry #comment_form .textarea-block .btn-danger.webinar-chat-toggle .text {
  padding:0;
  display:flex;
  align-items:center;
  border-radius:24px;
  height:auto;
  font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 100%;
text-align: center;
color: var(--white-color);
  margin-left:10px;
}
.isWebinarEntry .moderation-link {
  text-align:center;
    font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
  color: var(--main-color);
}
.isWebinarEntry .webinar-count-users {
display:none!important;
}
.isWebinarEntry .online {
  position:absolute;
  bottom:0;
  left:calc(100px + 2rem);
  z-index:1000;
  background:var(--main-color);
 padding: .6rem 2rem;
  border-radius:24px;
  color:var(--white-color);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
}
.isWebinarEntry .online svg {
  width:10px;
  height:10px;
  margin-left:5px;
}
.isWebinarEntry .online svg path {
fill:var(--white-color);
  
}
.isWebinarEntry .webinar-status-popover{
   font-family: var(--main-font);
color: var(--white-color);
background-color: var(--main-color);
  border-radius:12px;
}
.isWebinarEntry .new-comment-input{
  background: var(--white-color);
border: 1px solid var(--white01-color);
border-radius: 16px;
padding: 11px 13px 35px 13px!important;
}
.webinar-started-block .f-header {
font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 100%;
color: var(--black-color);
    padding-left:100px;
}
.isWebinarEntry .comment .title>span {
font-family: var(--main-font);
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: var(--black-color);
}
.isWebinarEntry .comment .title>span[style="color: red;"] {
color: var(--purple-hover)!important;
}
.isWebinarEntry .comment .title span[style="font-size: 12px; font-weight: normal;"] {
  opacity:.5;font-weight: 400;margin-right:10px;
}
.isWebinarEntry .comment .text-content {
font-family: var(--main-font);
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 100%;
color: var(--black-color);
}
.isWebinarEntry .online svg.loader {
  background:transparent!important;
  transform:scale(2);
}
.isWebinarEntry .online svg.loader rect {
fill:var(--white-color)!important;
}
.chat-widget .comments-tree {
 background: var(--gray-color);
border-radius: 16px 16px 0px 0px;
  padding:30px 20px;
}

.isWebinarEntry .chat-widget .comments-tree .level-1 .comment-wrapper,.isWebinarEntry .comments-tree-wrapper .comments-tree .comment-wrapper {
    padding: 0!important;
}
.isWebinarEntry .chat-widget .comments-container::-webkit-scrollbar, .conversations-list::-webkit-scrollbar {
  width: 8px;
  border-radius: 16px;
}
.isWebinarEntry .chat-widget .comments-container::-webkit-scrollbar-button, .conversations-list::-webkit-scrollbar-button {
  background-color: transparent;
  height: 20px;
}
.isWebinarEntry .chat-widget .comments-container::-webkit-scrollbar-track, .conversations-list::-webkit-scrollbar-track {
  background: var(--gray-color);
}
.isWebinarEntry .chat-widget .comments-container::-webkit-scrollbar-track-piece, .conversations-list::-webkit-scrollbar-track-piece {
  background-color: var(--gray-color);
}

.isWebinarEntry .chat-widget .comments-container::-webkit-scrollbar-thumb, .conversations-list::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  border-radius: 16px;
}

.gc-main-content::-webkit-scrollbar-corner, .conversations-list::-webkit-scrollbar-corner {
  background-color: var(--main-color);
  border-radius: 16px;
}
#webinar-content-block.mobile .comments-main-container {
    border-top: 0px solid #eee!important;
}
.isWebinarEntry .chat-widget .comments-tree {
height:95%;
}
@media (max-width:991px) {
    .isWebinarEntry .online {
    bottom:auto;
        top:0;
        left:0;
    }
    .isWebinarEntry #webinar-content-block.mobile .gc-comment-form {
    height: auto;
    position: fixed;
    bottom: 0;
    width: calc(100vw - 30px);
        margin-left:auto;
        margin-right:auto;
  padding:20px 0;
  overflow:visible;
        left:0;
}
.isWebinarEntry #webinar-content-block.mobile .comment-form-no-auth {
    height: auto;
}
    .isWebinarEntry .o-lt-video-broadcast .container {
  padding-left:0;
        padding-right:0;
}
    .isWebinarEntry .comments-tree-wrapper {
        background: var(--gray-color);
        padding:20px!important;
border-radius: 16px 16px 0px 0px;
          width: calc(100vw - 30px);
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
}
    .isWebinarEntry .comment .title>span {
font-size: 10px;

}

.isWebinarEntry .comment .text-content {
font-size: 10px;
}
    .comment .main {
    background-color: transparent;
}

   .isWebinarEntry #webinar-content-block.mobile[data-mobile-view="1"] .comments-main-container {
    overflow-y: scroll;
}
    .isWebinarEntry .comment .title span[style="font-size: 12px; font-weight: normal;"] {
font-size:10px!important;

}
    .isWebinarEntry .gc-comment:nth-last-child(1) {
        margin-bottom:80px;
}
}
@media (min-width: 991px) {
  .chat-widget {
    right: 5.2083333333vw;
  }
  .video-block-main {
    padding-left: 5.2083333333vw;
    padding-right: 6.7708333333vw;
  }
  .isWebinarEntry #comment_form .textarea-block .webinar-btn-send {
    margin-top: 1.0416666667vw;
  }
  .isWebinarEntry #comment_form .textarea-block .webinar-btn-send .text {
    padding: 0.8333333333vw;
    font-size: 0.9375vw;
  }
  .isWebinarEntry .comment-form-wrapper {
    padding: 1.0416666667vw;
  }
  .isWebinarEntry #comment_form .textarea-block .btn-danger.webinar-chat-toggle {
    margin-top: 1.0416666667vw;
    padding: 0.8333333333vw;
  }
  .isWebinarEntry #comment_form .textarea-block .btn-danger.webinar-chat-toggle .text {
    font-size: 0.9375vw;
    margin-left: 0.5208333333vw;
  }
  .isWebinarEntry .moderation-link {
    font-size: 0.7291666667vw;
  }
  .isWebinarEntry .online {
    left: calc(5.2083333333vw + 2rem);
  }
  .isWebinarEntry .online svg {
    width: 0.5208333333vw;
    height: 0.5208333333vw;
    margin-left: 0.2604166667vw x;
  }
  .isWebinarEntry .new-comment-input {
    padding: 0.5729166667vw 0.6770833333vw 1.8229166667vw 0.6770833333vw !important;
  }
  .webinar-started-block .f-header {
    font-size: 1.875vw;
    padding-left: 5.2083333333vw;
  }
  .isWebinarEntry .comment .title > span {
    font-size: 0.7291666667vw;
  }
  .isWebinarEntry .comment .title span[style="font-size: 12px; font-weight: normal;"] {
    margin-right: 0.5208333333vw;
  }
  .isWebinarEntry .comment .text-content {
    font-size: 0.7291666667vw;
  }
  .chat-widget .comments-tree {
    padding: 1.5625vw 1.0416666667vw;
  }
}

/* ------------- 
content finish - webinarEntry
------------- */

/* ------------- 
content start - myAnswers
------------- */

.isMyAnswers .comments .btn-primary {
  background: var(--main-color);
border-radius: 12px;
  border:none;
padding:0;
}
.isMyAnswers .comments .btn-primary .text {
    text-transform:initial;
  font-family: var(--main-font);
font-style: normal;
  padding:10px 37px;
font-weight: 500;
font-size: 14px;
line-height:100%;
  display:block;
text-align: center;
color: var(--white-color);
}
.isMyAnswers .comments .btn-primary .fa{
display:none;
}
.isMyAnswers .comments textarea {
      background: rgba(227, 227, 227, 0.3);
    border-radius: 6px;
height:40px!important;
    font-family: var(--main-font);
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--header-black);
padding:10px;
}
.isMyAnswers .b-like-and-subscribe-notifications {display:none;}
.isMyAnswers .filter-block .filter-list > li.selected > a {
    background: var(--main-color);
    color: var(--white-color);
  border-radius:3px;
}

/* ------------- 
content finish - myAnswers
------------- */

/* ------------- 
content start - downloader
------------- */

.oneway-uploader-wrapper {
	position:fixed;
	right:2rem;
	top:2rem;
	z-index:100000;
  background: #FFFFFF;
border: 1px solid #DEE2E6;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 20px 20px rgba(0, 0, 0, 0.08);
border-radius: 8px;
  padding: .2em .8em;
  pointer-events: none;
	opacity:0;	
}
.oneway-uploader-wrapper.showed {
	pointer-events: all;
	opacity:1;	
}
.oneway-uploader-wrapper span {
  cursor:pointer;
}
/* ------------- 
content finish - downloader
------------- */