@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, a, b, .f-header, .lt-form input, .f-text, .block-set, input, button, select, textarea, .comments-tree, .all-notifications-header-link, .mark-viewed-all, .lesson-answers-title, .logo-text, .filter-block h4, .breadcrumbs a {
    font-family: 'Montserrat', sans-serif !important;
}

:root {
    --color--1: #A2BDE3;
    --color--2: #FF9790;
    --color--3: #8A99BA;
    --color--4: #FFE49F;
    --bg--gradient--full: linear-gradient(146deg, #FFE49F 27%, #FF9790 79%);
    --bg--gradient--op: linear-gradient(146deg, #FFE49F 27%, #FF9790 79%);
    --sidebar--width: 325px;
    --button_small--icon: url(data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.69934 0.0269617C8.67595 0.156503 7.76706 0.433895 6.81135 0.908309C5.90193 1.35973 5.3302 1.77515 4.56418 2.54117C3.23357 3.87179 2.52878 5.21212 2.11164 7.20533C2.04592 7.51949 2.03234 8.23922 2.01633 12.2681L1.99768 16.9647L1.14113 16.98L0.284542 16.9954L0.142208 17.1548C-0.104081 17.4307 -0.0218055 17.7846 0.322042 17.9283C0.459591 17.9858 2.0465 17.9963 10.5085 17.9963C19.9538 17.9962 20.5419 17.9913 20.7023 17.9108C21.0192 17.7519 21.0864 17.4157 20.8535 17.1548L20.7112 16.9954L19.8546 16.98L18.9981 16.9647L18.9794 12.2681C18.9592 7.17183 18.9721 7.42784 18.6798 6.36046C18.4207 5.41451 17.964 4.44937 17.3929 3.64088C16.9668 3.03761 15.9263 1.99635 15.3319 1.57838C14.2636 0.827157 13.073 0.335018 11.743 0.0949793C11.258 0.00743049 10.146 -0.0295813 9.69934 0.0269617ZM8.02253 19.1085C8.27902 20.3909 9.56926 21.2832 10.8738 21.0804C11.912 20.919 12.7728 20.1105 12.9732 19.1085L13.0003 18.9729H10.4979H7.99543L8.02253 19.1085Z' fill='%23F5683E'/%3E%3C/svg%3E%0A);
    --button_small--icon--2: url(data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.69934 0.0269617C8.67595 0.156503 7.76706 0.433895 6.81135 0.908309C5.90193 1.35973 5.3302 1.77515 4.56418 2.54117C3.23357 3.87179 2.52878 5.21212 2.11164 7.20533C2.04592 7.51949 2.03234 8.23922 2.01633 12.2681L1.99768 16.9647L1.14113 16.98L0.284542 16.9954L0.142208 17.1548C-0.104081 17.4307 -0.0218055 17.7846 0.322042 17.9283C0.459591 17.9858 2.0465 17.9963 10.5085 17.9963C19.9538 17.9962 20.5419 17.9913 20.7023 17.9108C21.0192 17.7519 21.0864 17.4157 20.8535 17.1548L20.7112 16.9954L19.8546 16.98L18.9981 16.9647L18.9794 12.2681C18.9592 7.17183 18.9721 7.42784 18.6798 6.36046C18.4207 5.41451 17.964 4.44937 17.3929 3.64088C16.9668 3.03761 15.9263 1.99635 15.3319 1.57838C14.2636 0.827157 13.073 0.335018 11.743 0.0949793C11.258 0.00743049 10.146 -0.0295813 9.69934 0.0269617ZM8.02253 19.1085C8.27902 20.3909 9.56926 21.2832 10.8738 21.0804C11.912 20.919 12.7728 20.1105 12.9732 19.1085L13.0003 18.9729H10.4979H7.99543L8.02253 19.1085Z' fill='%234D4C4E'/%3E%3C/svg%3E%0A);
}

* {
    outline: none !important;
}

html body, 
body .form-control,
body .gc-account-leftbar, 
body .talks-widget-window, 
body .page-edit-link, 
body .create-link-link,
h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', "Lato", Helvetica, Arial, sans-serif !important;
}

.talks-widget-button {
    background: #fff !important;
	transition: all ease 0.25s;
}

.talks-widget-button:hover {
	transform: scale(1.06);
}

.talks-widget-button .fa-comments {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
}

.talks-widget-button .fa-comments:before {
 	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='53' height='38' viewBox='0 0 53 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.7868 0.637484C23.8146 1.58025 19.0144 4.29696 16.5136 8.14987C15.3657 9.91848 14.9251 11.4434 14.9489 13.5658C15.0081 18.868 19.8234 23.6083 27.1486 25.5754C29.1384 26.1098 29.5942 26.1504 33.5829 26.1491C37.2509 26.148 38.1082 26.0839 39.4729 25.7084L41.0698 25.269L44.8986 27.2808C47.0044 28.3873 48.8211 29.2349 48.9357 29.1642C49.2648 28.9618 49.1914 28.5117 48.2933 25.2271L47.4496 22.1412L48.9626 20.5552C50.01 19.4572 50.7168 18.4662 51.2588 17.336C52.0139 15.7618 52.042 15.618 52.042 13.3409C52.042 11.0288 52.0244 10.9429 51.2056 9.28007C50.5593 7.96734 49.9675 7.18423 48.6009 5.83304C47.0778 4.32752 46.4938 3.91973 44.3931 2.89511C40.8616 1.17266 38.5094 0.617607 34.3342 0.521428C32.5043 0.479324 30.458 0.531474 29.7868 0.637484ZM11.0456 9.81076C8.08145 10.8642 5.04986 12.8729 3.34175 14.9157C2.88134 15.4663 2.1565 16.6381 1.73108 17.5198C1.00174 19.0313 0.95752 19.2448 0.95752 21.26C0.95752 22.8461 1.06312 23.673 1.36662 24.466C1.96955 26.0405 3.105 27.714 4.43212 28.9838L5.60514 30.1061L4.73005 33.3016C3.75515 36.8621 3.7105 37.1829 4.1898 37.1829C4.37396 37.1829 6.1851 36.3107 8.21431 35.2446L11.9042 33.3063L13.8836 33.7502C19.3338 34.9723 25.245 34.3456 29.934 32.0489C32.0521 31.0112 34.1195 29.6553 34.1195 29.304C34.1195 29.2046 32.9364 29.0669 31.4902 28.9979C23.8876 28.6352 17.2007 25.1754 13.957 19.9262C12.15 17.0015 11.6363 13.2742 12.5728 9.87894C12.7338 9.29588 12.5209 9.28648 11.0456 9.81076Z' fill='url(%23paint0_linear_212_95)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_212_95' x1='8.07988' y1='0.506837' x2='34.5418' y2='40.0947' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23e58781'/%3E%3Cstop offset='0.3125' stop-color='%23FF9790'/%3E%3Cstop offset='0.675633' stop-color='%23ffaba6'/%3E%3Cstop offset='1' stop-color='%23FFE49F'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; 
    background-position: center;
    background-size: 50% auto;
}

.talks-widget-button .conversations-counter {
    background: var(--color--2);
}

/* кнопка назад */
.back-btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: transparent;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(77, 76, 78, 0.5);
    text-decoration: none;
    transition: color 0.25s;
    text-decoration: none !important;
    padding-left: 25px;
}
.back-btn:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 1L1 5.12903L5 9' stroke='%234D4C4E' stroke-opacity='0.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 50%;
    transition: background 0.25s;
}
.back-btn:hover,
.back-btn:focus {
    color: rgba(77, 76, 78, 0.7);
}
.back-btn:hover::before,
.back-btn:focus::before {
    background-color: #CECECE;
}
@media(max-width: 576px) {
    .back-btn {
        font-size: 14px;
        line-height: 17px;
        padding-left: 20px;
    }
    .back-btn:before {
        top: 0;
        width: 15px;
        height: 15px;
    }
}

body::after {
	content: '';
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(https://fs.getcourse.ru/fileservice/file/download/a/442890/sc/207/h/9c001620dda0e5cd4452e4ce3214ab0c.jpg) no-repeat;
    background-size: 5px auto;
	background-position: center;
	z-index: 50001;
	transition: opacity linear 0.75s;
	opacity: 1;
	animation: preloaderRotation 3s linear infinite normal;
}

body.unhold-start::after,
body.unhold-start::before {
	opacity: 0;
}
body.unhold::after,
body.unhold::before {
	display: none;
}
body::before {
	content: '';
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 50000;
	background: #F9F8F7;
}
body:not(.unhold) > *:not(.talks-widget-window) {
	position: relative !important;
}
.holder {
	display: none !important;
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100vw;
    height: 100vh;
    background-color: #F9F8F7;
    z-index: 50000;
    transition: all 1s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}
.holder > svg {
	animation: blink--logo 2s linear infinite normal;
}
.holder.unhold {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
@keyframes blink--logo {
    0% {opacity: 0;}
    50% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes preloaderRotation {
    0% {
        transform:scaleX(1);
    }
    50% {
        transform:scaleX(-1);
    }
    100% {
        transform:scaleX(1);
    }
}