/* ------------- content start - Базовые стили ------------- */ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 20 version */ @import url('https://fonts.googleapis.com/css2?family=Geologica&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Geologica:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300&display=swap'); @font-face { font-family: 'NeutralFace'; src: url('/fileservice/file/download/h/ebb242f60715976802a77a59ddf1d000.otf/a/411686/sc/91') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'NeutralFace'; src: url('/fileservice/file/download/h/53cee0430fdf29a046210c6859411a92.otf/a/411686/sc/38') format('opentype'); font-weight: 700; font-style: normal; } *, :active, :after, :before, :focus, :hover { outline: 0 !important; } dialog, img { display: block; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-page-two-cols__col__btns, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-small-banner, dialog:not([open]) { display: none; } .gc-fade-wrapper .gc-fade, .with-left-menu .gc-into-main-content, dialog { left: 0; } .main-page-block .container, img { max-width: 100%; } *, :after, :before { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-decoration-break: clone; box-decoration-break: clone; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } :focus-visible { outline: 0 !important; } :focus-within { overflow: 0 !important; } .gc-main-conten, body, html { overflow-x: hidden; } :-moz-focusring { outline: 0 !important; } body, html { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); overflow-y: auto; } body { text-rendering: optimizeSpeed; } button, hr, input { overflow: visible; } abbr[title] { text-decoration: none; } legend { white-space: normal; } textarea { vertical-align: top; } table { border-color: inherit; text-indent: 0; } summary { display: list-item; } canvas { display: inline-block; } [type="color"] { background: inherit; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; } input::placeholder, textarea::placeholder { opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; } ::-moz-focus-inner { border: 0; } :-moz-ui-invalid { box-shadow: none; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header, .gw-calendar__event-block, .gw-calendar__wrapper, .gw-lessons-banner, .gw-main-banner, .gw-small-banner { -webkit-box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); } dialog { background-color: inherit; border: solid; color: inherit; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: auto; padding: 1em; position: absolute; right: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .answers-list .btn-group, .chat-widget, .lt-chat .gc-comment-form { color: #000; } .block-style-popover { color: #000 !important; } .back-link, .chatium-head-block h1, .chatium-school-head-block h1, .comments-tree, .comments-tree a, .f-desc, .f-header, .f-input, .f-name, .f-subheader, .f-text, .filter-block h4, .form-control, .logo-text, .lt-block .f-btn, .lt-form .field-label, .navbar, .select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input, .select2-search input, .standard-logo .logo-text, .standard-page-content .block-set, .standard-page-content h1, .testing-widget .question .question-data, .uploadifive-button, h1.standard-page-title, html .EmbedLayout, html .PresenterLayout__cover-description, html h1, html h2, html h3, html h4 { font-family: inherit; } html .common-banner-wrapper, html .common-banner-wrapper a, html .create-link-link, html .gc-account-leftbar, html .page-edit-link, html .talks-widget-window, span[style*="font-family: sans-serif"]:not([class]) { font-family: inherit !important; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group:hover, .addfield-type-goal-form, .answer-form, .center-block, .center-block .row, .image-editor-modal .modal-content, .is-countdown, .lesson-answer-comment, .lesson-answer-comment.fresh-comment, .lesson-mission-text-info, .linked-answer, .simple-answer, .standard-form, .teach-lesson-state-cancelled, .teach-lesson-state-finished, .teach-lesson-state-moved, .teach-lesson-state-must_be_started, .teach-lesson-state-not_started, .teach-lesson-state-scheduled, .teach-lesson-state-scheduled-light, .teach-lesson-state-soon, .teach-lesson-state-started, .user-answer .addfield, .user-answer.marked, .user-state-accomplished .user-state-bg, .user-state-answered .user-state-bg, .user-state-bg, .user-state-has_mission .user-state-bg, .user-state-need_accomplish .user-state-bg, .user-state-not_reached .user-state-bg, .xdget-lessonList ul.lesson-list, .xdget-lessonList ul.lesson-list li, .xdget-lessonList ul.lesson-list li div.info, .xdget-trainingList .stream-table tr td:hover { background: 0 0; } .is-countdown, .lesson-mission-wrapper, .lt-lesson-mission-block .lesson-mission-text, .new-comment-textarea, .self-answers .user-answer, .user-answer, .xdget-lessonList .lesson-list li .state-block, .xdget-lessonList ul.lesson-list li div.info { border: 0; } .lesson-header-block { background: 0 0 !important; border: 0 !important; } .gc-user-user .standard-page-content select, .page-actions, textarea { color: #333; } .global-confirm-checkbox-block, .standard-page-content .breadcrumb > li:before, .xdget-lessonList .lesson-list .description, .xdget-lessonList .lesson-list .state-label, .xdget-lessonList .lesson-list li .state-icon-block .fui, .xdget-lessonList ul.lesson-list li .link, .xdget-lessonList ul.lesson-list li a, .xdget-trainingList .stream-table tr a, .xdget-trainingList .stream-title { color: inherit; } span[style*="color: #000000"]:not([class]) { color: inherit !important; } html body div.gc-main-content.account-page-content { margin-top: 0 !important; } html, html body { background-color: #010101; font-family: Geologica, sans-serif !important; font-weight: 400; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile).active, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile):hover, .answers-list, .breadcrumb, .breadcrumbs, .breadcrumbs a, .gc-tags a, .gc-tags span, .gc-user-user .main-page-block, .gc-user-user .standard-page-content, .lesson-header-block, .page-header, .standard-page-content .lite-page, .xdget-image .image-desc, .xdget-root, form[id^="profile-"] { color: #fff; } .gc-main-content .main-page-block, .gc-main-content .standard-page-content { padding-bottom: 0; } .gc-main-content.gw-page-two-cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) img, #gcAccountUserMenu .gc-account-user-submenu-bar .user-balance, #gcAccountUserMenu .gc-page-nav-items-menu, .gc-main-content.gw-page-two-cols .empty-breadcrumbs, .gc-main-content.gw-page-two-cols .gc-account-logo, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child .hidden-xs, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child .hidden-xs, .gc-main-content.gw-page-two-cols .standard-logo, .xdget-lessonList .lesson-list .item-a .vmiddle .lesson-list__video-watched, .xdget-trainingList a[href*="/pl/teach/training/archived"]:after { display: none !important; } .gc-main-content.gw-page-two-cols .main-page-block > .container { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0; max-width: none; width: 100%; } .gc-main-content.gw-page-two-cols .breadcrumb, .gc-main-content.gw-page-two-cols .breadcrumbs { color: #9f9f9f; margin-bottom: 20px; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col .gw-calendar, .gc-main-content.gw-page-two-cols .gw-page-two-cols__col .gw-page-two-cols__col__btns, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-calendar, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-page-two-cols__col__btns, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-small-banner, .gc-main-content.with-left-menu.account-page-content, body .gc-main-content.with-left-menu { margin-bottom: 60px; } .gc-main-content.gw-page-two-cols .breadcrumb a, .gc-main-content.gw-page-two-cols .breadcrumbs a { color: #9f9f9f; display: inline; } .gc-main-content.gw-page-two-cols .breadcrumb a:active, .gc-main-content.gw-page-two-cols .breadcrumb a:hover, .gc-main-content.gw-page-two-cols .breadcrumbs a:active, .gc-main-content.gw-page-two-cols .breadcrumbs a:hover { color: #184f99; text-decoration: underline; } .gc-main-content.gw-page-two-cols .breadcrumb li { display: inline; } .gc-main-content.gw-page-two-cols .breadcrumb li:last-child a, .gc-main-content.gw-page-two-cols .breadcrumbs a:last-child { color: #0f72f9; } .gc-main-content.gw-page-two-cols .breadcrumb li:last-child a:active, .gc-main-content.gw-page-two-cols .breadcrumb li:last-child a:hover, .gc-main-content.gw-page-two-cols .breadcrumbs a:last-child:active, .gc-main-content.gw-page-two-cols .breadcrumbs a:last-child:hover { color: #184f99; } .gc-main-content.gw-page-two-cols > .container, .gc-main-content.gw-page-two-cols > .page-full-block { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100vw; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 600px; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col, .gc-main-content.gw-page-two-cols .main-page-block > .container, .gc-main-content.gw-page-two-cols > .container { padding: 30px 20px; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: auto; margin-right: auto; max-width: 600px; } #gcAccountUserMenu .gc-account-leftbar.expanded .gc-account-user-menu, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col--main .gw-page-two-cols__col__btns, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col--main .gw-small-banner, .xdget-trainingList .stream-table tr a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col { padding-bottom: 40px; padding-top: 40px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .menu-item-label, #gcAccountUserMenu .gc-account-leftbar .toggle-link img, .gc-main-content.gw-page-two-cols .gw-page-two-cols__col--have-mob .gw-calendar, .gc-main-content.gw-page-two-cols .gw-page-two-cols__col--main, .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .user-image, .gc-main-content.gw-page-two-cols--lesson.gc-user-user .page-header, .gc-main-content.gw-page-two-cols.gc-user-user .page-header .content-menu, .gc-main-content.gw-page-two-cols.gc-user-user .page-header .page-actions, .xdget-lessonList .lesson-list .item-a .state-icon-block .fa, .xdget-lessonList .lesson-list .item-a .state-icon-block .glyphicon { display: none; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col__btns a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #0f72f9; border-radius: 10px; -webkit-box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 16px; font-style: normal; font-weight: 500; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1; margin: 5px; padding: 13px 18px; text-align: center; text-decoration: none; -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; white-space: nowrap; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile).active .notify-count, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile):hover .notify-count, .gc-main-content.gw-page-two-cols .gw-page-two-cols__col__btns a:active, .gc-main-content.gw-page-two-cols .gw-page-two-cols__col__btns a:hover, .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .btn:active, .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .btn:hover { background: #fff; color: #040404; } .gc-main-content.gw-page-two-cols .center-block { margin-bottom: 0 !important; max-width: 100% !important; width: 100% !important; } html .talks-widget-window { z-index: 10004; } html .gc-account-leftbar .toggle-link, html .gc-fade-wrapper .gc-fade { z-index: 10002; } html .gc-account-leftbar, html .modal, html .talks-widget-button { z-index: 10003; } #gcAccountUserMenu { display: block !important; } #gcAccountUserMenu .notify-count { background: #fff; border-radius: 9px; color: #040404; font-size: 10px; font-weight: 700; line-height: 18px; min-width: 18px; padding: 0 3px; pointer-events: none; text-align: center; width: auto; } #gcAccountUserMenu .gc-account-leftbar { background: 0 0; font-size: 15px; height: auto; width: auto; } #gcAccountUserMenu .gc-account-leftbar.expanded { height: 100%; } #gcAccountUserMenu .gc-account-leftbar .toggle-link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #343434; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; padding: 0 0 0 30px; width: 100vw; } #gcAccountUserMenu .gc-account-leftbar .toggle-link:before { background: url(https://fs01.getcourse.ru/fileservice/file/download/a/411686/sc/276/h/0bfc3760223739d4c0753cbaf4eabd5d.svg) 50%/19px auto no-repeat, 50%/100% 100% no-repeat #fff; border-radius: 20px; content: ""; height: 37px; margin-right: 10px; width: 37px; } #gcAccountUserMenu .gc-account-leftbar .toggle-link:after { color: #fff; content: "Меню"; font-size: 16px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #040404; border: 2px solid #3F3F3F; border-left: 0px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 60px); padding: 40px 0; width: 80px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu:before { content: ""; display: block; height: 0; margin-bottom: auto; margin-top: auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item { border: 0; padding: 0; position: relative; width: 100%; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item a { background: 0 0 !important; color: inherit; font: inherit; height: auto; width: 100%; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item .menu-item-label { color: inherit; font: inherit; font-weight: 300; margin: 0; padding: 0; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item .notify-count { bottom: auto; left: 34px; position: absolute; right: auto; top: -6px; -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:last-child { margin-bottom: auto; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) { color: #fff; display: block; font-weight: 500; margin-top: 20px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .sub-icon { bottom: auto; display: block !important; height: auto; left: 50%; max-width: 24px; pointer-events: none; position: absolute; right: auto; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; z-index: 1; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .sub-icon svg, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation table, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation tbody, .xdget-lessonList .lesson-list .item-a table, .xdget-lessonList .lesson-list .item-a tbody, .xdget-lessonList .lesson-list .item-a td, .xdget-lessonList .lesson-list .item-a tr, .xdget-trainingList table, .xdget-trainingList tbody, .xdget-trainingList td, .xdget-trainingList tr { display: block; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .sub-icon svg [stroke] { stroke: #2d2d2d; -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .sub-icon svg [fill] { fill: #2d2d2d; -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile).active a:before, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile):hover a:before { background: #040404; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile).active svg [stroke], #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile):hover svg [stroke] { stroke: #fff; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile).active svg [fill], #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile):hover svg [fill], .xdget-trainingList .stream-table tr a:active > svg path, .xdget-trainingList .stream-table tr a:hover > svg path { fill: #fff; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) a:before { background: #fff; border: 1px solid #fff; border-radius: 8px; content: ""; display: block; height: 44px; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; width: 44px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; text-align: center; z-index: 0; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile img { border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; height: 46px; margin-bottom: 17px; -o-object-fit: cover; object-fit: cover; padding: 2px; pointer-events: none; width: 46px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile img[src="/public/img/default_profile_50.png"] { padding: 25px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile .menu-item-label { display: none; font-size: 21px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile .menu-item-email { color: #FFFFFF; display: none; font-size: 13px; line-height: 1; margin-top: 7px; min-height: 1em; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } #gcAccountUserMenu .gc-account-user-submenu-bar { font-family: 'NeutralFace'; background: #343434; border-radius: 10px; color: #fff; border: 2px solid #3F3F3F; border-left: 0px; height: 451px; left: 80px; max-height: calc(100vh - 60px); max-height: calc(var(--vh, 1vh) * 100 - 60px); padding: 25px 15px 25px 20px; top: 40px; width: 196px; } #gcAccountUserMenu .gc-account-user-submenu-bar h3 { color: #fff; font-size: 20px; font-weight: 400; line-height: 1.05; margin: 0 0 20px; padding: 0; text-transform: uppercase; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li { width: 100%; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: 0 0; color: inherit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: inherit; padding: 7px 0; text-transform: none; -webkit-transition: color 0.4s; -o-transition: color 0.4s; transition: color 0.4s; width: 100%; text-transform: uppercase; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover { color: #fff; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li a .notify-count { margin-left: 6px; position: static; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li + li { margin-top: 4px; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li.menu-item-chatium_qr a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small { width: 250px; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .header { margin: 0 0 10px; padding: 0; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link-wrapper { float: none; font-size: 20px; font-weight: 500; line-height: 1.05; margin-bottom: 0.6em; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .all-notifications-header-link-wrapper .all-notifications-header-link { color: inherit !important; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .mark-viewed-all { color: rgba(255, 255, 255, 0.5); float: none; font-size: 12px; font-weight: 500; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: 0 0; border-color: rgba(255, 255, 255, 0.2); color: inherit; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; float: none; height: 45px; margin-bottom: 5px; margin-right: 0; position: relative; width: 45px; z-index: 0; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image img { background: #efeeee; border-radius: 5px; height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; pointer-events: none; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: -1; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group .user-image img[src="/public/img/default_profile_50.png"] { padding: 5px; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group .content { font-size: 14px; margin-top: 0; width: 100%; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group .mark-viewed { right: 0 !important; top: 0 !important; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small .notification-group .date { bottom: 4px; color: rgba(255, 255, 255, 0.5); font-size: 12px; margin-left: auto; margin-top: 5px; position: static; right: 0; } .gc-main-content.with-left-menu, .gc-main-content.with-left-menu > .top-notification-wrapper .top-notification, html body div.gc-main-content.with-left-menu.account-page-content { margin-left: 0; } html body div.gc-main-content.with-left-menu.account-page-content { margin-left: 0 !important; } .block-style-popover, .popover.webinar-blocks-popover, .resp-screen.resp-full-window, .talks-widget-window { left: 0 !important; } #webinar-content-block.mobile .gc-comment-form, .talks-widget-window { width: 100% !important; } #webinar-content-block.mobile .gc-comment-form { right: 0 !important; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header { background: #fff; border-radius: 20px; margin: 0 0 40px; overflow: hidden; padding: 25px 30px; position: relative; z-index: 0; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header h1 { font-size: 22px; font-weight: 400; margin: 0; max-width: 100%; min-width: calc(100% - 210px); width: 400px; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header h1 a { color: inherit; pointer-events: none; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header__gw-num { color: #0f72f9; font-size: 14px; line-height: 1.3; margin-bottom: 16px; } .gw-main-banner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; overflow: hidden; } .gw-main-banner__content { -webkit-box-flex: 100; -webkit-flex: 100 1 300px; -ms-flex: 100 1 300px; flex: 100 1 300px; padding: 20px 20px 25px; } .gw-main-banner__title { font-size: 24px; font-weight: 700; line-height: 1.1; margin-bottom: 5px; } .gw-main-banner__supp { color: rgba(45, 45, 45, 0.7); font-size: 12px; line-height: 1.3; margin-bottom: 20px; } .gw-main-banner__text { font-size: 15px; line-height: 1.3; } .gw-main-banner__img { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; background: 50% / cover no-repeat #efeeee; -webkit-box-flex: 1; -webkit-flex: 1 0 230px; -ms-flex: 1 0 230px; flex: 1 0 230px; } .gw-main-banner__img:before { content: ""; display: block; padding-top: 90%; width: 0; } .gw-small-banner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 144px; overflow: hidden; padding: 28px; } .gw-small-banner__img { -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; background: 50% / cover no-repeat #efeeee; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: -28px 30px -28px -28px; max-width: 50%; width: 144px; } .gw-small-banner__content { text-align: center; } .gw-small-banner__img + .gw-small-banner__content { margin-right: auto; text-align: left; } .gw-small-banner__title { font-size: 24px; font-weight: 600; } .gw-small-banner__img + .gw-small-banner__content .gw-small-banner__title { font-size: 20px; } a.gw-small-banner { color: inherit; line-height: 1.1; -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } a.gw-small-banner:active, a.gw-small-banner:hover { background: #0f72f9; color: #fff; text-decoration: none; } a.gw-small-banner .gw-small-banner__content:after { content: "Открыть"; display: block; font-size: 14px; line-height: 1.3; margin-top: 15px; text-decoration: underline; } .gw-small-banner + .gw-small-banner { margin-top: 20px; } .gw-lessons-banner { background: 50% / cover no-repeat #efeeee; border-radius: 20px; margin-bottom: 30px; min-height: 100px; } .gw-lessons-banner:before { content: ""; display: block; padding-top: 20%; width: 0; } .xdget-trainingList .stream-table { margin: 0; } .xdget-trainingList tbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .xdget-trainingList tr { -webkit-box-flex: 1; -webkit-flex: 1 0 250px; -ms-flex: 1 0 250px; flex: 1 0 250px; margin: 5px; min-width: calc(33.3333% - 10px); } @media (min-width: 576px) { .xdget-trainingList tr { -webkit-box-flex: 1; -webkit-flex: 1 0 210px; -ms-flex: 1 0 210px; flex: 1 0 210px; margin: 10px; min-width: calc(33.3333% - 20px); } } .xdget-trainingList .stream-table tr td { cursor: default; height: auto; padding: 0; } .xdget-trainingList a { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #00000026; border: 1px solid #FFFFFF66; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-radius: 10px; cursor: pointer; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; line-height: 1.2; min-height: 124px; overflow: hidden; padding: 20px; position: relative; -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s; transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s; -o-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s; transition: background-color 0.3s, box-shadow 0.3s, color 0.3s; transition: background-color 0.3s, box-shadow 0.3s, color 0.3s, -webkit-box-shadow 0.3s; z-index: 0; } @media (min-width: 576px) { .xdget-trainingList a { border-radius: 20px; } } .gw-calendar__event-block__list li:first-child, .xdget-trainingList .xdget-trainingList__gw-title:first-child { margin-top: 10px; } .xdget-trainingList a .stream-title { font-size: 16px; line-height: 1.2; font-weight: 400; font-family: 'NeutralFace'; } .xdget-trainingList a .stream-title + div { width: 100%; padding-top: 5px; text-transform: uppercase; font-weight: 400; font-size: 12px; } .xdget-trainingList a b { font-size: 12px; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-transform: uppercase; width: 100%; margin-top: auto; padding-top: 10px; } .xdget-trainingList a b:before { content: ''; width: 18px; height: 18px; background: url(https://fs02.getcourse.ru/fileservice/file/download/a/411686/sc/265/h/a472c41212d1e141beae3aff62d2d8e2.svg) no-repeat center center; background-size: contain; margin-right: 5px; } .xdget-trainingList .stream-table tr a:active, .xdget-trainingList .stream-table tr a:hover { color: #fff; } .xdget-trainingList .xdget-trainingList__gw-icon { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #0f72f9; border-radius: 8px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; width: 40px; display: none !important; } .xdget-trainingList .xdget-trainingList__gw-icon svg { height: 30px; width: 26px; } .xdget-trainingList .xdget-trainingList__gw-icon svg path[stroke] { stroke: currentColor; -webkit-transition: stroke 0.3s; -o-transition: stroke 0.3s; transition: stroke 0.3s; } .xdget-trainingList .xdget-trainingList__gw-icon svg path[fill] { fill: currentColor; -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; } .xdget-trainingList .xdget-trainingList__gw-title { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 26px; font-weight: 500; margin: 50px 10px 10px; } .gw-calendar__event-block, .gw-calendar__wrapper { background: #fff; border-radius: 20px; } .gw-calendar__wrapper { padding: 15px 20px; } .gw-calendar__event-block { margin-top: 20px; padding: 20px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation tr, .gw-calendar__event-block__title, .gw-calendar__month-header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .gw-calendar__event-block__title__name { font-size: 16px; font-weight: 500; } .gw-calendar__event-block__title__time { font-size: 12px; margin-left: auto; } .gw-calendar__event-block__list { list-style: none; margin: 0; padding-left: 0; } .gw-calendar__event-block__item { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .gw-calendar__event-block__item__title { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 20px; } .gw-calendar__event-block__item__desc { color: rgba(45, 45, 45, 0.7); -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; font-size: 12px; } .gw-calendar__event-block__item__time { font-size: 12px; margin-left: auto; margin-top: 12px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; text-align: right; } .gw-calendar__month-header__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: 0 0; border: 0; border-radius: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .gw-calendar__month-header__button svg path { fill: #0f72f9; -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s; } .gw-calendar__month-header__button:active svg path, .gw-calendar__month-header__button:hover svg path { fill: #184f99; } .gw-calendar__month-header__button--left { padding-left: 0; } .gw-calendar__month-header__button--right { padding-right: 0; } .gw-calendar__month-header__button--not-active { opacity: 0.7; pointer-events: none; } .gw-calendar__month-header__button--not-active svg path { fill: #2196f3; } .gw-calendar__month-header__label, .gw-calendar__month-header__year { font-size: 16px; font-weight: 600; line-height: 1.1; } .gw-calendar__month-header__year { margin-left: auto; } .gw-calendar__table { margin-top: 10px; width: 100%; } .gw-calendar__table td { font-size: 12px; line-height: 1; padding: 2px; text-align: center; width: 14.2857142857%; } .gw-calendar__table td > div { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; margin-right: auto; max-width: 34px; width: 100%; } .gw-calendar__table td > div:before { content: ""; display: block; padding-top: 100%; width: 0; } .gw-calendar__table thead td { border-bottom: 1px solid #d9d9d9; color: #5a5a5a; padding-bottom: 12px; } .gw-calendar__table tbody tr:first-child td { padding-top: 8px; } .gw-calendar__date--event { cursor: pointer; } .gw-calendar__date--event__circle { -webkit-box-shadow: inset 0 0 0 1px #0f72f9; box-shadow: inset 0 0 0 1px #0f72f9; -webkit-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .gw-calendar__date--event-active .gw-calendar__date--event__circle { background: #0f72f9; color: #fff; } .gw-calendar__date--not-target { opacity: 0.25; } a.gw-calendar__event-block__item { color: inherit; } a.gw-calendar__event-block__item:active, a.gw-calendar__event-block__item:hover { color: inherit; text-decoration: none; } a.gw-calendar__event-block__item:active:after, a.gw-calendar__event-block__item:hover:after { text-decoration: none; } a.gw-calendar__event-block__item:after { content: "Открыть"; font-size: 14px; line-height: 1.3; text-decoration: underline; } .xdget-lessonList .lesson-list, .xdget-lessonList .lesson-list .item-a .vmiddle { margin: 0; padding: 0; } .xdget-lessonList .lesson-list li { margin: 0; min-height: auto; overflow: visible; padding: 0; } .xdget-lessonList ul.lesson-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .xdget-lessonList ul.lesson-list > * { margin: 10px; -webkit-box-flex: 1; -webkit-flex: 1 1 320px; -ms-flex: 1 1 320px; flex: 1 1 320px; min-width: calc(50% - 20px); } .xdget-lessonList .lesson-list .item-a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #04040433; border-radius: 10px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 143px; padding: 20px 30px; border: 1px solid #FFFFFF66; text-transform: uppercase; font-family: 'NeutralFace'; } @media (min-width: 768px) { .xdget-lessonList .lesson-list .item-a { border-radius: 10px; } } .xdget-lessonList .lesson-list .item-a .state-icon-block { display: none; } .xdget-lessonList .lesson-list .item-a .info { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; padding: 0; min-height: 100%; height: auto; width: 100%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .xdget-lessonList .lesson-list .item-a .info table, .xdget-lessonList .lesson-list .item-a .info tbody, .xdget-lessonList .lesson-list .item-a .info tr, .xdget-lessonList .lesson-list .item-a .info td, .xdget-lessonList .lesson-list .item-a .info .vmiddle { height: 100%; width: 100%; margin: 0; padding: 0; } .xdget-lessonList .lesson-list .item-a .info .vmiddle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .xdget-lessonList .lesson-list .item-a .info .vmiddle .title { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; font-size: 16px; margin-top: auto; } .xdget-lessonList .lesson-list .item-a .info .vmiddle .description { font-size: 12px; } .xdget-lessonList .lesson-list .item-a table { min-height: auto; min-width: auto; } .xdget-lessonList .lesson-list .item-a .item-main-td { height: auto; min-height: auto; padding: 0; } .xdget-lessonList .lesson-list .item-a .vmiddle .title { font-size: 18px; margin-right: 0; } .gc-main-content.gw-page-two-cols .lite-block-live-wrapper { margin-left: -15px; margin-right: -15px; } .gc-main-content.gw-page-two-cols .lesson-header-block { background: #fff !important; border-radius: 20px; -webkit-box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); margin: 0 0 30px; padding: 25px 20px !important; } .gc-main-content.gw-page-two-cols .lesson-header-block .header-view { margin-bottom: 15px; } .gc-main-content.gw-page-two-cols .lesson-header-block .header-view .text-center { padding-top: 0 !important; } .gc-main-content.gw-page-two-cols .lesson-header-block .header-view .lesson-title-value { font-size: 24px; font-weight: 500; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation { margin-left: 0; margin-right: 0; overflow: visible !important; padding: 0 !important; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td { padding: 0 !important; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 35px; -ms-flex: 0 0 35px; flex: 0 0 35px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #0f72f9; border-radius: 10px; -webkit-box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.2); box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.2); color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 0; height: 35px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; width: 100%; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:active, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:hover, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:active, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:hover { background: #fff; color: #2d2d2d; text-decoration: none; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:before, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:after { font-family: Glyphicons Halflings; font-size: 12px; line-height: 1; -webkit-transform: scaleX(0.8); -ms-transform: scaleX(0.8); transform: scaleX(0.8); } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:before { content: ""; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:after { content: ""; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:nth-child(2) { color: rgba(45, 45, 45, 0.7); display: block !important; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 13px; font-weight: 400; line-height: 1.13; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:nth-child(2) .user-state-label { font-size: 16px !important; margin-top: 3px; } .gc-main-content.gw-page-two-cols .lt-lesson-text .f-text { font-size: 18px; line-height: 1.4; } .gc-main-content.gw-page-two-cols .lt-lesson-video iframe, .gc-main-content.gw-page-two-cols .lt-video-hosting iframe { border-radius: 20px; -webkit-box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); overflow: hidden; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block { margin-top: 60px; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .row-section { margin-bottom: 0; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .lt-block-wrapper { padding-bottom: 0 !important; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .simple-answer { background: #fff; border-radius: 20px; -webkit-box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); padding: 20px; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .answer-comment { overflow: visible; width: 100%; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container .emoji-wysiwyg-editor, .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea { background: #fff; border: 0; border-radius: 10px; -webkit-box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); box-shadow: 4px 4px 30px 0 rgba(24, 79, 153, 0.1); color: #2d2d2d; font-size: 12px; max-height: 300px !important; min-height: 70px !important; padding: 12px 36px 12px 16px; resize: vertical !important; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea.placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea::-webkit-input-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea::-moz-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea:-ms-input-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea::-ms-input-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea::placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea:-moz-placeholder, .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea::-moz-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea:-ms-input-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea::-ms-input-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .emoji-container textarea::-webkit-input-placeholder { color: rgba(45, 45, 45, 0.7); opacity: 1; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .btn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #0f72f9; border: 0; border-radius: 10px; -webkit-box-shadow: 4px 4px 20px 0 rgba(24, 79, 153, 0.15); box-shadow: 4px 4px 20px 0 rgba(24, 79, 153, 0.15); color: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 16px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 1.2; margin-top: 15px; padding: 15px 20px; text-align: center; -webkit-transition: color 0.3s, background-color 0.3s; -o-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; width: 100%; } /* ------------- content finish - Базовые стили ------------- */ /* ------------- content start - Базовые - 2 ------------- */ @media (min-width: 576px) { .gc-main-content.gw-page-two-cols .gw-page-two-cols__col__btns a { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header:after { background: url(https://fs.getcourse.ru/fileservice/file/download/a/276618/sc/186/h/5c36aa2ab624a76a45446cd91b63be85.svg) 50% / contain no-repeat; content: ""; height: 195px; position: absolute; right: 0; top: 15px; width: 205px; z-index: -1; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header h1 { font-size: 28px; } .gc-main-content.gw-page-two-cols.gc-user-user .page-header__gw-num { margin-bottom: 24px; } .gw-main-banner__content { padding: 30px 20px; } .gw-main-banner__img { min-height: 180px; } .gw-main-banner__img:before { display: none; } .xdget-trainingList a { min-height: 145px; padding: 20px 25px; } .xdget-trainingList a:after { font-size: 14px; } .xdget-trainingList a .stream-title { font-size: 16px; } .xdget-trainingList .xdget-trainingList__gw-icon { height: 28px; width: 28px; } .xdget-trainingList .xdget-trainingList__gw-icon svg { height: 23px; width: 18px; } .xdget-trainingList .xdget-trainingList__gw-title { font-size: 30px; } .gw-calendar__wrapper { padding: 20px 25px; } .gw-calendar__event-block { padding: 20px 30px; } .gc-main-content.gw-page-two-cols .lesson-header-block { margin-bottom: 40px; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .simple-answer { padding: 30px 40px; } .gc-main-content.gw-page-two-cols .lt-lesson-comment-block .new-comment .btn { font-size: 14px; padding: 15px 34px; width: 100%; } } @media (min-width: 768px) { .gc-main-content.gw-page-two-cols .gw-page-two-cols__col, .gc-main-content.gw-page-two-cols .main-page-block > .container, .gc-main-content.gw-page-two-cols > .container { padding: 30px; } html .talks-widget-window { z-index: 10001; } html .talks-widget-button { z-index: 1500; } #gcAccountUserMenu .gc-account-leftbar { height: 100%; width: auto; } #gcAccountUserMenu .gc-account-leftbar .toggle-link { display: none; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; } #gcAccountUserMenu .gc-account-user-submenu-bar { border-radius: 0 30px 30px 0; bottom: 0%; height: auto; max-height: none; padding: 30px 20px 30px 39px; top: 0%; width: 250px; } #gcAccountUserMenu .gc-account-user-submenu-bar h3 { font-size: 24px; margin-bottom: 30px; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li a { font-size: 16px; } #gcAccountUserMenu .gc-account-user-submenu-bar .gc-account-user-submenu li + li { margin-top: 10px; } .gc-main-content.with-left-menu, .gc-main-content.with-left-menu > .top-notification-wrapper .top-notification, html body div.gc-main-content.with-left-menu.account-page-content { margin-left: 80px; } html body div.gc-main-content.with-left-menu.account-page-content { margin-left: 80px !important; } .gc-main-content.with-left-menu.account-page-content, body .gc-main-content.with-left-menu { margin-bottom: 0; } .with-left-menu .gc-into-main-content { left: 80px; } body .gc-fade-wrapper .gc-fade { left: 80px; opacity: 0; } .block-style-popover, .popover.webinar-blocks-popover, .resp-screen.resp-full-window, .talks-widget-window { left: 80px !important; } #webinar-content-block.mobile .gc-comment-form, .talks-widget-window { width: calc(100% - 80px) !important; } .xdget-lessonList .lesson-list .item-a .state-icon-block { border-radius: 10px; padding: 11px 30px; } .xdget-lessonList .lesson-list .item-a .state-icon-block:before { display: block; } .xdget-lessonList .lesson-list .item-a .state-icon-block:after { font-size: 9px; } .gc-main-content.gw-page-two-cols .lesson-header-block { padding: 40px 30px !important; } .gc-main-content.gw-page-two-cols .lesson-header-block .header-view { margin-bottom: 25px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child { -webkit-box-flex: 0; -webkit-flex: 0 0 145px; -ms-flex: 0 0 145px; flex: 0 0 145px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a { font-size: 12px; height: 45px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:before, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:after { font-size: 10px; margin-bottom: 1px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:before { margin-right: 2px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:after { margin-left: 2px; } } @media (min-width: 992px) { html, html body { background-color: #010101; } .gc-main-content.gw-page-two-cols { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 25px 0; } .gc-main-content.gw-page-two-cols.with-left-menu { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .gc-main-content.gw-page-two-cols > .container, .gc-main-content.gw-page-two-cols > .page-full-block { background: rgba(33, 150, 243, 0.09); border-radius: 20px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 30px; max-width: 760px; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col { background: rgba(33, 150, 243, 0.09); border-radius: 20px; -webkit-box-flex: 1; -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; max-width: 420px; min-width: 340px; width: 420px; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col, .gc-main-content.gw-page-two-cols .main-page-block > .container, .gc-main-content.gw-page-two-cols > .container { padding: 25px 30px; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col { display: none; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col .gw-calendar, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-calendar { margin-bottom: 30px; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col .gw-page-two-cols__col__btns, .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-page-two-cols__col__btns { margin-bottom: 0; margin-top: 30px; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__dop-col .gw-small-banner { margin-bottom: 0; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col--have-mob .gw-calendar { display: block; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col--main { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col__btns { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .gw-main-banner { margin-bottom: 50px; } .gw-lessons-banner { margin-bottom: 40px; } .gw-calendar__event-block { margin-top: 30px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .xdget-lessonList .lesson-list .item-a .state-icon-block { border-radius: 7px; padding: 12px; } .xdget-lessonList .lesson-list .item-a .state-icon-block:before { display: none; } .xdget-lessonList .lesson-list .item-a .state-icon-block:after { font-size: 12px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child { -webkit-box-flex: 0; -webkit-flex: 0 0 35px; -ms-flex: 0 0 35px; flex: 0 0 35px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a { font-size: 0; height: 35px; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:before, .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:after { font-size: 12px; margin-bottom: 0; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:first-child a:before { margin-right: 0; } .gc-main-content.gw-page-two-cols .lesson-header-block .lesson-navigation td:last-child a:after { margin-left: 0; } } @media (min-width: 1200px) { #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu { width: 235px; border-radius: 0 30px 30px 0; position: relative; z-index: 10000; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu:after { background: url(https://fs19.getcourse.ru/fileservice/file/download/a/411686/sc/32/h/06a09a697eba442a491381de3111313f.svg) bottom/contain no-repeat; content: ""; display: block; height: 57px; margin-top: auto; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 70%; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .sub-icon { left: 58px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile .menu-item-email, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile .menu-item-label, #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) .menu-item-label { display: block; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) a { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; min-height: 36px; padding-left: 90px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item:not(.menu-item-profile) a:before { height: 36px; left: 40px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 36px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile { margin-bottom: auto; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile img { -webkit-box-shadow: 0 0 0 4px #fff; box-shadow: 0 0 0 4px #fff; height: 74px; width: 74px; } #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile img[src="/public/img/default_profile_50.png"] { padding: 41px; } #gcAccountUserMenu .gc-account-user-submenu-bar { bottom: 0px; left: 205px; padding: 50px 20px 30px 60px; top: 0px; width: 280px; } #gcAccountUserMenu .gc-account-user-submenu-bar.gc-account-user-submenu-bar-notifications_button_small { width: 320px; } .gc-main-content.with-left-menu, .gc-main-content.with-left-menu > .top-notification-wrapper .top-notification { margin-left: 235px; } html body div.gc-main-content.with-left-menu.account-page-content { margin-left: 235px !important; } body .gc-main-content.with-left-menu { margin-bottom: 0; } .with-left-menu .gc-into-main-content { left: 235px; } body .gc-fade-wrapper .gc-fade { left: 235px; opacity: 0; } .block-style-popover, .popover.webinar-blocks-popover, .resp-screen.resp-full-window, .talks-widget-window { left: 235px !important; } #webinar-content-block.mobile .gc-comment-form, .talks-widget-window { width: calc(100% - 235px) !important; } } @media (min-width: 1200px) and (min-height: 1000px) { #gcAccountUserMenu .gc-account-leftbar .gc-account-user-menu { padding: 83px 30px; } } @media (min-width: 1400px) { .gc-main-content.gw-page-two-cols > .container, .gc-main-content.gw-page-two-cols > .page-full-block { max-width: none; } .gc-main-content.gw-page-two-cols .gw-page-two-cols__col { -webkit-box-flex: 1; -webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; max-width: 480px; min-width: 420px; } } @media (prefers-reduced-motion: reduce) { *, :after, :before { -webkit-animation-duration: 0s !important; animation-duration: 0s !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; } } .margin-top-notice { margin-top: 0 !important; } .gc-main-content { min-height: 100%; } .gw-page-trainings .gc-account-logo, .gw-page-trainings .page-header__gw-num, .gw-page-trainings .user-state-label, .gw-page-sub-trainings .gc-account-logo, .gw-page-sub-trainings .user-state-label { display: none; } .gw-page-trainings .page-actions, .gw-page-sub-trainings .page-actions { z-index: 10000; position: fixed; top: 10px; right: 10px; } .gw-page-trainings .main-page-block .container, .gw-page-sub-trainings .main-page-block .container { max-width: 750px; } .gw-page-header--main, .gw-page-header--sub { display: none; } .gw-page-trainings .page-header, .chatium_body .gw-page-header--main, .editable .gw-page-header--main { margin-top: 20px; margin-bottom: 20px; background: #04040433; border: 1px solid #FFFFFF66; border-radius: 10px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); min-height: 78px; padding: 20px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .gw-page-trainings .page-header h1, .chatium_body .gw-page-header--main h1, .editable .gw-page-header--main h1 { margin-bottom: 0; text-transform: uppercase; font-family: 'NeutralFace'; font-weight: 400; margin-bottom: 0; margin-right: 0; font-size: 16px; line-height: 1.2; } .gw-page-sub-trainings .page-header, .chatium_body .gw-page-header--sub, .editable .gw-page-header--sub { background-color: #020202; position: relative; margin-top: 20px; margin-bottom: 20px; border: 1px solid #FFFFFF66; border-radius: 10px; min-height: 78px; padding: 20px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .gw-page-sub-trainings .page-header:before, .chatium_body .gw-page-header--sub:before, .editable .gw-page-header--sub:before { content: ''; position: absolute; background: url(https://fs24.getcourse.ru/fileservice/file/download/a/411686/sc/148/h/a2b1304f351e7cfb3420bc68c948b999.png) no-repeat center center; background-size: contain; top: -44px; left: 0; width: 100px; height: 100px; display: none; } .gw-page-sub-trainings .page-header:after, .chatium_body .gw-page-header--sub:after, .editable .gw-page-header--sub:after { content: ''; position: absolute; background: url(https://fs20.getcourse.ru/fileservice/file/download/a/411686/sc/92/h/35f6d5a56009fb427b15a2c8a4905a47.png) no-repeat center center; background-size: contain; width: 100px; height: 170px; bottom: -80px; right: -10px; display: none; } .gw-page-sub-trainings .page-header h1, .chatium_body .gw-page-header--sub h1, .editable .gw-page-header--sub h1 { margin-bottom: 0; text-transform: uppercase; font-family: 'NeutralFace'; font-weight: 400; margin-bottom: 0; margin-right: 0; font-size: 16px; line-height: 1.2; } .gw-page-sub-trainings .page-header .page-header__gw-num, .chatium_body .gw-page-header--sub .gw-page-header--sub__num { margin-bottom: 15px; font-size: 12px; line-height: 1.2; text-transform: uppercase; font-family: 'NeutralFace'; font-weight: 400; } @media (min-width: 768px) { .gw-page-trainings .page-header, .chatium_body .gw-page-header--main, .editable .gw-page-header--main { margin-top: 18px; margin-bottom: 30px; min-height: 140px; border-radius: 20px; } .gw-page-trainings .page-header h1, .chatium_body .gw-page-header--main h1, .editable .gw-page-header--main h1 { font-size: 26px; } .gw-page-sub-trainings .page-header, .chatium_body .gw-page-header--sub, .editable .gw-page-header--sub { text-align: left; margin-top: 18px; margin-bottom: 30px; min-height: 140px; border-radius: 20px; padding-right: 45px; } .gw-page-sub-trainings .page-header h1, .chatium_body .gw-page-header--sub h1, .editable .gw-page-header--sub h1 { font-size: 26px; } .gw-page-sub-trainings .page-header .page-header__gw-num, .chatium_body .gw-page-header--sub .gw-page-header--sub__num { font-size: 10px; } .gw-page-sub-trainings .page-header:before, .chatium_body .gw-page-header--sub:before, .editable .gw-page-header--sub:before { top: -44px; right: 111px; left: auto; width: 131px; height: 115px; display: block; } .gw-page-sub-trainings .page-header:after, .chatium_body .gw-page-header--sub:after, .editable .gw-page-header--sub:after { width: 149px; height: 170px; bottom: -80px; right: -10px; display: block; } } .gw-page-trainings .page-header .content-menu, .gw-page-sub-trainings .page-header .content-menu { border: 0px; } .chatium_body .xdget-root { padding-top: 15px; } .gw-page-trainings.gw-page-trainings--index .gc-main-content .gw-page-trainings.gw-page-trainings--index .chatium_body .xdget-root { background-image: url(https://fs23.getcourse.ru/fileservice/file/download/a/411686/sc/238/h/645fd1e80c11bc5afa2bfb963428818c.png); background-position: left bottom; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 90px; } .gw-page-trainings.gw-page-trainings--main .gc-main-content, .gw-page-trainings.gw-page-trainings--main .chatium_body .xdget-root { background-image: url(https://fs01.getcourse.ru/fileservice/file/download/a/411686/sc/212/h/dd355faa27937b5feda984a983f53192.png); background-position: left bottom; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 90px; } .gw-page-sub-trainings .gc-main-content, .gw-page-sub-trainings .chatium_body .xdget-root { background-image: url(https://fs02.getcourse.ru/fileservice/file/download/a/411686/sc/64/h/0ef82075842c9385d9f156530c89add1.png); background-position: left bottom; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 90px; } @media (min-width: 992px) { .gw-page-trainings.gw-page-trainings--index .gc-main-content, .gw-page-trainings.gw-page-trainings--main .gc-main-content, .gw-page-sub-trainings .gc-main-content { background: none; padding-bottom: 0; } .gw-page-trainings.gw-page-trainings--index body { background-image: url(https://fs17.getcourse.ru/fileservice/file/download/a/411686/sc/144/h/5883e81ae5f29daa0491500e834f4c1c.png); background-position: left top; background-repeat: no-repeat; background-size: 133% auto; } .gw-page-trainings.gw-page-trainings--main body { background-image: url(https://fs22.getcourse.ru/fileservice/file/download/a/411686/sc/441/h/f70ff72bf2d8922cdfe8caaec6db9611.png); background-position: 25% 80%; background-repeat: no-repeat; background-size: 140% auto; } .gw-page-sub-trainings body { background-image: url(https://fs16.getcourse.ru/fileservice/file/download/a/411686/sc/235/h/a3f3045f82e5cd0e0b126049d7e4dc8d.png); background-position: left bottom; background-repeat: no-repeat; background-size: 138% auto; } } @media (min-width: 1440px) { .gw-page-trainings.gw-page-trainings--index body { background-size: 1920px auto; } .gw-page-trainings.gw-page-trainings--main body { background-size: 2016px auto; } .gw-page-sub-trainings body { background-size: 1995px auto; } } /* убираем базовую версию компоновки страницы */ .xdget-root .xdget-training .xdget-common-container .col-gc-8.col-md-8 { width: 100% !important; } .xdget-root .xdget-training .xdget-common-container .col-gc-4.col-md-4 { display: 100% !important; } /* ------------- content finish - Базовые - 2 ------------- */ /* ------------- content start - Уроки ------------- */ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 20 version */ .gw-page-lesson .gc-main-content { background-image: url(https://fs01.getcourse.ru/fileservice/file/download/a/411686/sc/243/h/3a2f583ba8ac18a8f6f00f1987f317ca.png); background-position: 0% center; background-repeat: no-repeat; background-size: 133% auto; } .gw-page-lesson .lite-page, .gw-page-lesson .lesson-title { color: #fff !important; } @media (min-width: 992px) { .gw-page-lesson .gc-main-content { background-image: url(https://fs01.getcourse.ru/fileservice/file/download/a/411686/sc/243/h/3a2f583ba8ac18a8f6f00f1987f317ca.png); background-position: 0% center; background-repeat: no-repeat; background-size: 133% auto; } } @media (min-width: 1440px) { .gw-page-lesson .gc-main-content { background-size: 1540px auto; } } .gw-page-lesson .gc-account-logo, .gw-page-lesson .standard-logo { display: none; } .gw-page-lesson .gc-user-user .page-header { display: none !important; } .gw-page-lesson .page-header { position: fixed; top: 10px; right: 10px; padding: 0; margin: 0; } .gw-page-lesson .page-header h1 { display: none; } .lesson-header-block { padding-left: 0 !important; padding-right: 0 !important; } .gw-page-lesson .xdget-lessonTitle, .lesson-header-block .header-view { font-family: 'NeutralFace'; text-transform: uppercase; } .gw-page-lesson .xdget-lessonTitle .row, .lesson-header-block .header-view { margin: 0; } .gw-page-lesson .xdget-lessonTitle .col-md-12, .lesson-header-block .header-view .col-md-12 { padding: 0 !important; margin-top: 72px; font-size: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; } .gw-page-lesson .xdget-lessonTitle h2, .lesson-header-block .header-view .lesson-title-value { font-size: 30px; line-height: 1.2; font-weight: 400; } .lesson-header-block .header-view .lesson-description-value { display: none; } .gw-page-lesson .xdget-lessonNavigation, .lesson-header-block .lesson-navigation { margin-top: 40px; margin-left: 0; margin-right: 0; } .gw-page-lesson .xdget-lessonNavigation .row, .lesson-header-block .lesson-navigation { padding: 0 !important; border: 0px !important; overflow: visible !important; } .gw-page-lesson .xdget-lessonNavigation table tbody tr td:nth-child(2), .lesson-header-block .lesson-navigation table tbody tr td:nth-child(2) { position: absolute; top: 40px; left: 0; font-family: 'NeutralFace'; color: #FFFFFF99; text-transform: uppercase; font-size: 16px; line-height: 1.2; width: 100%; text-align: left; font-weight: 400; display: block !important; } .gw-page-lesson .xdget-lessonNavigation table tbody tr td:nth-child(2) > *:not(span), .lesson-header-block .lesson-navigation table tbody tr td:nth-child(2) > *:not(span) { display: none; } .gw-page-lesson .xdget-lessonNavigation table, .gw-page-lesson .xdget-lessonNavigation table tbody, .gw-page-lesson .xdget-lessonNavigation table tbody td, .lesson-header-block .lesson-navigation table, .lesson-header-block .lesson-navigation table tbody, .lesson-header-block .lesson-navigation table tbody td { display: block; } .gw-page-lesson .xdget-lessonNavigation table tbody tr, .lesson-header-block .lesson-navigation table tbody tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .gw-page-lesson .xdget-lessonNavigation table tbody td, .lesson-header-block .lesson-navigation table tbody td { padding: 0 !important; width: 50%; } .gw-page-lesson .xdget-lessonNavigation table tbody td .hidden-xs, .lesson-header-block .lesson-navigation table tbody td .hidden-xs { display: none; } .gw-page-lesson .xdget-lessonNavigation table tbody td a, .lesson-header-block .lesson-navigation table tbody td a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 12px; min-width: 140px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; text-decoration: none !important; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; background: #040404; border: 1px solid #FFFFFF66; border-radius: 10px; font-size: 11px; } body > .lesson-title + * + * { border-bottom: 0px !important; } body > .lesson-title + * + * a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 12px; min-width: 140px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; text-decoration: none !important; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; background: #040404; border: 1px solid #FFFFFF66; border-radius: 10px; font-size: 11px; } @media (min-width: 576px) { .gw-page-lesson .xdget-lessonNavigation table tbody td a, .lesson-header-block .lesson-navigation table tbody td a { min-width: 200px; padding: 18px; font-size: 15px; } } .gw-page-lesson .xdget-lessonNavigation table tbody td a:hover, .lesson-header-block .lesson-navigation table tbody td a:hover { background: #202020; } .gw-page-lesson .xdget-lessonNavigation table tbody td a:after, .lesson-header-block .lesson-navigation table tbody td a:after { content: ''; display: block; width: 4px; height: 10px; background: url(https://fs20.getcourse.ru/fileservice/file/download/a/411686/sc/228/h/968f0c27632a32d6cdb05aa83d61bfa1.svg) no-repeat center center; background-size: contain; margin-left: 6px; } .gw-page-lesson .xdget-lessonNavigation table tbody td:nth-child(1) a:after, .lesson-header-block .lesson-navigation table tbody td:nth-child(1) a:after { margin-left: 0; margin-right: 6px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .gw-page-lesson .xdget-lessonNavigation table tbody td a span, .lesson-header-block .lesson-navigation table tbody td a span { display: none; } .gw-page-lesson .main-lesson-container .center-block, .lesson-header-block { position: relative; } .gw-page-lesson .xdget-lessonContent, .gw-page-lesson .lite-page { margin-top: 30px; } .gw-page-lesson .lite-page { background: #04040433; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid #FFFFFF66; padding: 10px; border-radius: 5px; margin-left: -10px; margin-right: -10px; } @media (min-width: 576px) { .gw-page-lesson .lite-page { padding: 20px; border-radius: 10px; margin-left: 0; margin-right: 0; } } @media (min-width: 576px) { .gw-page-lesson .xdget-lessonContent, .gw-page-lesson .lite-page { margin-top: 70px; } } .gw-page-lesson .xdget-lessonContent .row { margin-left: -20px; margin-right: -20px; } .gw-page-lesson .xdget-lessonContent .col-md-12 { padding-top: 0 !important; } .gw-page-lesson .xdget-lessonContent .row p, .gw-page-lesson .lt-lesson-text .f-text, .gw-page-lesson .lt-lesson-text .f-text > div { font-size: 14px; font-weight: 300; line-height: 1.3; } .gw-page-lesson .xdget-lessonContent .row span[style*="font-size: 24px"], .gw-page-lesson .lt-lesson-header .f-header { font-family: 'NeutralFace'; font-size: 18px !important; text-transform: uppercase; line-height: 1.2; font-weight: 400; } @media (min-width: 992px) { .gw-page-lesson .xdget-lessonContent .row p, .gw-page-lesson .lt-lesson-text .f-text, .gw-page-lesson .lt-lesson-text .f-text > div { font-size: 18px; } .gw-page-lesson .xdget-lessonContent .row span[style*="font-size: 24px"], .gw-page-lesson .lt-lesson-header .f-header { font-size: 25px !important; } } .gw-banner-video { aspect-ratio: 450 / 890; width: 100%; color: transparent; font-size: 0px !important; border: 1px solid #3F3F3F; border-radius: 15px; } @media (min-width: 992px) { .gw-banner-video { border-radius: 25px; } } .gw-page-lesson .xdget-lessonMission { } .gw-page-lesson .xdget-lessonMission .col-md-12 h3 { font-family: 'NeutralFace'; font-size: 18px; text-transform: uppercase; line-height: 1.2; margin-bottom: 10px; } @media (min-width: 992px) { .gw-page-lesson .xdget-lessonMission .col-md-12 h3 { font-size: 25px; margin-bottom: 20px; } } .gw-page-lesson .xdget-lessonMission .col-md-12 .lesson-mission-wrapper { margin-top: 0; } .gw-page-lesson .breadcrumb { margin-top: 20px; margin-bottom: 0; } @media (min-width: 992px) { .gw-page-lesson .breadcrumb { margin-top: 40px; } } .gw-page-lesson .breadcrumb li a { color: inherit; font-weight: 400; text-decoration: none !important; } .gw-page-lesson .breadcrumb li + li:before { content: ' / '; color: inherit; } .lt-lesson-mission-block { margin-top: 30px; } @media (min-width: 992px) { .lt-lesson-mission-block { margin-top: 40px; } } .lt-lesson-mission-block h3 { display: none !important; } .lt-lesson-mission-block .lesson-mission-wrapper { margin-top: 0; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form > div:nth-child(1) { margin-right: 15px; background: #fff; border-radius: 50%; width: 50px; height: 50px; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; display: none !important; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .answer-form-inner { margin-left: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .answer-form-inner > div > br { display: none; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .answer-textarea-container { width: 100%; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .emoji-container textarea, .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .emoji-container .emoji-wysiwyg-editor { resize: none; width: 100%; height: 100px; padding: 15px 15px 15px 15px; background: #fff; border: 1px solid #3F3F3F; border-radius: 10px; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .emoji-container + #queue, .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .emoji-container + #queue + div, .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .field-lessonanswer-lesson_id, .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .btn-save-draft { display: none; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .btn-send-answer { background: #FFFFFF; color: #040404; font-size: 14px; line-height: 1.2; padding: 14px; border-radius: 10px; display: block; min-width: 140px; border: 0px !important; } .lt-lesson-mission-block .lesson-mission-wrapper .answer-form .btn-send-answer:hover { background: #FFFFFF; color: #040404; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer { padding: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; overflow: visible; position: relative; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .user-image { width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50%; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; margin-right: 15px; position: absolute; top: 0; left: 0; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer > .user-image { display: none; } @media (min-width: 576px) { .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .user-image { position: static; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer > .user-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; overflow: visible; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .answer-status { height: 0px; width: 0px; display: block; float: right; } .lt-lesson-mission-block .lesson-mission-wrapper .anchor { display: none; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .answer-status .answer-status-label { position: absolute; padding: 7px 12px; border-radius: 5px; top: -30px; left: 0; font-size: 10px; line-height: 1; font-weight: 300; } @media (min-width: 576px) { .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .answer-status .answer-status-label { font-size: 14px; padding: 10px 14px; right: 0; left: auto; top: -18px; } } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .answer-status .answer-edit-link { display: none; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content > .title { padding-left: 50px; min-height: 45px; position: relative; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .title { font-size: 15px; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; line-height: 1.1; } @media (min-width: 576px) { .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .title { font-size: 18px; display: block; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content > .title { padding-left: 0px; min-height: auto; } } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .title .user-image { display: none; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content > .title .user-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 576px) { .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content > .title .user-image { display: none; } } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .title a { color: inherit; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .answer-main-content > div { border: 1px solid #FFFFFF80; padding: 15px; border-radius: 10px; margin-bottom: 2px; min-height: 70px; } .lt-lesson-mission-block .lesson-mission-wrapper > div > .user-answer .answer-content .answer-main-content .answer-text { padding-bottom: 0; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .gc-comment { margin-top: 15px; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .gc-comment .comment-wrapper { padding-right: 0; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .gc-comment .lesson-answer-comment { margin: 0; border: 1px solid #FFFFFF80; border-radius: 10px; padding: 15px 15px 15px 70px; position: relative; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .gc-comment .lesson-answer-comment .text { padding-bottom: 0; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .gc-comment .lesson-answer-comment .user-image-wrapper { position: absolute; top: 15px; left: 15px; width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50%; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; margin-right: 15px; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .gc-comment-form { padding: 0; margin-bottom: 0; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .gc-comment-form .new-comment form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .user-image-wrapper { width: 46px; height: 46px; background: #fff; border-radius: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .user-image-wrapper a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .user-image-wrapper a span span { display: none; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .btn-send { display: none; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .attach-file-button-container .uploadifive-button { width: 18px !important; line-height: 24px !important; height: 24px !important; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .textarea-block { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .emoji-container .emoji-wysiwyg-editor, .lt-lesson-mission-block .lesson-mission-wrapper .comments .new-comment form .emoji-container textarea { resize: none !important; width: 100%; height: 46px !important; padding: 10px; background: none; border: 1px solid #3F3F3F; border-radius: 10px; } /* для комментов */ .gw-page-lesson .lt-block-wrapper { margin-left: -15px; margin-right: -15px; } .gw-page-lesson .lt-separator .lt-block-wrapper { margin-left: 0; margin-right: 0; } .lt-lesson-comment-block .lt-block-wrapper { padding-bottom: 0 !important; } .lt-lesson-comment-block .lt-block-wrapper .row-section { margin-bottom: 0; } .lt-lesson-comment-block .lt-block-wrapper .lesson-answers-title { margin-bottom: 30px; } .lt-lesson-comment-block .lt-block-wrapper .lesson-answers-title h3 { margin-bottom: 0; font-family: 'NeutralFace'; font-size: 18px; text-transform: uppercase; line-height: 1.2; font-weight: 400; } @media (min-width: 992px) { .lt-lesson-comment-block .lt-block-wrapper .lesson-answers-title h3 { font-size: 30px; } } .lt-lesson-comment-block .lt-block-wrapper .lesson-answers-title .pull-right { display: none; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer { padding: 0 !important; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer > .new-comment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer > .new-comment .user-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50%; width: 50px; height: 50px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; background: #fff; margin-right: 15px; display: none; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer > .new-comment .answer-comment { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer > .new-comment .emoji-container textarea, .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer > .new-comment .emoji-container .emoji-wysiwyg-editor{ resize: none !important; width: 100%; height: 100px !important; padding: 15px 15px 15px 15px; background: #fff; border: 1px solid #3F3F3F; border-radius: 10px; } .lt-lesson-comment-block .lt-block-wrapper .container { margin-right: 0; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer > .new-comment .btn-send { background: #FFFFFF; color: #040404; font-size: 14px; line-height: 1.2; padding: 14px; border-radius: 10px; display: block; min-width: 140px; border: 0px !important; display: inline !important; margin-top: 15px; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 > .user-answer > .new-comment .btn-send:hover { background: #FFFFFF; color: #040404; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers { margin-top: 20px; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer { padding: 0 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; position: relative; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers .anchor { display: none; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .user-image { width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50%; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; margin-right: 15px; position: absolute; top: 0; left: 0; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer > .user-image { display: none; } @media (min-width: 576px) { .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .user-image { position: static; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer > .user-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content > .title { padding-left: 50px; min-height: 45px; position: relative; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content > .title .user-image { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } @media (min-width: 576px) { .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content > .title .user-image { display: none !important; } } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content .title { font-size: 15px; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; line-height: 1.1; } @media (min-width: 576px) { .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content .title { font-size: 18px; display: block; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content > .title { padding-left: 0px; min-height: auto; } } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content .title .user-image { display: none; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content .title a { color: inherit; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content .answer-main-content > div { border: 1px solid #FFFFFF80; padding: 15px; border-radius: 10px; margin-bottom: 2px; min-height: 70px; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers > .user-answer .answer-content .answer-main-content .answer-text { padding-bottom: 0; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers .gc-comment { margin-top: 15px; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers .gc-comment .comment-wrapper { padding-right: 0; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers .gc-comment .lesson-answer-comment { margin: 0; border: 1px solid #FFFFFF80; border-radius: 10px; padding: 15px 15px 15px 70px; position: relative; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers .gc-comment .lesson-answer-comment .text { padding-bottom: 0; } .lt-lesson-comment-block .lt-block-wrapper .row-section .col-md-12 .other-answers .gc-comment .lesson-answer-comment .user-image-wrapper { position: absolute; top: 15px; left: 15px; width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 50%; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: #fff; margin-right: 15px; } .level-1.more-comments { color: #9F9F9F; font-size: 18px; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form { padding: 0; margin-bottom: 0; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .user-image-wrapper { width: 46px; height: 46px; background: #fff; border-radius: 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .user-image-wrapper a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .user-image-wrapper a span span { display: none; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .btn-send { display: none; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .attach-file-button-container .uploadifive-button { width: 18px !important; line-height: 24px !important; height: 24px !important; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .textarea-block { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .emoji-container .emoji-wysiwyg-editor, .lt-lesson-comment-block .lt-block-wrapper .gc-comment-form .new-comment form .emoji-container textarea { resize: none !important; width: 100%; height: 46px !important; padding: 10px; background: none; border: 1px solid #3F3F3F; border-radius: 10px; } .gw-page-lesson .answer-form-inner input { color: #000; } /* ------------- content finish - Уроки ------------- */