body, #gcAccountUserMenu{ opacity:0; } @font-face { font-family: 'Bebas Neue'; src: url('https://onthewaytothesun.ru/static/Bebas%20Neue%20Regular.otf') format('opentype'), url('https://onthewaytothesun.ru/static/Bebas%20Neue%20Regular.woff') format('woff'); } @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); /* ------------- content start - leftBar ------------- */ .gc-account-leftbar { background: #D1AF86; width: 111px; background: #D1AF86; border: 3px solid #5A4309; box-shadow: 0px 0px 10px rgba(153, 133, 94, 0.3); border-left:0; border-radius: 0 24px 24px 0; } .gc-account-leftbar .gc-account-user-menu li a { background: none; width:100%; display:flex; justify-content:center; align-items:center; height:min-content; padding-top:18px; padding-bottom:17px; } .gc-account-leftbar .gc-account-user-menu li.active a, .gc-account-leftbar .gc-account-user-menu li.selected a { background: transparent; } .gc-account-leftbar .gc-account-user-menu li.active::before { position:absolute; z-index:1; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); border: 3px solid #5A4309; width:60px; height:60px; content:''; box-shadow: 0px 2px 5px rgba(50, 22, 12, 0.5), inset 0px 1px 2px rgba(255, 255, 255, 0.5); pointer-events:none; } .gc-account-leftbar .gc-account-user-menu li.active::after { position:absolute; z-index:2; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); width:54px; height:54px; content:''; background: #5A4309; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25);pointer-events:none; } .gc-account-leftbar .gc-account-user-menu li a:hover { background-color: transparent; } .gc-account-leftbar .gc-account-user-menu li a svg { z-index:3;pointer-events:none; } .gc-account-leftbar .gc-account-user-menu li.menu-item-profile { margin-top:44px; } .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small { margin-top:65px; } .gc-account-leftbar .gc-account-user-menu li:not(.menu-item-profile) a svg path { fill: #5A4309; } .gc-account-leftbar .gc-account-user-menu li.active:not(.menu-item-profile) a svg path { fill: white; } .gc-account-leftbar .menu-item>a>span.notify-count { font-size:0; background: #5A4309!important; border-radius:50%; width:7px; height:7px; padding:0; bottom: 7px!important; right: 35px!important; } .gc-account-leftbar .gc-account-user-submenu-bar { left: 111px; } .gc-main-content.with-left-menu { margin-left: 111px; } .gc-account-leftbar .gc-account-user-menu { display:flex; flex-direction:column; height:100%; } .gc-account-leftbar .gc-account-user-menu::after { content: ''; background: url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/219/h/8f5316d5b76d3a98b9de0896a3d62e8e.png) no-repeat center / contain; width:56px; min-width:56px; height:56px; min-height:56px; margin:auto; margin-bottom:50px; } .gc-account-leftbar .gc-account-user-submenu-bar { background: #D1AF86; border: 3px solid #5A4309; box-shadow: 0px 0px 10px rgba(153, 133, 94, 0.3); border-radius: 0px 20px 20px 0px; } .gc-account-user-submenu-bar h3 { font-family: 'Bebas Neue'; font-style: normal; font-weight: 700; font-size: 45px; line-height: 45px; text-shadow: rgb(75, 55, 4) 1px 0px 0px, rgb(75, 55, 4) 0.540302px 0.841471px 0px, rgb(75, 55, 4) -0.416147px 0.909297px 0px, rgb(75, 55, 4) -0.989992px 0.14112px 0px, rgb(75, 55, 4) -0.653644px -0.756802px 0px, rgb(75, 55, 4) 0.283662px -0.958924px 0px, rgb(75, 55, 4) 0.96017px -0.279415px 0px; color: #916E3A; } .gc-account-user-submenu-bar .gc-account-user-submenu li a { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; display: flex; align-items: center; color: #413007; } .gc-account-user-submenu-bar .gc-account-user-submenu li a:hover { background: transparent!important; } @media (max-width:768px) { .gc-account-leftbar:not(.expanded) { border:none;border-radius:0; } .toggler-item { display:none!important; } .gc-account-leftbar>a { background:#D1AF86!important; } .gc-account-leftbar .gc-account-user-menu { background: #D1AF86; border-radius: 0 24px 24px 0; } .gc-account-leftbar .menu-item>a>span.notify-count { bottom: 3px!important; right: 20px!important; } .gc-account-leftbar .gc-account-user-menu li.menu-item-notifications_button_small { margin-top: 15px; } .gc-account-leftbar .gc-account-user-menu li.menu-item-profile { margin-top: 10px; } .gc-account-leftbar .gc-account-user-menu li a { padding-top: 15px; padding-bottom: 15px; } .gc-account-leftbar.expanded { width: 70px!important; } .menu-item-profile svg { transform-origin:center; transform:scale(0.9); } .gc-account-leftbar .gc-account-user-submenu-bar { left: 70px;z-index:110; } .gc-main-content.with-left-menu { margin-left: auto; } } /* ------------- content finish - leftBar ------------- */ /* ------------- content start - lessonListCSS ------------- */ .holder {opacity:0;} @font-face { font-family: 'Bebas Neue Bold'; src: url('https://onthewaytothesun.ru/static/ofont.ru_Bebas%20Neue.otf') format('opentype'), url('https://onthewaytothesun.ru/static/ofont.ru_Bebas%20Neue.woff') format('woff'); } body.customed { position:relative; /*background:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/307/h/0edc2b464b6eefcf38e2c865637987ac.jpg);*/ background:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/236/h/ce1031f80fbaf5f7249dc81a9b01469a.png); background-size:cover; background-repeat:no-repeat; } .talks-widget-button { background: linear-gradient(180deg, #5A4309 0%, #A07C33 32.46%, #B39B63 50.31%, #A07C33 69.14%, #5A4309 100%), #5A4309; } .customed .breadcrumbs { top:11px; width:100%; padding-left:37px; position:absolute; left:150px; z-index:4; } .breadcrumbs, .breadcrumbs a { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-decoration-line: underline; color: white; } .breadcrumbs a:nth-last-child(1) { font-weight:700; } .ink-settings { position:fixed; z-index:101; right:10px; top:10px; width:60px; height:60px; background: #5A4309; box-shadow: inset 0px 1px 2px rgb(0 0 0 / 25%); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; } .ink-settings svg { width:30px; height:30px; } .ink-settings svg path { stroke: white; fill:white; } .customed .page-header { position:fixed; top:10px; width:100%; max-width:1200px; z-index:100; background:white; padding:10px 20px; opacity:0; pointer-events:none; } .customed .page-header.showed { opacity:1; pointer-events:all; } .customed .gc-account-logo,.make-custom:not(.editable){display:none;} .sign { background: url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/326/h/5255bb6bf1e9ce1f4e7a3c33da1805da.png); background-repeat:no-repeat; background-size: 100%; background-position:bottom center; width:25.277vw; right:4.8611vw; position:absolute; top:0; padding-top:6.31944vw; } .sign h2 { height:12.43vw; display:flex; align-items:center; justify-content:center; text-align:center; font-family: 'Bebas Neue Bold'; font-style: normal; font-weight: 700; font-size: 3.194vw; max-width:80%; margin:auto; line-height: 100%; text-align: center; background: linear-gradient(152.99deg, #5A4309 8.32%, #A07C33 21.03%, #B39B63 47.67%, #A07C33 72.42%, #5A4309 85.33%), linear-gradient(0deg, #5A4309, #5A4309), #FFFFFF; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-text-stroke: 1px #5A4309; text-stroke: 1px #5A4309; } .customed .holder { position:absolute; top:0; left:12.36vw; display: flex; flex-direction: column; align-items: center; width:24.44vw; height:16.875vw;background: url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/285/h/aacadfb73dff067d835d8660602615bb.png); background-size:cover;background-position: bottom center; } .play-pause-btn svg { transform: translateX(2px); } .customed .current-time,.customed .total-time { display:none; } .audio.green-audio-player { width: 70%; height: 100%; padding-top: 6.944vw; display: flex; justify-content: space-between; align-items: center; user-select: none; -webkit-user-select: none; } .audio.green-audio-player .play-pause-btn { display: none; cursor: pointer; width:4.166vw; height:4.166vw; align-items:center;border: 3px solid #5A4309; box-shadow: 0px 2px 5px rgba(50, 22, 12, 0.5), inset 0px 1px 2px rgba(255, 255, 255, 0.5); border-radius:50%; justify-content:center; } .audio.green-audio-player .spinner { width: 18px; height: 18px; background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png); background-size: cover; background-repeat: no-repeat; animation: spin 0.4s linear infinite; } .audio.green-audio-player .slider { flex-grow: 1; background-color: transparent; cursor: pointer; position: relative; height: 12px;box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.5); filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); border-radius: 10px;border: 3px solid #5A4309; } .audio.green-audio-player .slider .progress { background: #5A4309; border-radius: inherit; position: absolute; pointer-events: none; } .audio.green-audio-player .slider .progress .pin { height: 16px; width: 16px; border-radius: 8px; background: #5A4309; position: absolute; pointer-events: all; } .audio.green-audio-player .controls { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 18px; color: #55606E; display: flex; flex-grow: 1; justify-content: space-between; align-items: center; } .audio.green-audio-player .controls .slider { margin-left: 1vw; margin-right: 1vw; border-radius: 10px; } .audio.green-audio-player .controls .slider .progress { width: 0; height: 100%; } .audio.green-audio-player .controls .slider .progress .pin { right: -8px; top: -6px; } .audio.green-audio-player .controls span { cursor: default; } .audio.green-audio-player .volume { position: relative; } .audio.green-audio-player .volume .volume-btn { cursor: pointer; } .less-volume-btn { cursor:pointer; } .audio.green-audio-player .volume .volume-controls { width: 30px; height: 135px; background-color: rgba(0, 0, 0, 0.62); border-radius: 7px; position: absolute; left: -3px; bottom: 52px; flex-direction: column; align-items: center; display: flex; } .audio.green-audio-player .volume .volume-controls.hidden { display: none; } .audio.green-audio-player .volume .volume-controls .slider { margin-top: 12px; margin-bottom: 12px; width: 6px; border-radius: 3px; } .audio.green-audio-player .volume .volume-controls .slider .progress { bottom: 0; height: 100%; width: 6px; } .audio.green-audio-player .volume .volume-controls .slider .progress .pin { left: -5px; top: -8px; } .play-pause-icon { filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); } .customed svg, .customed img { display: block; } .customed .controls svg, .volume svg { filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); } .volume-controls { display:none!important; } .less-volume-btn { margin-right: 1.11vw; } @keyframes spin { from { transform: rotateZ(0); } to { transform: rotateZ(1turn); } } body.customed { overflow-x:hidden; max-width:100vw; } .train-wrapper,.train { display:flex; align-items:flex-start; justify-content:center; } .train-wrapper { position:absolute; bottom:7.361vw; left:9.0277vw; height:33.88888vw; } .train { padding-top:6.5vw; height:100%; width:63.9583vw; } .first-train { background: url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/131/h/6a1bc13721b13970ab912cb6ee289f50.png); background-size:cover; } .first-train img { width:19.097222vw; height:15.4166vw; } .second-train { margin-left:-5vw; justify-content:flex-start; padding-left:4vw; background:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/333/h/9fa179b5ee6eb1b0d7a130d3d935aeb7.png);background-size:cover; } .train img { object-fit:contain; object-position: left bottom; } .second-train img { width:21.5972vw; height:15.4166vw; } .train a { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='239' height='42' viewBox='0 0 239 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='237' height='40' rx='4' fill='url(%23paint0_linear_130_40)' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_130_40)'%3E%3Crect x='2.5' y='2.5' width='234' height='37' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_130_40' x='0' y='0' width='239' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_130_40'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_130_40' x1='119.5' y1='0' x2='119.5' y2='42' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-color:transparent; border:none; background-size:contain; background-position:center; font-family: 'Bebas Neue'; font-style: normal;padding-top: 2px; font-weight: 400; font-size: 1.3888vw; line-height: 1.2; text-align: center; width:16.666vw; color: #FFFFFF; height:2.91666vw; margin-top:.5vw; } .second-train a { background-image: url("data:image/svg+xml,%3Csvg width='135' height='48' viewBox='0 0 135 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='133' height='46' rx='4' fill='url(%23paint0_linear_135_41)' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_135_41)'%3E%3Crect x='2.5' y='2.5' width='130' height='43' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_135_41' x='0' y='0' width='135' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_135_41'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_135_41' x1='67.5' y1='0' x2='67.5' y2='48' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-color:transparent; border:none; background-size:contain; background-position:center; line-height:.9; } .customed .lesson-block { display:flex; flex-direction:column; align-items:center; margin: 0 -.2vw; transform:translateX(-.5vw); } .train a { display:flex; align-items:center; justify-content:center; } .customed div[data-number="4"] { display:grid; grid-template-columns:repeat(2,1fr); } .customed div[data-number="4"] img { grid-column:span 2; } .customed div[data-number="4"] a { width:9.375vw; margin-top:0.8vw; margin-left:auto; margin-right:auto; } @media (max-width:1010px) { body.customed {height:100%!important;min-height:1930px;background:none;background:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/332/h/93a54a6e030a2cfb7ecafad878e51c81.jpg);position:relative;background-size:cover;} body.customed::before { position:absolute; z-index:1; width:100vw; height:84px; background-position:center!important; left:0; bottom:41px; content:''; background: url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/39/h/26046910a123e1f393d7ae656fb320a9.png); background-size: auto 100%; } .customed .breadcrumbs { top:0; height:62px; display:flex; align-items:center; background-color: #C7BDB4; background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/125/h/3132466b2d17d3cf10ca608ae50a398a.jpg); background-size: 100% 6px; background-repeat: repeat-x; background-position:bottom; width:100%; padding-left:121px; position:absolute; left:0px; z-index:4; } .breadcrumbs, .breadcrumbs a { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-decoration-line: underline; color: rgba(65, 48, 7, 1); } .breadcrumbs a:nth-last-child(1) { font-weight:700; } .sign { width:355px; right: 50%; background-size: 100% auto; background-position:bottom center; transform:translateX(50%); top: 55px; padding-top: 70px; z-index:3; } .sign h2 { height: 165px; font-size: 46px; } .customed .holder { width:335px; left:50%; transform:translateX(-50%); top:280px; z-index:2; height:200px; justify-content: flex-end; background-size: 100% auto; background-position:bottom center; background-repeat:no-repeat; } .audio.green-audio-player { height:135px; padding-top:04px; } .train-wrapper { top:466px; bottom:auto; left:50%; transform:translateX(-50%); flex-direction:column;align-items:center; height:auto; } .train { background:none; display:flex;flex-direction:column;align-items:center; padding:0; width:335px; height:auto; } .audio.green-audio-player .play-pause-btn { width: 55px; height: 55px; } .customed .lesson-block { margin: 0; transform: none; } .train img { margin-top:40px; width: 335px; height: 220px; object-position:center center; object-fit:fill; } .train a { font-size: 20px; background-image: url("data:image/svg+xml,%3Csvg width='335' height='42' viewBox='0 0 335 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='333' height='40' rx='4' fill='url(%23paint0_linear_128_119)' stroke='%2361390B' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_128_119' x1='167.5' y1='0' x2='167.5' y2='42' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); width: 335px; height: 42px; margin-top: 10px; } div[data-number="5"] {display:none!important;} .customed div[data-number="4"] a { width: 165px; margin-top: 10px; margin-left: auto; margin-right: auto; background-image: url("data:image/svg+xml,%3Csvg width='165' height='50' viewBox='0 0 165 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='163' height='48' rx='4' fill='url(%23paint0_linear_128_162)' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_128_162)'%3E%3Crect x='2.5' y='2.5' width='160' height='45' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_128_162' x='0' y='0' width='165' height='50' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_128_162'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_128_162' x1='82.5' y1='0' x2='82.5' y2='50' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); } } @media (max-width:768px) { .customed .breadcrumbs { padding-left:20px; } } /* ------------- content finish - lessonListCSS ------------- */ /* ------------- content start - LessonsCSS ------------- */ body.isLessonPage { max-width:100vw; overflow-x:hidden; } iframe { border-radius:6px; overflow:hidden; } .isLessonPage .standard-logo { display:none; } .isLessonPage .breadcrumb { margin-top:20px; } .isLessonPage .breadcrumb, .isLessonPage .breadcrumb a,.standard-page-content .breadcrumb > li + li:before { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; text-decoration-line: underline; color: #FFFFFF; } .isLessonPage { background-image:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/109/h/a5160362f358411376a5f6fb777d8efc.jpg); } .isLessonPage .gc-main-content.with-left-menu .container { margin-left: auto; } .isLessonPage .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 0px solid #eee; } .isLessonPage .lesson-header-block.row-section { background:transparent!important; border:none!important; } .isLessonPage h2 { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-size: 46px; line-height: 55px; display: flex; align-items: center; text-align: center; text-transform: lowercase; justify-content:center; color: #FFFFFF; } .isLessonPage .text-center span { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; color: #FFFFFF; } .isLessonPage .lesson-header-block.row-section div { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFFFF; } .isLessonPage .lesson-header-block.row-section td a { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFFFF; } td[style="padding-right:17px;"] { padding-right:0!important; } td[style="padding-right:17px;"] a { position:relative;padding-right:63px!important; } td[style="padding-right:17px;"] div { margin-right:63px!important; } td[style="padding-right:17px;"] a::after { position:absolute; content:''; background-image: url("data:image/svg+xml,%3Csvg width='52' height='48' viewBox='0 0 52 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-1' y='1' width='46' height='46' rx='4' transform='matrix(-1 0 0 1 48 0)' fill='url(%23paint0_linear_213_311)' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_213_311)'%3E%3Crect x='-0.5' y='0.5' width='45.5778' height='43' rx='2.5' transform='matrix(-1 0 0 1 48.2888 2)' stroke='%23F4D38E'/%3E%3C/g%3E%3Cpath d='M30.6599 24.0254L27.2589 19L25.5584 19L28.3756 23.3147L20 23.3147L20 24.7107L28.3756 24.7107L25.5584 29L27.2589 29L30.6599 24.0254Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_213_311' x='0.71106' y='0' width='50.5778' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_213_311'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_213_311' x1='24' y1='0' x2='24' y2='48' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); width:48px; background-size:100% 100%!important; height:48px; top:0; right:-1px; cursor:pointer; } td[style="padding-left: 19px;"] { padding-right:0!important; } td[style="padding-left: 19px;"] a { position:relative;padding-left:63px!important; } td[style="padding-left: 19px;"] div { margin-left:63px!important; } td[style="padding-left: 19px;"] a::after { position:absolute; content:''; background-image: url("data:image/svg+xml,%3Csvg width='52' height='48' viewBox='0 0 52 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='1' width='46' height='46' rx='4' fill='url(%23paint0_linear_213_308)' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_213_308)'%3E%3Crect x='3.21106' y='2.5' width='45.5778' height='43' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cpath d='M21.3401 24.0254L24.7411 19L26.4416 19L23.6244 23.3147L32 23.3147L32 24.7107L23.6244 24.7107L26.4416 29L24.7411 29L21.3401 24.0254Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_213_308' x='0.71106' y='0' width='50.5778' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_213_308'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_213_308' x1='26' y1='0' x2='26' y2='48' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-size:100% 100%!important; width:48px; height:48px; top:0; left:-1px; cursor:pointer; } .isLessonPage .block-set p,.isLessonPage .block-set .f-text { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: #FFFFFF; } .redactor-editor p, .block-set-editor p { color:black!important; } .vhi-root { position:relative; border-radius: 6px;overflow:hidden; } .vhi-root::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border: 15px solid #5A4309; filter: drop-shadow(0px 4px 15px rgba(38, 22, 5, 0.7)); border-radius: 5px;pointer-events:none; } .lt-lesson-mission-block { position:relative; padding-top:50px; } .lt-lesson-mission-block::before { content:''; top:0; width:100vw; left:-35px; position:absolute; height:10px; background:#5A4309; box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.7); filter: drop-shadow(0px 4px 15px rgba(38, 22, 5, 0.7)); } .isLessonPage h3 { font-family: 'Bebas Neue'; font-style: normal; font-weight: 700; font-size: 46px; line-height: 46px; color: #FFFFFF; } .isLessonPage .answer-form { padding: 20px; background: transparent; } .isLessonPage .lesson-mission-wrapper { margin-top: 20px; border: 0px solid #ddd; } .isLessonPage .addfield { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: #FFFFFF; } .isLessonPage .addfield input { background: #FFFFFF; border-radius: 5px; color:black; } .isLessonPage .emoji-container textarea { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 19px; color:black;background: #FFFFFF; border-radius: 5px; } .isLessonPage .fa-smile-o { display:none; } .fa-microphone { display:none; } div[style="height: 20px; line-height: 20px; overflow: hidden; position: relative; text-align: center; width: 15px; background: transparent; color: rgb(153, 153, 153); padding: 0px; font-size: 1em;"] { display:none; } .audio-comment { background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill-rule='evenodd' clip-rule='evenodd' d='M7.09074 0.00743633C6.37892 0.0900525 5.90788 0.222303 5.31794 0.505127C4.00289 1.1356 3.02724 2.32869 2.66412 3.75041C2.5237 4.30017 2.51415 4.42418 2.49874 5.89784C2.47805 7.87327 2.52162 8.37067 2.78107 9.12275C3.21779 10.3886 4.17695 11.4584 5.36763 12.0078C6.44676 12.5058 7.57163 12.6202 8.67929 12.3447C10.3631 11.9259 11.6713 10.727 12.2317 9.08921C12.48 8.36328 12.5238 7.85161 12.5032 5.9125C12.4877 4.45461 12.4744 4.28102 12.3382 3.75041C11.9722 2.32553 10.9991 1.1356 9.68402 0.505127C9.20129 0.273696 8.83386 0.15499 8.30733 0.0602955C8.0751 0.0185183 7.2893 -0.0156071 7.09074 0.00743633ZM8.24819 1.32205C8.98873 1.48811 9.58501 1.80465 10.1028 2.30656C10.3145 2.51172 10.6015 2.8754 10.7449 3.12026C10.9116 3.4049 11.0859 3.87243 11.1758 4.2763L11.1933 4.35514L10.2043 4.36425C9.25679 4.37296 9.21026 4.37601 9.09797 4.43646C9.0335 4.47117 8.95172 4.53072 8.91623 4.56877C8.69775 4.80313 8.71636 5.22525 8.95509 5.4492C9.13117 5.61437 9.16891 5.61933 10.2545 5.61933H11.2517V6.24827V6.87722L10.2041 6.88593L9.15657 6.89463L9.05252 6.96511C8.88013 7.08191 8.78039 7.24735 8.7665 7.43941C8.75094 7.65436 8.79489 7.7833 8.93047 7.92062C9.11836 8.11092 9.12103 8.1113 10.2118 8.1113H11.1958L11.1756 8.22124C11.082 8.7313 10.8288 9.29593 10.4932 9.74328C9.13732 11.5507 6.51495 11.7567 4.89692 10.183C4.52603 9.8222 4.2343 9.3947 4.04234 8.93072C3.96474 8.74318 3.80885 8.2142 3.80885 8.13848C3.80885 8.12473 4.26706 8.10969 4.82712 8.10506L5.84538 8.09664L5.96664 8.00928C6.17287 7.8607 6.22632 7.75492 6.22632 7.49549C6.22632 7.2954 6.21752 7.25966 6.14488 7.16438C6.10011 7.10563 6.01545 7.0209 5.95676 6.97611L5.85004 6.89463L4.80016 6.88593L3.75025 6.87722V6.24827V5.61933H4.74747C5.58274 5.61933 5.7624 5.61194 5.85364 5.5738C6.41239 5.34029 6.34473 4.52354 5.75531 4.38677C5.69204 4.37208 5.22853 4.35977 4.72529 4.35939L3.81032 4.35868L3.82837 4.2634C3.95496 3.59482 4.35013 2.85614 4.84822 2.3571C5.4231 1.78111 6.08546 1.43991 6.91493 1.29244C7.19904 1.24193 7.96695 1.25899 8.24819 1.32205ZM0.429827 7.52375C0.280296 7.57175 0.141372 7.70397 0.0649219 7.87102C-0.00569726 8.02537 -0.00827588 8.04973 0.00871961 8.40494C0.091851 10.1443 0.806189 11.7685 2.01993 12.978C2.59552 13.5516 3.12487 13.9272 3.88281 14.2997C4.58555 14.645 5.46073 14.8947 6.23675 14.971C6.62955 15.0097 8.37241 15.0097 8.76521 14.971C9.54123 14.8947 10.4164 14.645 11.1191 14.2997C11.8782 13.9266 12.409 13.55 12.9814 12.9782C14.2022 11.7587 14.9204 10.1198 14.9922 8.38982C15.0078 8.01394 15.0068 8.00646 14.9246 7.84762C14.8705 7.74313 14.7966 7.65559 14.7142 7.59842C14.6038 7.52188 14.5615 7.51032 14.3919 7.51062C13.9561 7.51135 13.745 7.78145 13.7431 8.3405C13.7422 8.63019 13.6661 9.14037 13.5646 9.53812C13.1167 11.2923 11.7882 12.7613 10.0716 13.4005C9.34505 13.6711 8.8217 13.7402 7.50098 13.7402C5.92377 13.7402 5.2782 13.6169 4.33211 13.135C3.27344 12.5958 2.37839 11.6972 1.85294 10.646C1.49949 9.93894 1.26111 9.01263 1.25883 8.33751C1.25745 7.93812 1.16066 7.71276 0.936263 7.58658C0.806365 7.51355 0.557733 7.48268 0.429827 7.52375Z' fill='black'/%3E%3C/svg%3E%0A"); width:15px; height:15px; background-size:contain; background-repeat:no-repeat; background-position:center; } .emoji-button { background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.6' fill-rule='evenodd' clip-rule='evenodd' d='M6.88768 0.0239035C5.72638 0.134625 4.7327 0.445969 3.76442 1.00249C2.19816 1.90267 0.995361 3.35909 0.413859 5.05954C0.200015 5.68488 0.103387 6.13995 0.0305288 6.86483C-0.062809 7.79374 0.0600699 8.86306 0.369104 9.8109C0.668709 10.7299 1.13837 11.575 1.77407 12.3391C1.95523 12.5568 2.38222 12.9864 2.61723 13.1874C4.243 14.5777 6.33871 15.2067 8.45658 14.94C10.2813 14.7102 11.9851 13.7889 13.1954 12.3773C14.1245 11.2938 14.7303 9.95938 14.9227 8.57281C15.0479 7.66986 15.0218 6.86254 14.8385 5.97012C14.6218 4.91514 14.1439 3.86258 13.4863 2.99233C13.0623 2.43108 12.5332 1.90556 11.9667 1.4829C11.1142 0.846938 10.1212 0.394665 9.08414 0.169976C8.39592 0.0208568 7.52617 -0.0369843 6.88768 0.0239035ZM8.18872 1.10909C8.98707 1.20015 9.67689 1.40329 10.3766 1.75332C10.9752 2.0528 11.4827 2.41384 11.966 2.88395C13.0737 3.96145 13.7274 5.31203 13.9006 6.88106C13.9312 7.158 13.9267 7.91093 13.8928 8.19006C13.8437 8.59488 13.7826 8.90608 13.6834 9.2568C13.1541 11.1275 11.7741 12.6819 9.9701 13.4394C8.64645 13.9952 7.14234 14.0823 5.73586 13.6847C4.9292 13.4567 4.15559 13.0557 3.47146 12.511C3.21001 12.3028 2.70062 11.7933 2.48826 11.5276C2.30953 11.304 2.02575 10.8859 1.89862 10.6588C1.45577 9.86776 1.19603 9.03715 1.10025 8.10586C1.07872 7.89648 1.07325 7.28707 1.0906 7.02986C1.17818 5.73081 1.68682 4.45899 2.53641 3.41477C2.72494 3.18304 3.23256 2.68176 3.47146 2.4914C4.47505 1.69167 5.67166 1.20718 6.90299 1.10206C7.00822 1.09308 7.12532 1.08308 7.1632 1.07985C7.31048 1.06726 7.99255 1.08671 8.18872 1.10909ZM4.90208 4.90564C4.63218 4.98183 4.42455 5.18026 4.34285 5.44009C4.30957 5.54591 4.30858 5.56831 4.30858 6.20742C4.30858 6.92721 4.31179 6.96032 4.39769 7.12395C4.51787 7.35292 4.73813 7.50667 5.00536 7.54815C5.36529 7.604 5.7419 7.36902 5.86593 7.0112C5.89976 6.91361 5.90043 6.89816 5.90043 6.21508C5.90043 5.57592 5.89807 5.51152 5.87191 5.43427C5.79166 5.19724 5.6079 5.00854 5.37878 4.92791C5.25851 4.88557 5.01367 4.87414 4.90208 4.90564ZM9.71935 4.9075C9.46144 4.97603 9.25551 5.17049 9.16583 5.4302C9.13042 5.53271 9.13006 5.54079 9.13006 6.21508C9.13006 6.88936 9.13042 6.89744 9.16583 6.99996C9.22956 7.18455 9.36366 7.35037 9.52627 7.44571C9.77716 7.59276 10.1127 7.58529 10.3557 7.42721C10.5176 7.32187 10.637 7.16917 10.6929 6.99589C10.7168 6.92189 10.7208 6.83254 10.7257 6.25935C10.7319 5.53365 10.727 5.48289 10.634 5.30571C10.5705 5.18479 10.4096 5.02275 10.301 4.97048C10.1219 4.88432 9.8979 4.86005 9.71935 4.9075ZM10.7248 9.16859C10.6148 9.21291 10.5615 9.26003 10.3769 9.47613C10.0866 9.81596 9.76698 10.0858 9.40805 10.2942C8.62178 10.7505 7.72567 10.9043 6.81881 10.7385C6.01252 10.5911 5.2418 10.1547 4.72221 9.55143C4.43323 9.21586 4.35584 9.16625 4.1249 9.16845C4.02105 9.16943 3.98817 9.17664 3.90844 9.21583C3.72929 9.30391 3.60788 9.49706 3.60631 9.69651C3.60476 9.89041 3.70274 10.0406 4.08483 10.4303C4.91011 11.272 5.87926 11.7214 7.16101 11.8566C7.52574 11.8951 7.75956 11.8853 8.28056 11.8096C9.1817 11.6788 10.046 11.2699 10.7331 10.6493C11.0108 10.3984 11.3285 10.0344 11.4054 9.87899C11.4483 9.79204 11.4517 9.77388 11.4467 9.65699C11.4424 9.55441 11.4326 9.51202 11.3966 9.43866C11.342 9.32734 11.2513 9.23405 11.1501 9.18498C11.0444 9.13374 10.8317 9.12555 10.7248 9.16859Z' fill='black'/%3E%3C/svg%3E%0A"); width:15px;height:15px; background-size:contain; background-repeat:no-repeat; background-position:center; } .isLessonPage .emoji-container textarea:placeholder { color: #999999; } .isLessonPage .answer-form-inner .btn-lg { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='182' height='42' viewBox='0 0 182 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='178' height='40' rx='4' fill='url(%23paint0_linear_213_328)' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_213_328)'%3E%3Crect x='3.00647' y='2.5' width='175.987' height='37' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_213_328' x='0.50647' y='0' width='180.987' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_213_328'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_213_328' x1='91' y1='0' x2='91' y2='42' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")!important; background-size:100% 100%; background-color:transparent!important; border:none!important; font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; color: #FFFFFF; } .isLessonPage div[style="margin-left: 0; overflow: hidden"] { display:flex; flex-direction:column; } .btn-wrapper { margin-left:auto; } .btn-wrapper .btn-lg { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; padding: 11px 24px; color: #FFFFFF; } .btn-wrapper .btn-save-draft{ font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; color: #9B8D6A; border: 3px solid #5A4309; box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.5); filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); border-radius: 5px; padding: 8px 22px; } .self-answers .user-answer { border-top: 0px solid #eee!important; } .isLessonPage .user-answer .title, .isLessonPage .user-answer .title, .isLessonPage .lesson-answer-comment .title, .isLessonPage .lesson-answer-comment .title .text { padding-top:15px; } .isLessonPage .user-answer .title>*, .isLessonPage .user-answer .title>* a, .isLessonPage .lesson-answer-comment .title>*, .isLessonPage .lesson-answer-comment .title>* .text{ font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 125%; color: #D1AF86; } .isLessonPage .user-answer .text-muted.pl-3 { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 125%; color: #FFFFFF;opacity: 0.6; } .isLessonPage .user-answer .addfield { margin-top:18px; background: #FFFFFF; border: 1px solid #202020; border-radius: 5px; color:#202020; } .isLessonPage .answer-edit-link a { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 105%; color: #D1AF86; } .isLessonPage .b-like-and-subscribe-notifications span { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 10px; line-height: 125%; text-decoration-line: underline; text-transform: uppercase; color: #D1AF86; } .new-comment-textarea { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 125%; color: #000000; background: #FFFFFF; border: 1px solid #202020; border-radius: 5px!important; padding:14px 20px; height:48px!important; } .new-comment-textarea:placeholder { color:rgba(0,0,0,0.6); } .textarea-block>.emoji-container { border-radius: 5px!important; overflow:hidden; } .new-comment .textarea-block .btn-send { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='182' height='42' viewBox='0 0 182 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='178' height='40' rx='4' fill='url(%23paint0_linear_213_328)' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_213_328)'%3E%3Crect x='3.00647' y='2.5' width='175.987' height='37' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_213_328' x='0.50647' y='0' width='180.987' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_213_328'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_213_328' x1='91' y1='0' x2='91' y2='42' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%235A4309'/%3E%3Cstop offset='0.324602' stop-color='%23A07C33'/%3E%3Cstop offset='0.503125' stop-color='%23B39B63'/%3E%3Cstop offset='0.691429' stop-color='%23A07C33'/%3E%3Cstop offset='1' stop-color='%235A4309'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")!important; background-size:100% 100%; background-color:transparent!important; border:none!important;font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; text-align: center; color: #FFFFFF; } .isLessonPage .fa-send { display:none; } .isLessonPage span[style="position: absolute; top: 30%; font-size: 0.7em;left:5%;line-height: 0.7em;"] { display:none; } .new-comment img { width: 50px; height: 50px; } .user-answer.status-accepted .answer-status .answer-status-label { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='122' height='31' viewBox='0 0 122 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='2' width='110.615' height='22.4' rx='4' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_217_734)'%3E%3Crect x='3.44238' y='2.66211' width='109.731' height='21.0762' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_217_734)'%3E%3Crect x='2' y='1' width='120' height='30' rx='5' fill='%23095A11'/%3E%3C/g%3E%3Cg filter='url(%23filter2_i_217_734)'%3E%3Crect x='3.5' y='2.5' width='117' height='27' rx='3.5' stroke='%23095A11' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_217_734' x='0.942383' y='0.162109' width='114.731' height='26.0762' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_217_734'/%3E%3C/filter%3E%3Cfilter id='filter1_i_217_734' x='2' y='1' width='120' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_734'/%3E%3C/filter%3E%3Cfilter id='filter2_i_217_734' x='2' y='1' width='120' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_734'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); background-color:transparent; background-size:100% 100%; filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); padding:11px 30px; font-family: 'Bebas Neue'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; /* identical to box height */ text-align: center; color: #E7DDC4; } .isLessonPage .lesson-answer-comment { background: white!important; border: 1px solid #202020; border-radius: 5px; } .answer-text { background: white!important; border: 1px solid #202020; border-radius: 5px; padding: 18px 22px; } .isLessonPage .emoji-text { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 125%; color: #202020; } .isLessonPage .glyphicon-ok, .isLessonPage .glyphicon-ban-circle { display:none; } .isLessonPage .page-header { display:none; } .isLessonPage .gc-user-admin .page-header { display:block; } .user-answer .answer-status .answer-status-label { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='120' height='31' viewBox='0 0 120 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.85718' y='2' width='105.253' height='22.4' rx='4' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_217_755)'%3E%3Crect x='4.25464' y='2.66211' width='104.458' height='21.0762' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_217_755)'%3E%3Crect y='1' width='120' height='30' rx='5' fill='%239B9B9B'/%3E%3C/g%3E%3Cg filter='url(%23filter2_i_217_755)'%3E%3Crect x='1.5' y='2.5' width='117' height='27' rx='3.5' stroke='%239B9B9B' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_217_755' x='1.75464' y='0.162109' width='109.458' height='26.0762' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_217_755'/%3E%3C/filter%3E%3Cfilter id='filter1_i_217_755' x='0' y='1' width='120' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_755'/%3E%3C/filter%3E%3Cfilter id='filter2_i_217_755' x='0' y='1' width='120' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_755'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); background-color:transparent; background-size:100% 100%; filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); padding:11px 30px; font-family: 'Bebas Neue'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; text-align: center; color: #E7DDC4; background-position:center!important; } .user-answer.status-declined .answer-status .answer-status-label { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='126' height='31' viewBox='0 0 126 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='2' width='110.615' height='22.4' rx='4' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_217_741)'%3E%3Crect x='4.44238' y='2.66211' width='109.731' height='21.0762' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_217_741)'%3E%3Crect y='1' width='126' height='30' rx='5' fill='%235A0909'/%3E%3C/g%3E%3Cg filter='url(%23filter2_i_217_741)'%3E%3Crect x='1.5' y='2.5' width='123' height='27' rx='3.5' stroke='%235A0909' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_217_741' x='1.94238' y='0.162109' width='114.731' height='26.0762' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_217_741'/%3E%3C/filter%3E%3Cfilter id='filter1_i_217_741' x='0' y='1' width='126' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_741'/%3E%3C/filter%3E%3Cfilter id='filter2_i_217_741' x='0' y='1' width='126' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_741'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); background-color:transparent; background-size:100% 100%; filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); padding:11px 30px; font-family: 'Bebas Neue'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; text-align: center; color: #E7DDC4; } .isLessonPage .pull-right { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; color: #FFFFFF; } .isLessonPage .pull-right a { color: #D1AF86; } .isLessonPage .files-table td{ border:none; } .isLessonPage .files-table a { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 23px; display: flex; align-items: center; text-decoration-line: underline; color: #FFFFFF; } .isLessonPage .files-table td:nth-child(2) { display:none; } .addfield-type-checkbox input { display:none; } .addfield-type-checkbox { position:relative; } .addfield-type-checkbox::before { position:absolute; content:''; left:0; top:0; background: white; border-radius: 4px;width: 19px; height: 19px; transition:.1s; } .addfield-type-checkbox label { margin-left:10px; } .addfield-type-checkbox.checked::before { background: #D1AF86; content:url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 -5 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 4.22115L5.25 7.875L11.25 1.9375' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .audio-comment, .audio-skill { right: 35px; } .more-comments { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 125%; /* identical to box height, or 18px */ display: flex; align-items: center; color: #FFFFFF; opacity: 0.6; } .text-muted.small {display:none;} .form-group>*>.uploadifive-button { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; text-decoration-line: underline; color: #FFFFFF; background:none!important; text-transform:inherit; text-align:left!important; } @media (max-width:991px) { .container { max-width:100vw; overflow-x:hidden; } .breadcrumb { background: #43372C; backdrop-filter: blur(5px); position:relative;padding-bottom:16px!important; } .breadcrumb::before { position:absolute; content:''; bottom:0; left:-15px; background:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/23/h/040d708fcdf111601b0430c09a7b4718.jpg); background-size:100% calc(100% - 2px); background-position:bottom; background-repeat:no-repeat; height:6px; width:calc(100vw + 30px); } .isLessonPage h2 { font-size: 35px; line-height: 42px; } .isLessonPage .lesson-header-block.row-section tr { display:grid; grid-template-columns: repeat(2,1fr);gap:30px; } .isLessonPage .lesson-header-block.row-section .text-center.hidden-xs { display: block !important; grid-row:1/2; grid-column:span 2; width:100%; opacity: 0.5; } .isLessonPage .lesson-header-block.row-section td[width="25%"] { width:100%; display: flex; } .isLessonPage .lesson-header-block.row-section td a { font-size: 10px; line-height: 12px; } .isLessonPage .block-set p, .isLessonPage .block-set .f-text { font-size: 14px; line-height: 130%; } .isLessonPage td a::after { background-size:100% 100%!important; width:35px; height:35px; } td[style="padding-right:17px;"] a { padding-right: 45px!important; } td[style="padding-left:19px;"] a { padding-left:45px!important; } .isLessonPage .row.lesson-navigation{ padding-bottom:20px!important; } .vhi-root { border-radius: 1.7px; } .vhi-root::after { border: 6px solid #5A4309; border-radius: 1.7px; } .isLessonPage .files-table a { font-size: 14px; line-height: 16px; } .isLessonPage .files-table td img { width:100%; } .isLessonPage div[style="width: 60px; height: 60px"] { width:31px!important; height:31px!important; } .lt-lesson-mission-block::before { left: -15px; } .isLessonPage h3 { text-align:center; } .btn-wrapper { display:flex; flex-direction:column; align-items:center; margin-right:auto; width:100%; } .btn-wrapper button { width:100%; } .btn-wrapper button:nth-child(1) { margin-bottom:10px; } .answer-form .btn-save-draft { margin-left: 0; } .answer-status>* { float:right; } } /* ------------- content finish - LessonsCSS ------------- */ /* ------------- content start - lessonListDefault ------------- */ body.isLessonListDefault,body.isLessonListDefault .gc-main-content{ background-image:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/310/h/e69b56d9ac149ba5ce1d29b9e6d2659f.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .gc-account-logo, .vmiddle>div:not(.link.title):not(.description) { display:none; } .lazyloaded { position:relative; border-radius: 5px;filter: drop-shadow(0px 3px 10px rgba(38, 22, 5, 0.7)); } .lazyloaded::after { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='350' height='196' viewBox='0 0 350 196' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_235_1108)'%3E%3Cmask id='path-1-inside-1_235_1108' fill='white'%3E%3Crect y='196' width='196' height='350' rx='5' transform='rotate(-90 0 196)'/%3E%3C/mask%3E%3Crect y='196' width='196' height='350' rx='5' transform='rotate(-90 0 196)' stroke='%235A4309' stroke-width='14' mask='url(%23path-1-inside-1_235_1108)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_235_1108' x='0' y='0' width='350' height='198' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_235_1108'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); content:''; position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; } .description{width:100%!important;} .ink-settings { position:fixed; z-index:101; right:10px; top:10px; width:60px; height:60px; background: #5A4309; box-shadow: inset 0px 1px 2px rgb(0 0 0 / 25%); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; } .ink-settings svg { width:30px; height:30px; } .ink-settings svg path { stroke: white; fill:white; } .isLessonListDefault .page-header { position:fixed; top:10px; width:100%; max-width:1200px; z-index:100; background:white; padding:10px 20px; opacity:0; pointer-events:none; } .isLessonListDefault .page-header.showed { opacity:1; pointer-events:all; } .lesson-list { background:none!important; padding:0!important; display:flex; flex-wrap:wrap; justify-content:center; max-width:1200px; } .state-icon-block { display:none!important; } .lesson-list li { max-width:380px; } .lesson-list li a { background:none!important; } .lesson-list li .info { margin-left:0!important; border:none!important; background:none!important; } .lesson-list li { margin-left:45px; margin-right:45px; margin-top:65px; margin-bottom:0; } .lesson-list li:nth-child(1n) { margin-left:0; } .lesson-list li:nth-child(3n) { margin-right:0; } .lesson-list li tr { display:flex; flex-direction:column; } .lesson-list li tr td { width:350px!important; height:196px; } .link.title { font-family: 'Bebas Neue'; font-style: normal; font-weight: 700; font-size: 40px!important; line-height: 100%!important; margin-right:0!important; color: #FFFFFF!important; } .lesson-line { position:relative; display:flex; flex-wrap:wrap; justify-content:center; } .lesson-line:nth-last-child(1)::after { display:none; } .lesson-line::after { height:7px; width:100%; content:''; position:absolute; background: #5A4309; box-shadow: inset 0px 2px 3px rgba(255, 255, 255, 0.7); filter: drop-shadow(0px 3px 10px rgba(38, 22, 5, 0.7)); border-radius: 5px; left:0; bottom:0; } .lesson-list .item-main-td.item-with-image { padding-left: 0px; height: auto!important; } .lesson-list .description { font-family: 'Roboto',sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; display: flex; align-items: center; color: #FFFFFF; opacity: 0.5; } .lesson-list li tr::before { content:'Доступен'; font-family: 'Bebas Neue'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 14px; color: #E7DDC4; margin-bottom:10px; background-image: url("data:image/svg+xml,%3Csvg width='100' height='30' viewBox='0 0 100 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_235_1052)'%3E%3Crect width='100' height='30' rx='5' fill='%239B9B9B'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_235_1052)'%3E%3Crect x='1.5' y='1.5' width='97' height='27' rx='3.5' stroke='%239B9B9B' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_235_1052' x='0' y='0' width='100' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_235_1052'/%3E%3C/filter%3E%3Cfilter id='filter1_i_235_1052' x='0' y='0' width='100' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_235_1052'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); padding:6px 27px 10px 27px; background-repeat:no-repeat; background-size: contain; width:min-content; filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); } .lesson-list li.user-state-not_reached tr::before { content:'Недоступен'; background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='126' height='31' viewBox='0 0 126 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='2' width='110.615' height='22.4' rx='4' stroke='%2361390B' stroke-width='2'/%3E%3Cg opacity='0.5' filter='url(%23filter0_f_217_741)'%3E%3Crect x='4.44238' y='2.66211' width='109.731' height='21.0762' rx='2.5' stroke='%23F4D38E'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_217_741)'%3E%3Crect y='1' width='126' height='30' rx='5' fill='%235A0909'/%3E%3C/g%3E%3Cg filter='url(%23filter2_i_217_741)'%3E%3Crect x='1.5' y='2.5' width='123' height='27' rx='3.5' stroke='%235A0909' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_217_741' x='1.94238' y='0.162109' width='114.731' height='26.0762' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='1' result='effect1_foregroundBlur_217_741'/%3E%3C/filter%3E%3Cfilter id='filter1_i_217_741' x='0' y='1' width='126' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_741'/%3E%3C/filter%3E%3Cfilter id='filter2_i_217_741' x='0' y='1' width='126' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_217_741'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); } .lesson-list li.user-state-accomplished tr::before { content:'Принято'; background-image: url("data:image/svg+xml,%3Csvg width='100' height='30' viewBox='0 0 100 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_235_1381)'%3E%3Crect width='100' height='30' rx='5' fill='%23095A11'/%3E%3C/g%3E%3Cg filter='url(%23filter1_i_235_1381)'%3E%3Crect x='1.5' y='1.5' width='97' height='27' rx='3.5' stroke='%23095A11' stroke-width='3'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_235_1381' x='0' y='0' width='100' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_235_1381'/%3E%3C/filter%3E%3Cfilter id='filter1_i_235_1381' x='0' y='0' width='100' height='31' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_235_1381'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); } @media (max-width:1010px) { .isLessonListDefault .breadcrumbs,.isLessonListDefault .breadcrumbs a { color: rgba(255, 255, 255, 0.5); } .isLessonListDefault .container { padding:0!important;margin:0!important; } .breadcrumbs { background: #43372C; backdrop-filter: blur(5px); position:relative;padding-bottom:16px!important; padding-left:15px!important;padding-right:15px!important; } .link.title { font-size: 35px!important; } .breadcrumbs::before { position:absolute; content:''; bottom:0; left:-15px; background:url(https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/23/h/040d708fcdf111601b0430c09a7b4718.jpg); background-size:100% calc(100% - 2px); background-position:bottom; background-repeat:no-repeat; height:6px; width:calc(100vw + 30px); } .lesson-line { padding-left:15px!important; padding-right:15px!important; padding-bottom:30px; } .lesson-list li { margin-left: 0; margin-right: 0; margin-top: 45px; } .lesson-list li .vmiddle { margin-left: 0!important; } .lesson-list li .item-image { display: block; grid-row:1/3; grid-column: 1/2; } .lesson-list li tr { display: grid; grid-template-columns: 175px 1fr; column-gap:10px; } .lesson-list li .info .vmiddle { padding-right: 0; } .lesson-list li tr::before { grid-row:2/3; grid-column:2/3; margin-bottom:0; align-self:flex-end; } .lesson-list li tr td { width: 100%!important; height: 110px; } .lesson-list .item-main-td { padding-top: 0; padding-bottom: 0; } .lesson-list li table td { vertical-align: middle; min-height: 0; } .lesson-line { justify-content: flex-start; max-width:380px; } .lazyloaded::after { background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='175' height='110' viewBox='0 0 175 110' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_i_246_503)'%3E%3Crect x='2' y='108' width='106' height='171' rx='3' transform='rotate(-90 2 108)' stroke='%235A4309' stroke-width='4'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_246_503' x='0' y='0' width='175' height='111' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_246_503'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A"); } .lesson-list li tr::before { padding: 8px 27px; } } .lesson-list li.first-unreached { margin-top: auto; } /* ------------- content finish - lessonListDefault ------------- */ /* ------------- content start - animation ------------- */ .menu-item svg path { transition:.3s ease-in-out; } .menu-item:hover svg path { fill:white!important; } a.table-row::before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background: rgba(65, 48, 7, 0.2); pointer-events:none; opacity:0; transition:.3s; } .table-row:hover::before { opacity:1; } .stream-title::after, .anouncer button, .train a, .isLessonPage .lesson-header-block.row-section td a{ transition:.1s;text-decoration:none!important; } .stream-title:hover::after,.anouncer button:hover, .train a:hover,.isLessonPage .lesson-header-block.row-section td a:hover { filter:brightness(0.9); } /* ------------- content finish - animation ------------- */ /* ------------- content start - newLessons ------------- */ .isLessonPage.isNewLessonPage { background-image: url('/fileservice/file/download/a/462652/sc/435/h/dd2b3ce19ff9190daeaf6dfd2039d6a5.png') } .isLessonPage.isNewLessonPage h2, .isLessonPage.isNewLessonPage .text-center span, .isLessonPage.isNewLessonPage .lesson-header-block.row-section div, .isLessonPage.isNewLessonPage .lesson-header-block.row-section td a, .isLessonPage.isNewLessonPage .lt-lesson-text p, .isLessonPage.isNewLessonPage .files-table a, .isLessonPage.isNewLessonPage h3, .isLessonPage.isNewLessonPage .addfield, .isLessonPage.isNewLessonPage .user-answer .title>*, .isLessonPage.isNewLessonPage .user-answer .title>* a, .isLessonPage.isNewLessonPage .lesson-answer-comment .title>*, .isLessonPage.isNewLessonPage .lesson-answer-comment .title>* .text, .isLessonPage.isNewLessonPage .b-like-and-subscribe-notifications span, .isLessonPage.isNewLessonPage .answer-status a, .isLessonPage.isNewLessonPage .pull-right a { color: #000000; text-decoration: none; border: none; } .isLessonPage.isNewLessonPage .lesson-header-block.row-section div { overflow: visible !important; } .isLessonPage.isNewLessonPage .lesson-header-block.row-section div a:after { background: #7C6817 no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M0.340102 5.02538L3.74112 6.34592e-07L5.44162 4.85929e-07L2.62437 4.31472L11 4.31472L11 5.71066L2.62437 5.71066L5.44162 10L3.74112 10L0.340102 5.02538Z' fill='white'/%3E%3C/svg%3E") 50% / 10px !important; border: 2px solid #7C6817; box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.5); filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); border-radius: 5px; margin-top: -8px; } .isLessonPage.isNewLessonPage .lesson-header-block.row-section div .text-right a:after { background: #7C6817 no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M10.6599 5.02538L7.25888 6.34592e-07L5.55838 4.85929e-07L8.37563 4.31472L4.97023e-07 4.31472L3.74986e-07 5.71066L8.37563 5.71066L5.55838 10L7.25888 10L10.6599 5.02538Z' fill='white'/%3E%3C/svg%3E") 50% / 10px !important; } .isLessonPage.isNewLessonPage .lesson-header-block.row-section div a+div { display: none; } .isLessonPage.isNewLessonPage .lt-lesson-text .lt-block-wrapper { padding: 55px 0 15px !important; } .isLessonPage.isNewLessonPage .lt-video { padding: 40px 17px 0 33px; } .isLessonPage.isNewLessonPage .vhi-root { overflow: visible; } .isLessonPage.isNewLessonPage .vhi-root::after { border: none; background-image: url('https://fs.getcourse.ru/fileservice/file/download/a/462652/sc/119/h/1a7594939b39ea24792ea6f71ed9d650.png'); background-size: 100%; background-repeat: no-repeat; top: -18px; left: -32px; height: calc(100% + 36px); width: calc(100% + 64px); } .isLessonPage.isNewLessonPage .lt-lesson-files .container { padding: 0; } .isLessonPage.isNewLessonPage .files-row>div { padding: 15px 30px 0; } .isLessonPage.isNewLessonPage .files-table { margin: 0; } .isLessonPage.isNewLessonPage .files-table td { padding: 0; } .isLessonPage.isNewLessonPage .files-table tr { display: flex; align-items: center; gap: 10px; padding: 10px 0; } .isLessonPage.isNewLessonPage .files-table tr:last-of-type { padding-bottom: 0; } .isLessonPage.isNewLessonPage .files-table tr td:first-of-type, .isLessonPage.isNewLessonPage .files-table tr td:first-of-type>div { width: 34px !important; height: 42px !important; } .isLessonPage.isNewLessonPage .files-table img[src*="pdf"] { content: url('/fileservice/file/download/a/462652/sc/413/h/90b133b67124188c366a66f22144d734.png'); display: block; width: 34px; height: 42px; } .isLessonPage.isNewLessonPage .answer-form .user-default-profile-image { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70' fill='none'%3E%3Cpath d='M61.9167 57.3245C65.5096 53.0053 68.0085 47.8849 69.202 42.3966C70.3954 36.9083 70.2484 31.2135 68.7733 25.7939C67.2982 20.3744 64.5385 15.3896 60.7275 11.2611C56.9165 7.1327 52.1665 3.98211 46.8792 2.07588C41.5918 0.16966 35.9228 -0.436113 30.3516 0.309807C24.7804 1.05573 19.471 3.1314 14.8724 6.36123C10.2739 9.59106 6.52153 13.88 3.93279 18.8653C1.34405 23.8506 -0.00490999 29.3855 1.34287e-05 35.0019C0.00190271 43.1665 2.88143 51.0697 8.13332 57.3245L8.08329 57.367C8.25841 57.577 8.45856 57.757 8.63868 57.9645C8.86384 58.222 9.10652 58.4644 9.33918 58.7144C10.0397 59.4743 10.7602 60.2042 11.5157 60.8892C11.7459 61.0991 11.9836 61.2941 12.2162 61.4941C13.0168 62.184 13.8399 62.839 14.693 63.4489C14.8031 63.5239 14.9032 63.6214 15.0132 63.6989V63.6689C20.8727 67.7888 27.8627 70 35.0275 70C42.1924 70 49.1824 67.7888 55.0418 63.6689V63.6989C55.1519 63.6214 55.2495 63.5239 55.3621 63.4489C56.2127 62.8365 57.0383 62.184 57.8388 61.4941C58.0715 61.2941 58.3092 61.0966 58.5393 60.8892C59.2949 60.2017 60.0154 59.4743 60.7159 58.7144C60.9485 58.4644 61.1887 58.222 61.4164 57.9645C61.594 57.757 61.7967 57.577 61.9718 57.3645L61.9167 57.3245Z' fill='%23A78B69'/%3E%3Cpath d='M34.9963 15.0049C37.2211 15.0049 39.3959 15.6646 41.2458 16.9006C43.0956 18.1367 44.5374 19.8935 45.3888 21.949C46.2402 24.0044 46.463 26.2662 46.0289 28.4482C45.5949 30.6303 44.5236 32.6346 42.9504 34.2078C41.3772 35.781 39.3729 36.8523 37.1908 37.2863C35.0088 37.7204 32.747 37.4976 30.6916 36.6462C28.6361 35.7948 26.8793 34.353 25.6432 32.5032C24.4072 30.6533 23.7475 28.4785 23.7475 26.2537C23.7475 23.2703 24.9326 20.4091 27.0422 18.2996C29.1517 16.19 32.0129 15.0049 34.9963 15.0049Z' fill='white'/%3E%3Cpath d='M15.0191 57.3247C15.0625 54.0424 16.3963 50.9092 18.7321 48.6029C21.0679 46.2966 24.2178 45.0027 27.5003 45.001H42.4987C45.7812 45.0027 48.9311 46.2966 51.2669 48.6029C53.6026 50.9092 54.9365 54.0424 54.9799 57.3247C49.4976 62.265 42.3794 64.999 34.9995 64.999C27.6196 64.999 20.5014 62.265 15.0191 57.3247Z' fill='white'/%3E%3C/svg%3E"); } .isLessonPage.isNewLessonPage .addfield-type-float input { width: 150px !important; height: 50px; border: none; outline: none; padding: 15px 13px; } .isLessonPage.isNewLessonPage .addfield-type-checkbox.checked::before { content: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 -5 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 4.22115L5.25 7.875L11.25 1.9375' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background: #ffffff; } .isLessonPage.isNewLessonPage .emoji-container textarea { border: none; outline: none; resize: none !important; padding: 15px 13px; } .isLessonPage.isNewLessonPage .addfield-type-textanswer-textarea-container+.addfield-type-file_list { margin-top: -40px; } .isLessonPage.isNewLessonPage .addfield-type-textanswer-textarea-container+.addfield-type-file_list .uploadifive-button { font-family: 'Roboto'; font-weight: 400; font-size: 12px; line-height: 14px !important; text-decoration-line: underline; background: none !important; padding: 0 !important; width: fit-content !important; text-transform: capitalize; } .isLessonPage.isNewLessonPage .addfield-type-textanswer-textarea-container+.addfield-type-file_list .uploadifive-button:after { display: inline-block; content: ''; background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='3' viewBox='0 0 5 3' fill='none'%3E%3Cpath d='M5 0.394531H0L2.5 2.75817L5 0.394531Z' fill='white'/%3E%3C/svg%3E") 100% / cover; width: 5px; height: 3px; vertical-align: middle; margin-left: 5px; } .isLessonPage.isNewLessonPage .addfield-type-textanswer-textarea-container+.addfield-type-file_list .uploadifive-button input { cursor: pointer; } .isLessonPage.isNewLessonPage .answer-form-inner .btn-lg, .isLessonPage.isNewLessonPage .new-comment .textarea-block .btn-send { background: #7C6817 !important; border: 2px solid #7C6817; box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.5); filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); border-radius: 5px; padding: 13px 33px 9px; } .isLessonPage.isNewLessonPage .new-comment .textarea-block .btn-send { filter: none; } .isLessonPage.isNewLessonPage .answer-form-inner .btn-wrapper .btn-save-draft { background: #D9D9D9; border: 3px solid #D1D1D1; box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.5); filter: drop-shadow(0px 2px 5px rgba(50, 22, 12, 0.5)); border-radius: 5px; padding: 10px 22px 4px; color: #000000; text-decoration: none; } @media screen and (max-width: 991px) { .isLessonPage.isNewLessonPage .lesson-header-block.row-section div td[style="padding-left: 19px;"] { padding-left: 0 !important; } .isLessonPage.isNewLessonPage .lesson-header-block.row-section div .text-right { justify-content: flex-end; } .isLessonPage.isNewLessonPage .lt-video { padding: 40px 0 0; } .isLessonPage.isNewLessonPage .lt-video .col-md-12 { padding: 0; } .isLessonPage.isNewLessonPage .vhi-root::after { width: 100%; height: 100%; top: 0; left: 0; } } /* ------------- content finish - newLessons ------------- */