/* Reset */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}

/* Common */
html {
	scroll-behavior: smooth;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*, *::before, *::after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
/* @font-face removed — Inter & Inter Tight loaded via Google Fonts */
html {
	font-family: var(--font-sans);
	font-size: 20px;
	line-height: 1.5;
	background: #fff;
	color: var(--color-text);
	padding-top: 98px;
}
body {
	min-width: 320px;
}
.clearfix:before, .clearfix:after, .clear:before, .clear:after, .container:before, .container:after {
	content: "";
	display: table;
	clear: both;
}
.container {
	width: 100%;
	max-width: 1520px;
	padding: 0 50px;
	margin: 0 auto;
}
.container.wide {
	max-width: 1920px;
}
.container.full-width {
	max-width: none;
}
.page-section {
	margin: 5rem 0;
}
.section-wrapper {
	padding: 1px 0;
	background: #F7F8FB;
}
.section-header {
	margin-bottom: 30px;
}
.section-header.large-gap {
	margin-bottom: 60px;
}
.section-header .items {
	font-size: 22px;
	font-weight: normal;
	color: rgba(39,43,55,0.6);
	margin-left: 1em;
}
a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: .15s;
	transition: .15s;
}
a:before, a:after {
	-webkit-transition: inherit;
	transition: inherit;
}
a[href^="tel:"] {
	text-decoration: none;
	cursor: text;
	white-space: nowrap;
}
a, [data-href], [data-tab] {
	cursor: pointer;
}
a:focus {
	outline: none;
}
a.colored, .colored-links a, .article-content a {
	color: #7324FF;
}
.article-content a {
	text-decoration: underline;
}
a.colored:hover, .colored-links a:hover, .article-content a:hover {
	color: #9B5FFF;
}
blockquote {
	font-style: italic;
	margin: 1.5em 0;
}
.article-content blockquote {
	position: relative;
	margin: 1.5em 0;
	padding: 24px 30px 24px 56px;
	background: #F7F5FA;
	border: none;
	border-radius: 8px;
	font-style: italic;
	color: #555;
	line-height: 1.7;
	overflow: hidden;
}
.article-content blockquote:before {
	content: '\201C';
	position: absolute;
	left: 16px;
	top: 12px;
	font-size: 56px;
	font-weight: 700;
	color: #7324FF;
	line-height: 1;
	font-style: normal;
}
.article-content blockquote p {
	margin: 0 0 0.8em;
	font-size: inherit;
	color: inherit;
}
.article-content blockquote p:last-child {
	margin-bottom: 0;
}
.article-content blockquote .text-center:last-child {
	margin-top: 1em;
	font-weight: 600;
	color: #272B37;
	font-size: 0.95em;
}
cite {
	display: block;
	font-weight: bold;
}
dt {
	font-weight: bold;
	margin: 0;
}
dd {
	margin: 0 0 1em;
}
dd:last-child {
	margin: 0;
}
img {
	display: block;
	height: auto;
	max-width: 100%;
}
ul, ol, .content-area .list-unstyled {
	list-style: none;
	padding: 0;
	margin: 0;
}
.has-gaps li {
	margin-left: 10px;
}
.has-gaps li + li {
	margin-top: 1em;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-uppercase {
	text-transform: uppercase;
}
.overflow-hidden {
	overflow: hidden;
}
.nowrap {
	white-space: nowrap;
}
.font-bold {
	font-weight: bold;
}
.font-semibold {
	font-weight: 600;
}
.font-medium {
	font-weight: 500;
}
.font-italic {
	font-style: italic;
}
.color-blue {
	color: #7324FF;
}
.overflow-hidden {
	overflow: hidden;
}
.site-logo {
	display: flex;
	width: 238px;
	height: 42px;
	float: left;
}
.site-logo img {
	max-height: 100%;
}
h1, .h1, h2, .h2, h3, .h3 {
	font-size: 52px;
	font-weight: bold;
	line-height: 1.2;
	color: #272B37;
	margin: 0 0 1.5rem;
}
h2, .h2 {
	font-size: 34px;
	line-height: 1.3;
}
h3, .h3 {
	font-size: 26px;
	line-height: 1.4;
}
.section-intro {
	margin-bottom: 80px;
}
.section-intro p,
.archive-bottom-content p {
	margin-top: 0;
	margin-bottom: 12px;
}
.section-intro p:last-child,
.archive-bottom-content p:last-child {
	margin-bottom: 0;
}
.section-intro + .button {
	margin: -30px 0 50px;
}
p {
	margin: 0;
}
.article-content ol {
	list-style: none;
}
.article-content p, .article-content ul, .article-content ol {
	margin: 0 0 1.5em;
}
.article-content iframe,
.article-content embed,
.article-content video {
	max-width: 100%;
}
.article-content .wp-block-embed,
.article-content .wp-block-embed__wrapper {
	max-width: 100%;
}
.article-content .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.article-content .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive-embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin: 1.5em 0;
}
.responsive-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article-content ol, .number-list {
	list-style: none;
	counter-reset: i;
}
.article-content ol li, .number-list li {
	padding-left: 1.5em;
	position: relative;
}
.article-content ol li:before, .number-list li:before {
	content: counter(i, decimal) ".";
	counter-increment: i;
	font-weight: bold;
	color: rgba(39, 43, 55, 0.8);
	position: absolute;
	left: 0;
}
.article-content ul li, .bullet-list li {
	padding-left: .5em;
	position: relative;
}
.article-content ul li:before, .bullet-list li:before {
	content: "•";
	position: absolute;
	left: -10px;
}
.article-content > *:first-child {
	margin-top: 0;
}
.article-content > *:last-child {
	margin-bottom: 0;
}
.article-content h2 {
	font-size: 42px;
	margin-top: 25px;
	overflow-wrap: break-word;
	word-break: break-word;
}
.article-content h3 {
	font-size: 36px;
	margin-top: 20px;
	overflow-wrap: break-word;
	word-break: break-word;
}
.three-col-table {
	display: flex;
	flex-direction: column;
	border: 1px solid #525252;
	margin-bottom: 20px;
}
.three-col-row {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #525252;
}
.three-col-cell {
	width: 33%;
	border-right: 1px solid #525252;
	box-sizing: border-box;
	padding: 10px;
}
.three-col-row:last-child {
	border-bottom: none;
}
.three-col-cell:last-child {
	border-right: none;
}
.three-col-table p,
.three-col-row p {
	display: none;
}
.three-col-cell.cell-25 {
	width: 25%;
}
.three-col-cell.cell-50 {
	width: 50%;
}
label {
	display: block;
	position: relative;
}
.field-label {
	font-size: 18px;
	margin-bottom: 10px;
}
.input, .textarea {
	display: block;
	width: 100%;
	height: 64px;
	padding: 0 20px;
	background: #fff;
	color: rgba(39,43,55,0.8);
	border: 1px solid #E4E9F2;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 0 1px #fff inset;
	box-shadow: 0 0 0 1px #fff inset;
	outline: none !important;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.25;
	margin: 0 0 20px;
	-webkit-transition: .15s;
	transition: .15s;
}
.input, .textarea {
	-webkit-appearance: none; /* remove safari inner shadow */
}
.textarea, textarea.input {
	padding: 23px 20px 15px;
	overflow: auto;
}
.textarea {
	height: 150px;
	resize: vertical;
}
textarea.autoheight {
	overflow: hidden;
	resize: vertical;
	-webkit-transition: .15s background-color, .15s border-color, .15s box-shadow, 0s height;
	transition: .15s background-color, .15s border-color, .15s box-shadow, 0s height;
}
.input:focus, .textarea:focus {
	color: rgba(39,43,55,0.8);
	border-color: #7324FF;
	-webkit-box-shadow: 0 0 0 1px #7324FF inset;
	box-shadow: 0 0 0 1px #7324FF inset;
}
.input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 32px rgba(255,255,255,0) inset !important;
}
::-moz-placeholder {
	color: rgba(39,43,55,0.4);
	opacity: 1;
}
:-ms-input-placeholder {
	color: rgba(39,43,55,0.4);
}
::-webkit-input-placeholder {
	color: rgba(39,43,55,0.4);
}
::placeholder {
	color: rgba(39,43,55,0.4);
}
.input.error, .textarea.error {
	border-color: #f33 !important;
}
.checkbox input, .radio input {
	display: none;
}
.checkbox label, .radio label {
	display: block;
	text-align: left;
	padding-left: 35px;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	position: relative;
	margin-bottom: 10px;
}
.checkbox label:before, .radio label:before {
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 0;
}
.checkbox label:before {
	background: #fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjMuNzNhMSAxIDAgMDEuMTMgMS40MWwtNS40MSA2LjVhMSAxIDAgMDEtMS40OC4wN0wuMyA1LjQ2YTEgMSAwIDExMS40Mi0xLjQybDIuNDcgMi40OEw4LjkuODZhMSAxIDAgMDExLjQtLjEzeiIvPjwvc3ZnPg==") 4px 4px no-repeat;
}
.radio label:before {
	border-radius: 50%;
}
.checkbox :checked + label:before {
	background-color: #7324FF;
	border-color: #7324FF;
}
.radio :checked + label:before {
	border: 5px solid #7324FF;
}
button {
	cursor: pointer;
	-webkit-transition: .15s;
	transition: .15s;
	outline: none !important;
}
button:before, button:after {
	-webkit-transition: inherit;
	transition: inherit;
}
.button {
	display: inline-block;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 64px;
	padding: 0 46px;
	border: 2px solid rgba(255,255,255,0);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #FF9C42;
	-webkit-box-shadow: 0px 15px 40px -15px rgba(231, 97, 0, 0.77);
	box-shadow: 0px 15px 40px -15px rgba(231, 97, 0, 0.77);
	color: #fff;
	outline: none;
	text-align: center;
	text-decoration: none;
	font-family: inherit;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	position: relative;
	z-index: 2;
}
.button, .button:before, .button:after {
	-webkit-transition: .15s;
	transition: .15s;
}
.button:before, .button.skewed:after {
	content: "";
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
	background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
	border-radius: inherit;
	position: absolute;
	right: -2px;
	bottom: -2px;
	z-index: -2;
}
.button:hover {
	-webkit-box-shadow: 0px 12px 27px -15px rgba(231, 97, 0, 0.77);
	box-shadow: 0px 12px 27px -15px rgba(231, 97, 0, 0.77);
}
.button:hover:before {
	opacity: 0;
}
.button.blue {
	background: #7324FF;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.button.blue:hover {
	background-color: #9B5FFF;
}
.button.blue:before {
	content: none;
}
.button.white {
	background: #fff;
	-webkit-box-shadow: 0px 30px 30px -15px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 30px 30px -15px rgba(0, 0, 0, 0.2);
	color: #7324FF;
}
.button.white:hover {
	background-color: #4A0DB8;
	-webkit-box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.15);
	color: #fff;
}
.button.white:before {
	content: none;
}
.button.blank {
	background: none;
	color: #FF9C42;
	border-color: #FF9C42;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.button.blank:before {
	content: none;
}
.button.blank:hover {
	background-color: #FF9C42;
	color: #fff;
}
.button.blank.blue {
	color: #7324FF;
	border-color: #7324FF;
}
.button.blank.blue:hover {
	background-color: #7324FF;
	color: #fff;
}
.button.blank.white {
	color: #fff;
	border-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.button.blank.white:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.button.skewed {
	min-width: 232px;
	padding: 0 46px 6px 40px;
	background: none;
	border-radius: 24px;
	margin-left: 12px;
}
.button.skewed:before, .button.skewed:after {
	width: calc(100% + 17px);
	height: calc(100% + 17px);
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ0IiBoZWlnaHQ9Ijc3IiB2aWV3Qm94PSIwIDAgMjQ0IDc3IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uOTYgMTAuMDYyQy0uMDM1IDQuOTUyIDQuMDM4LjI2NyA5LjIzNi41NDNsMjI3LjE4OCAxMi4wNTVBOCA4IDAgMDEyNDQgMjAuNTg3VjY5YTggOCAwIDAxLTggOEgyMC41OTJhOCA4IDAgMDEtNy44NTItNi40N0wuOTYgMTAuMDYyeiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9Ii0xIiB5MT0iMCIgeDI9IjI0Ny44NjUiIHkyPSI2MS4zMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZBMTRDIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkY1QTEzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+") 50% 100% no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-radius: 8px;
	bottom: -3px;
}
.button.skewed:after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ0IiBoZWlnaHQ9Ijc3IiB2aWV3Qm94PSIwIDAgMjQ0IDc3IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uOTYgMTAuMDYyQy0uMDM1IDQuOTUyIDQuMDM4LjI2NyA5LjIzNi41NDNsMjI3LjE4OCAxMi4wNTVBOCA4IDAgMDEyNDQgMjAuNTg3VjY5YTggOCAwIDAxLTggOEgyMC41OTJhOCA4IDAgMDEtNy44NTItNi40N0wuOTYgMTAuMDYyeiIgZmlsbD0iI0ZGOUM0MiIvPjwvc3ZnPg==");
	opacity: 0;
	z-index: -1;
}
.button.skewed:hover:before, .button.skewed:hover:after {
	opacity: 1;
}
.button.white.skewed:before {
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ0IiBoZWlnaHQ9Ijc3IiB2aWV3Qm94PSIwIDAgMjQ0IDc3IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uOTYgMTAuMDYyQy0uMDM1IDQuOTUyIDQuMDM4LjI2NyA5LjIzNi41NDNsMjI3LjE4OCAxMi4wNTVBOCA4IDAgMDEyNDQgMjAuNTg3VjY5YTggOCAwIDAxLTggOEgyMC41OTJhOCA4IDAgMDEtNy44NTItNi40N0wuOTYgMTAuMDYyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
}
.button.white.skewed:after {
	content: "";
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ0IiBoZWlnaHQ9Ijc3IiB2aWV3Qm94PSIwIDAgMjQ0IDc3IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uOTYgMTAuMDYyQy0uMDM1IDQuOTUyIDQuMDM4LjI2NyA5LjIzNi41NDNsMjI3LjE4OCAxMi4wNTVBOCA4IDAgMDEyNDQgMjAuNTg3VjY5YTggOCAwIDAxLTggOEgyMC41OTJhOCA4IDAgMDEtNy44NTItNi40N0wuOTYgMTAuMDYyeiIgZmlsbD0iIzBDNTRCOCIvPjwvc3ZnPg==");
}
.button.white.skewed:hover:before {
	opacity: 0;
	-webkit-transition: .15s 0s;
	transition: .15s 0s;
}
.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
.button:disabled, .button.disabled {
	opacity: .5;
	pointer-events: none;
}
.button.full-width, form .button {
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
/*
.subscription-form .email:placeholder-shown ~ .submit {
	pointer-events: none;
}
*/
form .button {
	margin-top: 25px;
}
.form-agreement {
	font-size: 18px;
	margin-top: 30px;
}
.form-agreement label {
	font-size: 1em;
	line-height: 1.3;
	padding-left: 40px;
}
.form-agreement label:before {
	top: 50%;
	margin-top: -10px;
}
.form-agreement a {
	text-decoration: underline;
}
.form-agreement a:hover {
	text-decoration: none;
}
.form-message {
	text-align: center;
	margin-top: 20px;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.4;
	display: none;
}
.rating-stars {
	display: inline-block;
	vertical-align: top;
	margin: 0 -5px;
}
.rating-stars input {
	display: none;
}
.rating-stars label {
	display: block;
	width: 25px;
	height: 20px;
	background: url("../img/star3.svg") 50% 50% no-repeat;
	-webkit-filter: opacity(70%) grayscale(100%);
	filter: opacity(70%) grayscale(100%);
	float: right;
	cursor: pointer;
}
.rating-stars :checked ~ label {
	-webkit-filter: none;
	filter: none;
}
.modal-review .review-course-block {
	margin-bottom: 5px;
}
.modal-review .review-course-autocomplete {
	position: relative;
}
.modal-review .review-course-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 100;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-top: none;
	border-radius: 0 0 8px 8px;
	max-height: 266px;
	overflow-y: auto;
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
.modal-review .review-course-option {
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
	transition: background .15s;
}
.modal-review .review-course-option:hover {
	background: #F3EEFF;
	color: #7324FF;
}
.modal-review .review-course-selected {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	background: #F3EEFF;
	border: 1px solid #D4C4F7;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
}
.modal-review .review-course-selected-icon {
	width: 24px;
	height: 24px;
	border-radius: 4px;
	object-fit: contain;
	flex-shrink: 0;
}
.modal-review .review-course-selected-title {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
	font-weight: 500;
}
.modal-review .review-course-selected-clear {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
	color: #999;
	cursor: pointer;
	border-radius: 50%;
	transition: background .15s, color .15s;
	text-decoration: none;
}
.modal-review .review-course-selected-clear:hover {
	background: rgba(0,0,0,0.08);
	color: #333;
}
.modal-review .review-course-notfound {
	margin-top: 8px;
	margin-bottom: 15px;
}
.modal-review .review-course-custom-block {
	margin-bottom: 15px;
}
.modal-review .field-hint {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #999;
	line-height: 1.4;
}
.modal-review .main-rating .rating-stars label {
	position: relative;
	height: 42px;
	width: 30px;
	margin: 0 2px;
	background-position: 50% 0;
}
.modal-review .main-rating .rating-stars label::after {
	content: attr(title);
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 11px;
	line-height: 1;
	color: #999;
}
.dropdown {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	z-index: 3;
}
.dropdown .selector {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	height: 64px;
	padding: 0 30px;
	border: 1px solid #E4E9F2;
	border-radius: 12px;
	background: #F7F8FB;
	-webkit-transition: .15s background;
	transition: .15s background;
}
.dropdown.white .selector {
	background: #fff;
}
.dropdown.active .selector {
	border-radius: 12px 12px 0 0;
}
.dropdown .selector:hover, .dropdown.white .selector :hover {
	background: #DAEDF6;
}
.dropdown .label {
	font-weight: 600;
	color: #272B37;
	margin-right: .4em;
}
.dropdown .current {
	white-space: nowrap;
	padding-right: 20px;
	background: url("../img/caret.svg") 100% 50% no-repeat;
}
.dropdown ul {
	width: 100%;
	background: #F7F8FB;
	color: rgba(39,43,55,0.8);
	border: 1px solid #E4E9F2;
	border-top: 0;
	border-radius: 0 0 12px 12px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
}
.dropdown li {
	width: 100%;
	padding: 9px 30px;
	-webkit-transition: .15s;
	transition: .15s;
}
.dropdown li + li {
	border-top: 1px solid #E4E9F2;
}
.dropdown li:hover {
	background: #DAEDF6;
}
.dropdown li.active {
	background: #7324FF;
	color: #fff;
}
.dropdown.alt .selector {
	height: 1.5em;
	border: 0;
	padding: 0;
	border: 0;
	background: none;
}
.dropdown.alt .current {
	padding-right: 30px;
	background-image: none;
	position: relative;
	-webkit-transition: .15s;
	transition: .15s;
}
.dropdown.alt .current:before, .dropdown.alt .current:after {
	content: "";
	width: 12px;
	height: 100%;
	background: url("../img/caret.svg") 50% 50% no-repeat;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: .15s;
	transition: .15s;
}
.dropdown.alt .current:after {
	background-image: url("../img/caret-blue.svg");
	opacity: 0;
}
.dropdown.alt .selector:hover .current {
	color: #7324FF;
}
.dropdown.alt .selector:hover .current:before {
	opacity: 0;
}
.dropdown.alt .selector:hover .current:after {
	opacity: 1;
}
.dropdown.alt.active .current:before, .dropdown.alt.active .current:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.dropdown.alt ul {
	border-radius: 5px;
	margin-top: 5px;
}
.dropdown.alt li {
	padding: 4px 10px;
}
.values-range .label {
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 16px;
}
.values-slider {
	height: 8px;
	padding: 2px 0;
	margin: 0 4px;
	background: #fff;
	-webkit-background-clip: content-box;
	background-clip: content-box;
	border-radius: 2px;
	position: relative;
}
.values-slider .ui-slider-range {
	height: 4px;
	background: #7324FF;
	border-radius: 2px;
	position: absolute;
	top: 2px;
	z-index: 1;
}
.values-slider .ui-slider-handle {
	width: 12px;
	height: 12px;
	background: #7324FF;
	outline: none;
	padding: 2px;
	-webkit-background-clip: content-box;
	background-clip: content-box;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: -2px;
	margin-left: -6px;
	cursor: pointer;
	z-index: 2;
}
.values-slider .ui-slider-handle:hover, .values-slider .ui-slider-handle.ui-state-active {
	padding: 0;
}
.values-slider .ui-slider-handle > span {
	display: block;
	width: 20px;
	text-align: center;
	color: #8a9dab;
	font-size: 10px;
	margin: 17px 0 0 -5px;
}
.values-range .min-max {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	margin-top: 15px;
}
.values-range .min-max:after {
	content: "";
	width: 6px;
	height: 1px;
	background: #272B37;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -3px;
}
.values-range .min, .values-range .max {
	width: 41%;
	height: 34px;
	padding: 0 10px;
	border-radius: 6px;
	font-size: 12px;
	color: #272B37;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}
hr {
	height: 1px;
	border: 0;
	background: #B5B5B5;
	margin: 35px 0;
}
.table-wrapper {
	overflow-x: auto;
}
table {
	width: 100%;
	border-collapse: collapse;
}
.table.auto-width {
	width: auto;
}
th, td {
	text-align: left;
	border: 1px solid #E4E9F2;
	line-height: 1.3;
	padding: 20px 30px;
}
th {
	color: #272B37;
	vertical-align: bottom;
}
tbody th {
	text-align: left;
	vertical-align: middle;
}
.video-wrapper {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}
.video-wrapper iframe {
	width: 100%;
	height: 100%;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.tab:not(.active) {
	display: none;
}
.load-more-items {
	display: table;
	background: none;
	color: #000;
	padding: 3px 0 3px 37px;
	border: 0;
	font-size: 16px;
	font-weight: 600;
	margin: 60px auto 0;
	position: relative;
	opacity: .6;
}
.load-more-items:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url("../img/loader.svg") 50% 50% no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}
.load-more-items:hover {
	opacity: .8;
}
.load-more-items.loading:before {
	-webkit-animation-play-state: running;
	animation-play-state: running;
}
@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
.owl-carousel + .load-more-items {
	display: none;
}
.modal-trigger {
	cursor: pointer;
}
.modal-open {
	overflow: hidden;
}
.modal-open .modal-container {
	overflow-x: hidden;
	overflow-y: scroll;
}
.modal-container, .lightboxOverlay {
	width: 100%;
	height: 100%;
	background: rgba(10,65,95,0.4);
	overflow: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1010;
	-webkit-transform-style: preserve-3d;
	display: none;
}
.modal-window {
	width: 90%;
	max-width: 695px;
	padding: 20px 40px 40px;
	background: #fff;
	border-radius: 0 0 30px 30px;
	position: relative;
	margin: 142px auto 40px;
}
.modal-window:before {
	content: "";
	width: 100%;
	height: 82px;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjk1IiBoZWlnaHQ9IjgyIiB2aWV3Qm94PSIwIDAgNjk1IDgyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMS43MiA2LjczQTI5Ljg1IDI5Ljg1IDAgMDEzMS45Ni41OWMyMTEuOTYgMTcuMTcgNDIzLjkyIDM0LjMzIDYzNS44OCA1MS41MyAxMy45MS45OCAyNS40MSAxMi43OSAyNy4xNiAyNi40NVY4MkgwVjI4LjU3Qy42OSAyMC4xIDQuODcgMTEuODUgMTEuNzIgNi43M3oiLz48L3N2Zz4=") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 100%;
}
.modal-close {
	width: 30px;
	height: 30px;
	background: url("../img/close2-white.svg") 50% 50% no-repeat;
	position: absolute;
	right: -50px;
	top: -112px;
	cursor: pointer;
	z-index: 50;
	opacity: .6;
}
.modal-close:hover {
	opacity: 1;
}
.modal-window .logo {
	width: 134px;
	position: absolute;
	right: 45px;
	top: -112px;
	z-index: 2;
}
.modal-window .logo img {
	width: 100%;
}
.modal-window .logo:before {
	content: "";
	width: 86.67%;
	height: 100%;
	background: #7324FF;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	position: absolute;
	right: 4%;
	top: 0;
	z-index: -1;
}
.modal-window .modal-header {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 40px;
	position: relative;
}
.modal-window .input, .modal-window .textarea {
	font-size: 14px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modal-window .rating-stars {
	margin: 0 -30px 30px -5px;
}
.modal-window.blue {
	background: #7324FF;
	background-image: -webkit-linear-gradient(355.57deg, #8B4FFF, #5a10e0);
	background-image: linear-gradient(94.43deg, #8B4FFF, #5a10e0);
	color: #fff;
}
.modal-window.blue:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjk1IiBoZWlnaHQ9IjgyIiB2aWV3Qm94PSIwIDAgNjk1IDgyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MTlDRkYiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzE3Q0U3IiAvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNncmFkaWVudCkiIGQ9Ik0xMS43MiA2LjczQTI5Ljg1IDI5Ljg1IDAgMDEzMS45Ni41OWMyMTEuOTYgMTcuMTcgNDIzLjkyIDM0LjMzIDYzNS44OCA1MS41MyAxMy45MS45OCAyNS40MSAxMi43OSAyNy4xNiAyNi40NVY4MkgwVjI4LjU3Qy42OSAyMC4xIDQuODcgMTEuODUgMTEuNzIgNi43M3oiLz48L3N2Zz4=");
}
.modal-window.blue .logo:before {
	background: #fff;
}
.modal-window.blue .modal-header {
	color: #fff;
}
.modal-window.blue .form-agreement label:before {
	border-color: #fff;
}
.modal-window.blue .input, .modal-window.blue .textarea {
	background: rgba(255,255,255,0);
	border-color: rgba(255,255,255,0.4);
	color: rgba(255,255,255,0.8);
}
.modal-window.blue .input:focus, .modal-window.blue .textarea:focus {
	color: #fff;
	border-color: #fff;
}
.modal-window.blue ::-moz-placeholder {
	color: rgba(255,255,255,0.6);
}
.modal-window.blue :-ms-input-placeholder {
	color: rgba(255,255,255,0.6);
}
.modal-window.blue ::-webkit-input-placeholder {
	color: rgba(255,255,255,0.6);
}
.modal-window.blue ::placeholder {
	color: rgba(255,255,255,0.6);
}
.modal-window .load-more-items {
	margin-top: 40px;
}
.modal-window .courses > .item:nth-child(n+4) {
	display: none;
}
[data-lightbox] {
	cursor: zoom-in;
}
.lightbox {
	width: 100%;
	padding-bottom: 50px;
	text-align: center;
	position: absolute;
	left: 0;
	z-index: 10000;
}
.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
}
.lb-outerContainer {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background: #fff;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-loader {
	width: 32px;
	height: 32px;
	border: 2px solid #666;
	border-top-color: #bbb;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -16px 0 0 -16px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}
.lb-nav {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	-webkit-backface-visibility: hidden;
}
.lb-nav a {
	display: table;
	width: 50%;
	height: 100%;
	font-size: 100px;
	color: #fff;
	text-decoration: none;
}
.lb-nav a:hover {
	color: #FF9331;
}
.lb-nav a span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
	position: relative;
	display: none;
}
.lb-nav a span:after {
	content: "";
	background-color: rgba(0,0,0,0.6);
}
.lb-nav a.lb-prev {
	float: left;
	text-align: left;
}
.lb-nav a.lb-next {
	float: right;
	text-align: right;
}
.lb-nav a:after {
	content: "";
	width: 38px;
	height: 38px;
	border-radius: 50%;
	padding: 0;
	border: 0;
	background: #7324FF url("../img/arrow-white.svg") 50% 50% no-repeat;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -19px;
	cursor: pointer;
}
.lb-nav a:hover:after {
	background-color: #9B5FFF;
}
.lb-nav .lb-prev:after {
	right: auto;
	left: 15px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.lb-dataContainer {
	margin: 0 auto;
	padding: 4px 0 0;
	width: 100%;
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-data {
	padding: 0 10px;
	color: #fff;
}
.lb-details {
	width: 85%;
	float: left;
	text-align: left;
}
.lb-caption {
	font-size: 16px;
	font-weight: bold;
}
.lb-number {
	display: block;
	font-size: 14px;
}
.lb-close {
	display: block;
	width: 30px;
	height: 30px;
	background: url("../img/close-white.svg") 50% 50% no-repeat;
	float: right;
	font-size: 0;
	line-height: 0.5;
	color: transparent;
	cursor: pointer;
}
.pagination {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	margin-top: 80px;
}
.pagination .pages {
	display: -webkit-flex;
	display: flex;
}
.pagination li {
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	font-weight: 600;
	color: #272B37;
}
.pagination li a {
	display: block;
	border-radius: 50%;
}
.pagination a:hover {
	color: #7324FF;
}
.pagination li .active {
	background: #7324FF;
	color: #fff;
}
.pagination .prev, .pagination .next {
	display: block;
	width: 35px;
	height: 30px;
	position: relative;
}
.pagination .prev:before, .pagination .next:before, .pagination .prev:after, .pagination .next:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/next.svg") 50% 50% no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
.pagination .prev:after, .pagination .next:after {
	background-image: url("../img/next-active.svg");
	opacity: 0;
}
.pagination .prev:hover:before, .pagination .next:hover:before {
	opacity: 0;
}
.pagination .prev:hover:after, .pagination .next:hover:after {
	opacity: 1;
}
.pagination .prev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.items-counter {
	display: inline-block;
	font-size: 18px;
	margin-top: 1em;
}
.items-counter .label {
	font-weight: bold;
	color: #272B37;
}
.pagination + .items-counter {
	float: left;
	margin: -45px 0 0;
}
.items-switcher {
	display: -webkit-flex;
	display: flex;
	height: 64px;
	border: 1px solid #E4E9F2;
	border-radius: 12px;
	padding: 4px 0;
	background: #F7F8FB;
	color: #272B37;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}
.items-switcher a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	min-width: 140px;
	padding: 0 30px;
	border-radius: 12px;
	margin: 0 5px;
}
.items-switcher .active {
	background: #7324FF;
	color: #fff;
}
.items-switcher.alt a.active {
	background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
	background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
}
.items-switcher a:not(.active):hover {
	background: #9B5FFF;
	color: #fff;
}
.items-switcher.alt a:not(.active):hover {
	background: #FF9C42;
}
.items-switcher .star:before {
	content: "";
	width: 1em;
	height: 1em;
	background: url("../img/star.svg") no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	margin-right: .4em;
}
.items-switcher .star:hover:before, .items-switcher .star.active:before {
	-webkit-filter: invert(1) brightness(2);
	filter: invert(1) brightness(2);
}
.view-switcher {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-left: 30px;
}
.view-switcher .option {
	display: block;
	width: 24px;
	height: 24px;
	background: url("../img/view-list.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.view-switcher .option.grid {
	background-image: url("../img/view-grid.svg");
}
.view-switcher .option + .option {
	margin-left: 15px;
}
.view-switcher .option:not(.active):not(:hover) {
	-webkit-filter: opacity(70%) grayscale(100%);
	filter: opacity(70%) grayscale(100%);
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}/*.owl-carousel .owl-item img{display:block;width:100%}*/.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-carousel {
	padding-bottom: 80px;
}
.owl-nav {
	width: 98px;
	height: 16px;
	position: absolute;
	right: 2px;
	bottom: 0;
}
.owl-prev, .owl-next {
	width: 35px;
	height: 16px;
	padding: 0;
	border: 0;
	-webkit-transition: .15s;
	transition: .15s;
	position: absolute;
	top: 0;
	cursor: pointer;
}
.owl-prev:before, .owl-next:before, .owl-prev:after, .owl-next:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/next.svg") 50% 50% no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: .15s;
	transition: .15s;
}
.owl-prev:after, .owl-next:after {
	background-image: url("../img/next-active.svg");
	opacity: 0;
}
.owl-prev:hover:before, .owl-next:hover:before {
	opacity: 0;
}
.owl-prev:hover:after, .owl-next:hover:after {
	opacity: 1;
}
.owl-prev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	left: 0;
}
.owl-next {
	right: 0;
}
.owl-prev.disabled, .owl-next.disabled {
	opacity: .2;
	pointer-events: none;
}
.owl-dots {
	display: -webkit-flex;
	display: flex;
	max-width: calc(100% - 100px);
	overflow-x: auto;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.owl-dot {
	min-width: 16px;
	width: 16px;
	height: 16px;
	padding: 4px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: rgba(255,147,49,0.2);
	-webkit-background-clip: content-box;
	background-clip: content-box;
	-webkit-transition: .15s;
	transition: .15s;
}
.owl-dot + .owl-dot {
	margin-left: 7px;
}
.owl-dot:hover, .owl-dot.active {
	background-color: #FF9331;
}
.owl-carousel.top-nav {
	padding: 110px 0 0;
}
.owl-carousel.top-nav .owl-nav {
	bottom: auto;
	top: 0;
}
.owl-carousel.top-nav .owl-dots {
	bottom: auto;
	top: 10px;
}
.owl-carousel.numbered:after {
	content: attr(data-number);
	font-size: 18px;
	line-height: 16px;
	color: rgba(39,43,55,0.6);
	position: absolute;
	right: 180px;
	bottom: 0;
}
.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}
.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	max-height: 100%;
	max-width: 100%;
	outline: none;
}
.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
}
.mCSB_inside > .mCSB_container {
	margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}
.mCSB_scrollTools {
	width: 30px;
	height: auto;
	position: absolute;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .15s;
	transition: .15s;
}
.mCSB_outside + .mCSB_scrollTools {
	right: -16px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 30px;
	padding: 0 14px;
	height: 100%;
	border-radius: 0;
	background: #E4E9F2;
	-webkit-background-clip: content-box;
	background-clip: content-box;
	margin: 0 auto;
	position: relative;
	-webkit-transition: .15s;
	transition: .15s;
}
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 4px;
	border-radius: 0;
	z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #7324FF;
	opacity: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
	background-color: #9B5FFF;
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools, .reviews .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger:not([style*='top:']):not([style*='left:']) .mCSB_dragger_bar {
	opacity: 0;
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
	margin-right: 0;
	margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
	min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 30px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -30px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
	margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 14px 0;
	padding: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 30px;
	padding: 14px 0;
	margin: 0 auto;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-tooltip {
	max-width: 300px;
	padding: 6px 10px;
	background: #fff;
	color: #7324FF;
	border: 1px solid #E4E9F2;
	-webkit-box-shadow: 0px 0px 10px rgba(209, 221, 234, 0.77);
	box-shadow: 0px 0px 10px rgba(209, 221, 234, 0.77);
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.2;
	position: absolute;
	z-index: 9999;
}
@media (min-width: 1800px) {
	.section-wrapper {
		max-width: calc(100% - 100px);
		border-radius: 60px;
		margin: 0 auto;
	}
}
@media (min-width: 1400px) {
	.modal-window.wide {
		max-width: 1177px;
		padding: 0 60px 60px;
		margin-top: 170px;
	}
	.modal-window.wide:before {
		height: 112px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE3NyIgaGVpZ2h0PSIxMTIiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMTcuNjNDMS44NyA3Ljk2IDEwLjk0LjAxIDIxLjAxLjg4YzEyNC42NyA5Ljk2IDI0OS4zMyAyMC4xMSAzNzMuOTYgMjkuODNDNjQ5LjY2IDUxLjMyIDkwNC4zMSA3MS4zNCAxMTU5IDkxLjljOC45NS42NiAxNi4zNCA3Ljg4IDE4IDE2LjU4VjExMkgwVjE3LjYzeiIvPjwvc3ZnPg==");
	}
	.modal-window.wide .logo {
		width: 190px;
	}
	.modal-window.wide .modal-header {
		font-size: 34px;
		margin: 0 0 50px;
	}
}
@media (max-width: 1399px) {
	.modal-window .courses > .item:nth-child(n+3) {
		display: none;
	}
}
@media (min-width: 1200px) {
	.section-intro, .single-article p, .single-article .article-content li {
		font-size: 22px;
	}
	.alt-nav.numbered:after {
		margin-top: -20px;
	}
	.alt-nav .owl-nav {
		margin-top: -20px;
	}
}
@media (max-width: 1199px) {
	html {
		font-size: 18px;
	}
	.container {
		padding: 0 40px;
	}
	.section-header.large-gap {
		margin-bottom: 50px;
	}
	.section-intro {
		margin-bottom: 60px;
	}
	h1, .h1 {
		font-size: 42px;
	}
	h2, .h2 {
		font-size: 26px;
	}
	h3, .h3 {
		font-size: 22px;
	}
	th, td {
		padding: 20px;
	}
	.pagination {
		margin-top: 60px;
	}
	.items-counter {
		font-size: 14px;
	}
}
@media (min-width: 992px) {
	.hidden-lg-up {
		display: none;
	}
	.rating-stars label:hover, .rating-stars label:hover ~ label {
		-webkit-filter: none;
		filter: none;
	}
	.rating-stars:hover label {
		-webkit-filter: opacity(70%) grayscale(100%);
		filter: opacity(70%) grayscale(100%);
	}
	.rating-stars:hover label:hover, .rating-stars:hover label:hover ~ label {
		-webkit-filter: none;
		filter: none;
	}
	.dropdown .current {
		padding-right: 23px;
		-webkit-background-size: 12px auto;
		background-size: 12px auto;
	}
	.owl-carousel.alt-nav {
		padding-bottom: 0;
	}
	.alt-nav.numbered:after {
		line-height: 60px;
		bottom: auto;
		top: -120px;
		right: 200px;
	}
	.alt-nav .owl-nav {
		width: 140px;
		height: 60px;
		bottom: auto;
		top: -120px;
	}
	.owl-carousel.alt-nav .owl-nav button.owl-prev,
	.owl-carousel.alt-nav .owl-nav button.owl-next {
		width: 60px;
		height: 60px;
		background: #FF9C42;
		-webkit-box-shadow: 0px 15px 40px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px 15px 40px -15px rgba(231, 97, 0, 0.77);
		border-radius: 12px;
		position: absolute;
	}
	.owl-carousel.alt-nav .owl-nav button.owl-next:hover {
		background: #E8872E;
		-webkit-box-shadow: 0px 10px 20px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px 10px 20px -15px rgba(231, 97, 0, 0.77);
	}
	.owl-carousel.alt-nav .owl-nav button.owl-prev {
		-webkit-box-shadow: 0px -15px 40px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px -15px 40px -15px rgba(231, 97, 0, 0.77);
	}
	.owl-carousel.alt-nav .owl-nav button.owl-prev:hover {
		background: #E8872E;
		-webkit-box-shadow: 0px -10px 20px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px -10px 20px -15px rgba(231, 97, 0, 0.77);
	}
	.owl-carousel.alt-nav .owl-nav button.owl-prev:before,
	.owl-carousel.alt-nav .owl-nav button.owl-next:before {
		background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
		background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
		border-radius: 12px;
	}
	.owl-carousel.alt-nav .owl-nav button.owl-prev:after,
	.owl-carousel.alt-nav .owl-nav button.owl-next:after {
		background: url("../img/next2-white.svg") 50% 50% no-repeat;
		opacity: 1;
	}
	.alt-nav .owl-dots {
		display: none;
	}
}
@media (max-width: 991px) {
	.hidden-lg-down {
		display: none;
	}
	.scrollable {
		overflow: auto !important;
	}
	.section-header.large-gap {
		margin-bottom: 40px;
	}
	.section-header .items {
		font-size: 18px;
	}
	h1, .h1 {
		font-size: 32px;
	}
	h2, .h2 {
		font-size: 24px;
	}
	h3, .h3 {
		font-size: 20px;
	}
	.article-content h2 {
		margin-top: 25px;
	}
	.form-agreement {
		font-size: 14px;
		margin-top: 20px;
	}
	.section-intro {
		margin-bottom: 50px;
	}
	.dropdown .selector {
		height: 48px;
		padding: 0 15px;
	}
	.dropdown li {
		padding: 7px 15px;
	}
	.load-more-items {
		margin-top: 40px;
	}
	.pagination {
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		margin-top: 40px;
	}
	.pagination + .items-counter {
		display: none;
	}
	.items-switcher {
		height: 48px;
		font-size: 14px;
	}
	.items-switcher a {
		min-width: 100px;
	}
	.items-switcher .active {
		background: #7324FF;
		color: #fff;
	}
	.items-switcher a:not(.active):hover {
		background: #9B5FFF;
		color: #fff;
	}
	.view-switcher .option {
		width: 18px;
		height: 18px;
	}
	.view-switcher .option + .option {
		margin-left: 10px;
	}
	.modal-close {
		right: 0;
	}
	.modal-window .logo {
		right: 67px;
	}
	.owl-carousel {
		padding-bottom: 60px;
	}
	.owl-carousel.numbered:after {
		font-size: 16px;
		right: auto;
		left: 0;
	}
}
@media (min-width: 768px) {
	.hidden-sm-up {
		display: none;
	}
	.section-intro:not(.full-width) {
		display: inline-block;
		width: 60%;
		max-width: 28em;
	}
	.section-intro + .button {
		width: 232px;
		padding: 0 8px 6px 2px;
		float: right;
		margin: 0;
	}
	.form-columns {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.form-columns > li {
		width: 48%;
	}
	.modal-window.modal-feedback {
		padding-top: 0;
	}
	.modal-feedback .modal-header {
		font-size: 34px;
	}
	.modal-window .main-rating {
		margin-bottom: 30px;
	}
	.modal-window .main-rating .field-label {
		display: inline-block;
		vertical-align: top;
		margin: -4px 30px 0 0;
	}
	.modal-window form .button {
		display: inline-block;
		vertical-align: top;
		width: auto;
		min-width: 230px;
		font-size: 16px;
		margin-top: 20px;
	}
	.modal-window .form-agreement {
		display: inline-block;
		width: calc(100% - 280px);
		margin: 32px 0 0 40px;
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	html {
		font-size: 16px;
	}
	.hidden-sm-down {
		display: none;
	}
	.container {
		padding: 0 30px;
	}
	.section-intro {
		font-size: 16px;
	}
	.field-label {
		font-size: 16px;
	}
	.input {
		height: 50px;
		font-size: 14px;
	}
	.textarea, textarea.input {
		padding: 16px 20px 10px;
	}
	.button {
		height: 50px;
		padding: 0 40px;
		font-size: 16px;
	}
	.button.skewed {
		height: 50px;
		min-width: 200px;
		padding: 0 40px 10px 36px;
	}
	.button.skewed:before, .button.skewed:after {
		height: calc(100% + 21px);
	}
	.form-agreement {
		font-size: 12px;
		margin-top: 15px;
	}
	.form-agreement label {
		padding-left: 30px;
	}
	th, td {
		padding: 15px;
	}
	.items-counter {
		display: none;
	}
	.modal-window {
		max-width: 360px;
		padding: 5px 30px 30px;
		border-radius: 0 0 20px 20px;
	}
	.modal-window:before {
		height: 48px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMzM1IDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03LjM4IDUuMzRBMTkuOTEgMTkuOTEgMCAwMTIyLjA0Ljk4Yzk4LjE5IDguODYgMTk2LjM4IDE3LjY4IDI5NC41NyAyNi41NCA5LjE5LjU2IDE2LjczIDguMDYgMTguMzkgMTYuOTVWNDhIMFYxNy41N2MxLjQxLTQuNTggMy40MS05LjI4IDcuMzgtMTIuMjN6Ii8+PC9zdmc+");
	}
	.modal-window .modal-close {
		top: -68px;
	}
	.modal-window .logo {
		width: 65px;
		right: 10px;
		top: -10px;
	}
	.modal-window .modal-header {
		font-size: 22px;
		line-height: 1.3;
		margin: 0 50px 30px 0;
	}
	.modal-window .main-rating {
		margin-bottom: 10px;
	}
	.modal-window .rating-stars {
		margin-bottom: 20px;
	}
	.modal-window.blue:before {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMzM1IDQ4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MTlDRkYiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzE3Q0U3IiAvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNncmFkaWVudCkiIGQ9Ik03LjM4IDUuMzRBMTkuOTEgMTkuOTEgMCAwMTIyLjA0Ljk4Yzk4LjE5IDguODYgMTk2LjM4IDE3LjY4IDI5NC41NyAyNi41NCA5LjE5LjU2IDE2LjczIDguMDYgMTguMzkgMTYuOTVWNDhIMFYxNy41N2MxLjQxLTQuNTggMy40MS05LjI4IDcuMzgtMTIuMjN6Ii8+PC9zdmc+");
	}
	.modal-window .courses-wrapper {
		margin: 0 -30px;
		padding: 0 30px;
		overflow: hidden;
	}
	.modal-window .courses.grid > .item {
		width: 100%;
	}
	.modal-window .courses > .item:nth-child(n+2) {
		display: none;
	}
}
@media (min-width: 576px) {
	.hidden-xs-up {
		display: none;
	}
	.pagination li {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.pagination .prev, .pagination .next {
		display: block;
		width: 60px;
		height: 60px;
		background: #FF9C42;
		-webkit-box-shadow: 0px 15px 40px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px 15px 40px -15px rgba(231, 97, 0, 0.77);
		border-radius: 12px;
	}
	.pagination .prev {
		-webkit-box-shadow: 0px -15px 40px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px -15px 40px -15px rgba(231, 97, 0, 0.77);
		margin-right: 10px;
	}
	.pagination .prev:hover {
		-webkit-box-shadow: 0px -10px 20px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px -10px 20px -15px rgba(231, 97, 0, 0.77);
	}
	.pagination .next {
		margin-left: 10px;
	}
	.pagination .next:hover {
		-webkit-box-shadow: 0px 10px 20px -15px rgba(231, 97, 0, 0.77);
		box-shadow: 0px 10px 20px -15px rgba(231, 97, 0, 0.77);
	}
	.pagination .prev:before, .pagination .next:before, .pagination .prev:after, .pagination .next:after {
		content: "";
		width: 100%;
		height: 100%;
		background: url("../img/next.svg") 50% 50% no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transition: .15s;
		transition: .15s;
	}
	.pagination .prev:before, .pagination .next:before {
		background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
		background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
		border-radius: 12px;
	}
	.pagination .prev:after, .pagination .next:after {
		background: url("../img/next2-white.svg") 50% 50% no-repeat;
		opacity: 1;
	}
}
@media (max-width: 575px) {
	html {
		font-size: 15px;
	}
	.hidden-xs-down {
		display: none;
	}
	.page-section {
		margin: 4rem 0;
	}
	.section-header {
		margin-bottom: 20px;
	}
	.section-header.large-gap {
		margin-bottom: 25px;
	}
	.section-header .items {
		font-size: 16px;
	}
	.section-intro {
		margin-bottom: 40px;
	}
	h1, .h1 {
		font-size: 28px;
	}
	h2, .h2 {
		font-size: 20px;
	}
	h3, .h3 {
		font-size: 16px;
	}
	.article-content h2 {
		margin-top: 25px;
	}
	th, td {
		padding: 10px;
	}
	.dropdown {
		font-size: 12px;
	}
	.dropdown .selector {
		background: none;
		height: auto;
		padding: 0;
		border: 0;
	}
	.dropdown .selector:hover {
		background: none;
	}
	.dropdown ul {
		border-radius: 12px;
		margin-top: 10px;
	}
	.pagination {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.view-switcher {
		display: none;
	}
	.owl-carousel {
		padding-bottom: 54px;
	}
	.owl-nav {
		width: calc(100% - 4px);
	}
	.owl-carousel.numbered:after {
		content: none;
	}
}
@media (max-width: 414px) {
	html {
		font-size: 14px;
	}
	.container {
		padding: 0 20px;
	}
	.section-header .items {
		font-size: 14px;
	}
	.section-intro {
		font-size: 14px;
	}
	h1, .h1 {
		font-size: 24px;
	}
	h2, .h2 {
		font-size: 18px;
	}
	h3, .h3 {
		font-size: 15px;
	}
	.form-agreement {
		font-size: 11px;
		margin-top: 10px;
	}
	.items-switcher a {
		min-width: 80px;
		padding: 0 20px;
	}
	.load-more-items {
		font-size: 14px;
	}
	.pagination li {
		display: none;
	}
	.pagination li:nth-child(-n+3), .pagination li:nth-last-child(-n+3), .pagination .omission {
		display: block;
	}
}

/* Header */
.site-header {
	width: 100%;
	min-width: 320px;
	padding: 30px 0 25px;
	background: #fff;
	border-bottom: 1px solid #E4E9F2;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 501;
	-webkit-transition: .15s border-color, .15s -webkit-box-shadow;
	transition: .15s border-color, .15s box-shadow;
	/* -webkit-transform: translateZ(0); */
}
.home-page .site-header {
	border-color: rgba(255,255,255,0);
}
.site-header.sticky {
	border-color: #E4E9F2;
	-webkit-box-shadow: 0px 20px 30px rgba(76, 119, 150, 0.1);
	box-shadow: 0px 20px 30px rgba(76, 119, 150, 0.1);
}
.site-header .container, .courses-menu-dropdown .container {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.site-header > .container {
	-webkit-align-items: center;
	align-items: center;
}
.site-header .container:before, .site-header .container:after, .courses-menu-dropdown .container:before, .courses-menu-dropdown .container:after {
	content: none;
}
.courses-menu-trigger {
	height: 42px;
	font-size: 16px;
	padding: 0 16px 0 48px;
	border-radius: 6px;
	position: relative;
}
.courses-menu-trigger:before, .courses-menu-trigger:after, .menu-trigger:before, .menu-trigger:after {
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 0;
	background: url("../img/menu-trigger-white.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -8px;
	z-index: 2;
}
.button.courses-menu-trigger:before, .button.menu-trigger:before {
	content: "";
}
.courses-menu-trigger:hover:before, .menu-trigger:hover:before {
	opacity: 1;
}
.courses-menu-trigger:after, .menu-trigger:after {
	background-image: url("../img/close-white.svg");
	opacity: 0;
}
.courses-menu-trigger.active:before, .menu-trigger.active:before {
	opacity: 0;
}
.courses-menu-trigger.active:after, .menu-trigger.active:after {
	opacity: 1;
}
.search-form {
	position: relative;
}
.site-header .search-form {
	width: calc(100% - 1100px);
	min-width: 200px;
}
.search-form .input {
	height: 42px;
	padding-right: 62px;
	border-radius: 6px;
	font-size: 14px;
	margin: 0;
}
.search-form .button {
	width: 42px;
	height: 42px;
	padding: 0;
	background-image: url("../img/search-white.svg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 0 6px 6px 0;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}
.search-form .button:before {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.main-navigation li {
	font-size: 16px;
	font-weight: bold;
	color: #272B37;
	float: left;
	margin-right: 30px;
}
.main-navigation a:hover {
	color: #FF9331;
}
.main-navigation .promo > a, .mobile-menu .promos > a {
	padding-left: 48px;
	position: relative;
}
.main-navigation .promo > a:before, .mobile-menu .promos > a:before {
	content: "";
	width: 38px;
	height: 38px;
	background: #fff url("../img/star2.svg") 50% 50% no-repeat;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
	border: 1px solid #7324FF;
	border-radius: 6px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -19px;
}
.mobile-menu .promos > a:before {
	border-color: #fff;
}
.site-header .actions {
	display: -webkit-flex;
	display: flex;
}
.site-header .actions .button {
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 6px;
	padding: 0;
	margin-left: 15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
}
.site-header .actions .bookmarks {
	background-image: url("../img/bookmark-white.svg");
}
.site-header .actions .favorites {
	background-image: url("../img/like-white.svg");
}
.site-header .actions .comparisons {
	background-image: url("../img/comparison-white.svg");
}
.site-header .actions [data-count]:after {
	content: attr(data-count);
	width: 24px;
	height: 24px;
	font-size: 10px;
	font-weight: 600;
	line-height: 20px;
	background: #FF9C42;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	right: -10px;
	top: -10px;
}
.site-header .actions [data-count="0"]:after {
	content: none;
}
.menu-trigger {
	width: 42px;
	height: 42px;
	border-radius: 6px;
	padding: 0;
}
.menu-trigger:before, .menu-trigger:after {
	width: 24px;
	height: 24px;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
}
.courses-menu-dropdown {
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 0 100vh rgba(10,65,95,0.4);
	box-shadow: 0 100vh 0 100vh rgba(10,65,95,0.4);
	border-top: 2px solid #E4E9F2;
	border-radius: 0px 0px 40px 40px;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
}
.courses-menu-dropdown > .container {
	position: relative;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.courses-menu {
	padding: 20px 0 20px;
	width: 20%;
	border-right: 2px solid #E4E9F2;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #D0D5E0 transparent;
	font-weight: bold;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.courses-menu::-webkit-scrollbar {
	width: 4px;
}
.courses-menu::-webkit-scrollbar-track {
	background: transparent;
}
.courses-menu::-webkit-scrollbar-thumb {
	background: #D0D5E0;
	border-radius: 4px;
}
.courses-menu::-webkit-scrollbar-thumb:hover {
	background: #B0B5C0;
}
.courses-menu > li + li {
	margin-top: 10px;
}
.courses-menu > li > a {
	display: block;
	padding: 0 10px 5px 0;
	color: rgba(39, 43, 55, 0.6);
	border-bottom: 2px solid transparent;
	transition: border-color .15s, color .15s;
}
.courses-menu > li > a:hover {
	color: #272B37;
	border-color: rgba(115, 36, 255, 0.4);
}
.courses-menu > li.active > a {
	color: #272B37;
	border-color: #7324FF;
}
.courses-menu > li > ul {
	width: 80%;
	min-height: 100%;
	padding: 20px 40px 30px;
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	font-size: 16px;
	line-height: 1.25;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	position: absolute;
	left: 20%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .15s;
	transition: .15s;
	background: #fff;
	z-index: 5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.courses-menu > li.active > ul {
	opacity: 1;
	visibility: visible;
}
.courses-menu ul li {
	color: #434546;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.courses-menu ul li + li {
	margin-top: 15px;
}
.courses-menu ul li a:hover {
	color: #7324FF;
}
.courses-menu ul li.show-all-subcats {
	column-span: all;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #E4E9F2;
}
.courses-menu ul li.show-all-subcats a {
	color: #7324FF;
	font-weight: 600;
	font-size: 15px;
	transition: opacity .15s;
}
.courses-menu ul li.show-all-subcats a:hover {
	opacity: 0.7;
}
.courses-menu-dropdown {
	display: none;
}
.courses-menu-dropdown .related-articles {
	display: none; /* temporarily hidden — space given to subcategories */
	width: 36%;
	max-width: 452px;
	padding: 40px 0;
}
.courses-menu-dropdown .articles-header {
	display: inline-block;
	max-width: calc(100% - 150px);
}
.courses-menu-dropdown .related-articles .show-more {
	padding-right: 27px;
	font-size: 14px;
	font-weight: 600;
	color: #7324FF;
	float: right;
	position: relative;
	margin: 10px 0 0;
}
.courses-menu-dropdown .related-articles .show-more:before, .courses-menu-dropdown .related-articles .show-more:after {
	content: "";
	width: 14px;
	height: 100%;
	background: url("../img/arrow.svg") 100% 50% no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
.related-articles .show-more:hover {
	color: #FF9331;
}
.courses-menu-dropdown .related-articles .show-more:after {
	background-image: url("../img/arrow-active.svg");
	opacity: 0;
}
.courses-menu-dropdown .related-articles .show-more:hover:before {
	opacity: 0;
}
.courses-menu-dropdown .related-articles .show-more:hover:after {
	opacity: 1;
}
.courses-menu-dropdown .articles {
	border: 0;
	border-top: 1px solid #E4E9F2;
	margin: 0 !important;
}
.courses-menu-dropdown .articles .item {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #E4E9F2;
	border-radius: 0;
	padding: 10px 0 25px;
	margin: 0;
	position: relative;
}
.courses-menu-dropdown .articles .item:hover {
	border-color: #E4E9F2;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.courses-menu-dropdown .articles .meta {
	width: 100%;
}
.courses-menu-dropdown .articles .cover {
	width: 92px;
	height: 64px;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 25px;
}
.courses-menu-dropdown .articles .title {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	min-height: 3.9em;
	margin: 10px 0 0 112px;
}
@media (max-width: 1599px) {
	.site-logo {
		width: 192px;
		height: 34px;
	}
	.courses-menu-trigger {
		font-size: 15px;
	}
	.site-header .search-form {
		width: calc(100% - 920px);
	}
	.main-navigation li {
		font-size: 15px;
		margin-right: 18px;
	}
}
@media (min-width: 1280px) and (max-width: 1399px) {
	.site-header .search-form {
		min-width: 200px;
	}
	.site-header .search-form .input {
		padding: 0 50px 0 15px;
	}
	.courses-menu-trigger {
		font-size: 14px;
	}
	.main-navigation li {
		font-size: 14px;
		margin-right: 15px;
	}
}
@media (max-width: 1279px) {
	.site-header .search-form {
		width: calc(100% - 800px);
	}
	.main-navigation {
		margin: -2px 0;
	}
	.main-navigation li:nth-child(4) {
		clear: left;
	}
	.main-navigation .promo {
		margin-top: 12px;
	}
}
@media (min-width: 1200px) {
	.site-header .menu-trigger, .mobile-menu {
		display: none !important;
	}
	.topbar .main-navigation .promo {
		float: right;
		margin-right: 0;
	}
	.topbar .main-navigation a {
		white-space: nowrap;
	}
}
@media (max-width: 1199px) {
	.main-navigation {
		display: none;
	}
	.site-header .search-form {
		width: calc(100% - 300px);
		margin-right: 0;
	}
	.courses-menu-trigger, .site-header .topbar .actions {
		display: none;
	}
	.courses-menu-dropdown {
		display: none !important;
	}
	.courses-menu-open .bottom {
		background: #FFF;
		border-color: #E4E9F2;
	}
	.courses-menu-open .social-networks a:after {
		opacity: 0;
		visibility: hidden;
	}
	.mobile-menu-open {
		overflow: hidden;
	}
	.mobile-menu {
		width: 100%;
		max-height: calc(100vh - 97px);
		overflow-y: auto;
		background: #7324FF;
		border-top: 1px solid #E4E9F2;
		color: #fff;
		-webkit-box-shadow: 0 0 0 100vh rgba(10,65,95,0.4);
		box-shadow: 0 100vh 0 100vh rgba(10,65,95,0.4);
		position: absolute;
		top: 100%;
		z-index: -2;
		display: none;
	}
	.mobile-menu .top .search-form {
		width: 100%;
		margin: 20px 0;
	}
	.mobile-menu .search-form .input:focus {
		border-color: #FF9C42;
		-webkit-box-shadow: 0 0 0 1px #FF9C42 inset;
		box-shadow: 0 0 0 1px #FF9C42 inset;
	}
	.mobile-menu .search-form .button {
		background-image: url("../img/search-white.svg"), -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
		background-image: url("../img/search-white.svg"), linear-gradient(94.43deg, #FFA14C 0%, #FF5A13 100%);
	}
	.mobile-menu > .main {
		padding-top: 30px;
		padding-bottom: 30px;
		position: relative;
	}
	.mobile-menu .nav-menu {
		min-width: 50%;
		font-size: 24px;
		font-weight: bold;
		line-height: 38px;
	}
	.mobile-menu .nav-menu li + li {
		margin-top: 18px;
	}
	.mobile-menu .nav-menu a {
		display: block;
	}
	.mobile-menu .social-networks li + li {
		margin-left: 20px;
	}
	.mobile-menu .actions .button:first-child {
		margin-left: 0;
	}
	.mobile-menu .actions .button {
		width: 42px;
		height: 42px;
		position: relative;
	}
	.mobile-menu .actions .button {
		background-color: #fff;
	}
	.mobile-menu .actions .bookmarks {
		background-image: url("../img/bookmark-blue.svg");
	}
	.mobile-menu .actions .favorites {
		background-image: url("../img/like-blue.svg");
	}
	.mobile-menu .actions .comparisons {
		background-image: url("../img/comparison-blue.svg");
	}
	.courses-menu-trigger-mobile {
		display: block;
		width: 100%;
		height: 80px;
		padding: 0;
		font-size: 24px;
		font-weight: bold;
		line-height: 77px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		background: #9B5FFF;
		-webkit-box-shadow: -50px 0 0 #9B5FFF, 50px 0 0 #9B5FFF;
		box-shadow: -50px 0 0 #9B5FFF, 50px 0 0 #9B5FFF;
		text-align: left;
		color: inherit;
		border: 0;
	}
	.courses-menu-trigger-mobile:after, .courses-menu-trigger-mobile.active:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: .8em;
		height: 100%;
		background: url("../img/arrow-white.svg") 50% 50% no-repeat;
		-webkit-background-size: .8em auto;
		background-size: .8em auto;
		margin-left: .8em;
	}
	.courses-menu-trigger-mobile.active:before {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		margin: 0 .8em 0 0;
	}
	.courses-menu-trigger-mobile.active:after {
		content: none;
	}
	.mobile-menu .courses-menu-wrapper {
		background: #fff;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 2;
		-webkit-transition: .15s;
		transition: .15s;
	}
	.mobile-menu:not(.courses-menu-open) .courses-menu-wrapper {
		opacity: 0;
		visibility: hidden;
	}
	.courses-menu {
		width: 42.7%;
		padding: 0;
		position: relative;
	}
	.courses-menu > li {
		display: table;
		width: 100%;
		height: 60px;
		font-size: 24px;
		line-height: 1.15;
	}
	.courses-menu > li + li {
		margin-top: 0;
	}
	.courses-menu > li > a {
		display: table-cell;
		vertical-align: middle;
		color: #272B37;
		position: relative;
		padding: 0 1em 0 0;
		border: 0;
		pointer-events: none;
		z-index: -1;
	}
	.courses-menu > li > a:before {
		content: "";
		width: calc(100% + 50px);
		height: 100%;
		background: #EDE0FF;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -1;
	}
	.courses-menu .active a:before {
		opacity: 1;
	}
	.courses-menu > li > ul {
		width: calc(134% + 20px);
		min-height: auto;
		max-height: none;
		padding: 10px 0;
		font-size: 20px;
		line-height: 1.3;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
		left: 100%;
		top: 0;
		background: #fff;
		z-index: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.courses-menu ul li {
		max-width: 90%;
		margin: 0 auto 5px;
	}
	.courses-menu ul li + li {
		margin-top: 0;
	}
	.courses-menu ul a {
		display: block;
		padding: 10px 0;
	}
	.mobile-menu .bottom {
		-webkit-align-items: center;
		align-items: center;
		border-top: 2px solid #9B5FFF;
		padding-top: 30px;
		padding-bottom: 70px;
		-webkit-transition: .15s;
		transition: .15s;
	}
	.mobile-menu .social-networks a {
		width: 42px;
		height: 42px;
		position: relative;
	}
	.mobile-menu .social-networks a:after {
		content: "";
		width: 100%;
		height: 100%;
		background: inherit;
		background-color: #fff;
		border-radius: inherit;
		position: absolute;
		left: 0;
		top: 0;
	}
	.mobile-menu .social-networks .facebook:after {
		background-image: url("../img/social-networks/facebook-blue.svg");
	}
	.mobile-menu .social-networks .instagram:after {
		background-image: url("../img/social-networks/instagram-blue.svg");
	}
	.mobile-menu .social-networks .vkontakte:after {
		background-image: url("../img/social-networks/vkontakte-blue.svg");
	}
	.mobile-menu .social-networks .telegram:after {
		background-image: url("../img/social-networks/telegram-blue.svg");
	}
	.mobile-menu .bottom .button {
		height: 64px;
		font-size: 20px;
		min-width: 225px;
	}
}
@media (max-width: 767px) {
	.courses-menu > li {
		font-size: 22px;
	}
}
@media (min-width: 576px) {
	.mobile-menu .search-form {
		display: none;
	}
	.mobile-menu .social-networks {
		order: 2;
	}
	.mobile-menu > .main {
		min-height: 500px;
		background: url("../img/bg-mobile-menu.png") 100% 100% no-repeat;
		-webkit-background-size: 452px auto;
		background-size: 452px auto;
	}
	.mobile-menu .search-form {
		display: none;
	}
}
@media (max-width: 575px) {
	html {
		padding-top: 72px;
	}
	.site-header {
		padding: 15px 0 14px;
	}
	.site-header .topbar .search-form {
		display: none;
	}
	.mobile-menu {
		max-height: calc(100vh - 71px);
	}
	.mobile-menu .container {
		display: block;
	}
	.mobile-menu > .main {
		min-height: 375px;
		padding-bottom: 25px;
	}
	.mobile-menu .nav-menu {
		font-size: 22px;
	}
	.mobile-menu .actions {
		margin-top: 40px;
	}
	/* Tutortop-style header bar for courses menu */
	.courses-menu-trigger-mobile {
		height: 56px;
		font-size: 20px;
		font-weight: bold;
		line-height: 56px;
		background: #5EB5DE;
		-webkit-box-shadow: -50px 0 0 #5EB5DE, 50px 0 0 #5EB5DE;
		box-shadow: -50px 0 0 #5EB5DE, 50px 0 0 #5EB5DE;
		color: #fff;
		text-align: left;
		padding: 0 0 0 0;
		border: 0;
		border-radius: 0;
	}
	.courses-menu-trigger-mobile:after {
		content: none;
	}
	.courses-menu-trigger-mobile.active:before {
		width: 20px;
		height: 20px;
		-webkit-background-size: 14px auto;
		background-size: 14px auto;
		margin: 0 12px 0 0;
	}
	/* Courses menu panel */
	.courses-menu {
		width: 100%;
		border: 0;
		padding-top: 8px;
	}
	.mobile-menu .courses-menu {
		height: 100%;
	}
	.courses-menu > li {
		height: auto;
		min-height: 48px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		border-bottom: 1px solid #E4E9F2;
	}
	.courses-menu > li > a {
		display: block;
		width: 100%;
		padding: 14px 0;
		font-size: 18px;
		color: #272B37;
		pointer-events: none;
	}
	.courses-menu > li > a:before {
		content: none;
	}
	/* Subcategories panel — single column on mobile */
	.courses-menu > li > ul {
		background: #fff;
		width: 100%;
		min-height: auto;
		border: 0;
		left: 0;
		z-index: 2;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		max-height: none;
		padding: 8px 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.courses-menu ul li {
		max-width: 100%;
		border-bottom: 1px solid #E4E9F2;
		margin: 0;
	}
	.courses-menu ul li + li {
		margin-top: 0;
	}
	.courses-menu ul li a {
		display: block;
		padding: 14px 0;
		font-size: 18px;
		color: #272B37;
	}
	.courses-menu ul li a:hover {
		color: #7324FF;
	}
	.mobile-menu .bottom {
		padding-top: 25px;
	}
	.mobile-menu .bottom .button {
		width: 100%;
		margin-top: 25px;
	}
}

/* Main intro */
.main-intro {
	background: #F7F8FB;
	padding: 130px 0 25px;
	position: relative;
	margin: -50px auto 220px;
}
.main-intro:after {
	content: "";
	width: 100%;
	height: 230px;
	background: url("../img/bg-main-intro.svg") 50% 100% no-repeat;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -2px;
}
.main-intro .main {
	position: relative;
	z-index: 3;
}
.main-intro .header {
	font-size: 80px;
	line-height: 1;
	color: #272B37;
	margin-bottom: 60px;
}
.main-intro .search-form-header {
	font-size: 22px;
	margin-bottom: 30px;
}
.main-intro .search-form .input {
	height: 64px;
	padding-right: 150px;
	border-radius: 12px 16px 16px 12px;
}
.main-intro .search-form .button {
	width: 150px;
	height: 100%;
	background-image: none;
	border-radius: 0 12px 12px 0;
}
.main-intro .cta {
	width: 550px;
	height: 696px;
	margin-top: 20px;
	position: relative;
	z-index: 2;
}
.main-intro .cta .image:empty {
	width: 100%;
	height: 100%;
	background: url("../img/character.png") 50% 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}
.main-intro .cta .image {
	width: 114%;
	height: 120%;
	position: absolute;
	left: -5%;
	top: -18%;
}
.main-intro .cta.animated:after {
	content: none;
}
.main-intro .cta:before {
	content: "";
	font-size: 669px;
	width: 1em;
	height: 1em;
	background: rgba(255,255,255,0.6);
	background-clip: content-box;
	padding: 0.083em;
	border: 0.083em solid rgba(255,255,255,0.6);
	border-radius: 50%;
	position: absolute;
	right: 28%;
	top: -3%;
	z-index: -2;
}
.main-intro .cta .offer {
	display: -webkitflex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	width: 96%;
	height: 160px;
	padding: 10px 40px 10px 60px;
	background: #fff;
	-webkit-box-shadow: 0px 1.3em 1.67em rgba(108, 109, 115, 0.1);
	box-shadow: 0px 1.3em 1.67em rgba(108, 109, 115, 0.1);
	color: #272B37;
	border-radius: 80px;
	font-size: 23px;
	position: absolute;
	right: 2%;
	bottom: 0;
}
.main-intro .cta .offer:hover .button:before {
	opacity: 0;
}
.main-intro .cta .offer:before {
	content: "";
	width: 100%;
	height: 28.125%;
	background: url("../img/cta-offer-pointer.svg") 45% 0% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	bottom: 100%;
	right: 0;
}
.main-intro .cta .offer .link:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 80px;
	position: absolute;
	left: 0;
	top: 0;
}
.main-intro .cta .button {
	width: 77px;
	min-width: 77px;
	height: 77px;
	padding: 0;
	border-radius: 50%;
	aspect-ratio: 1;
	flex-shrink: 0;
}
.main-intro .cta .button:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/arrow-white.svg") 50% 50% no-repeat;
	-webkit-background-size: 25% auto;
	background-size: 25% auto;
	position: absolute;
	left: 0;
	top: 0;
}
.main-intro .categories {
	margin-top: 120px;
	position: relative;
	z-index: 3;
}
.main-intro .categories-header {
	font-size: 22px;
	font-weight: bold;
	color: #272B37;
	margin-bottom: 40px;
}
.main-intro .categories-list {
	margin: 0 -10px -10px 0;
}
.main-intro .categories-list li {
	float: left;
	margin: 0 10px 10px 0;
}
.main-intro .categories-list a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 50px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	background: #fff;
	color: #272B37;
	border: 1px solid #E4E9F2;
	border-radius: 8px;
	padding: 0 22px;
}
.main-intro .categories-list a:hover {
	background: #7324FF;
	border-color: #7324FF;
	color: #fff;
}
@media (min-width: 1800px) {
	.main-intro {
		max-width: calc(100% - 100px);
		margin-bottom: 220px;
	}
	.main-intro:after {
		height: 228px;
		-webkit-background-size: 100% 230px;
		background-size: 100% 230px;
	}
}
@media (max-width: 1599px) {
	.main-intro {
		padding-top: 100px;
	}
	.main-intro .header {
		font-size: 72px;
	}
	.main-intro .categories {
		margin-top: 90px;
	}
	.main-intro .cta {
		width: 500px;
		height: 633px;
	}
	.main-intro .cta:before {
		font-size: 602px;
	}
	.main-intro .cta .offer {
		height: 145px;
		padding: 10px 36px 10px 56px;
		font-size: 21px;
	}
	.main-intro .cta .button {
		width: 70px;
		min-width: 70px;
		height: 70px;
	}
}
@media (max-width: 1399px) {
	.main-intro {
		padding-top: 80px;
		margin-bottom: 170px;
	}
	.main-intro:after {
		height: 180px;
	}
	.main-intro .header {
		font-size: 64px;
		margin-bottom: 50px;
	}
	.main-intro .categories {
		margin-top: 70px;
	}
	.main-intro .cta {
		width: 460px;
		height: 582px;
	}
	.main-intro .cta:before {
		font-size: 542px;
	}
	.main-intro .cta .offer {
		height: 132px;
		padding: 10px 32px 10px 50px;
		font-size: 19px;
	}
	.main-intro .cta .button {
		width: 63px;
		min-width: 63px;
		height: 63px;
	}
}
@media (max-width: 1199px) {
	.main-intro {
		padding-top: 68px;
	}
	.main-intro .header {
		font-size: 56px;
		margin-bottom: 40px;
	}
	.main-intro .search-form .input {
		padding-right: 130px;
		text-overflow: ellipsis;
	}
	.main-intro .search-form .button {
		width: 130px;
	}
	.main-intro .cta {
		width: 368px;
		height: 466px;
	}
	.main-intro .cta:before {
		font-size: 434px;
	}
	.main-intro .cta .offer {
		height: 106px;
		padding: 10px 26px 10px 40px;
		font-size: 16px;
	}
	.main-intro .cta .button {
		width: 50px;
		min-width: 50px;
		height: 50px;
	}
	.main-intro .categories {
		margin-top: 60px;
	}
	.main-intro .categories-header {
		margin-bottom: 30px;
	}
}
@media (max-width: 991px) {
	.main-intro {
		margin-bottom: 120px;
	}
	.main-intro:after {
		height: 130px;
		-webkit-background-size: 132px;
		background-size: auto 132px;
	}
	.main-intro .header {
		font-size: 44px;
		margin-bottom: 20px;
	}
	.main-intro .search-form-header {
		font-size: 20px;
		max-width: 14em;
	}
	.main-intro .search-form {
		max-width: 306px;
	}
	.main-intro .search-form .input {
		height: 50px;
		text-overflow: ellipsis;
	}
	.main-intro .search-form .button {
		width: 108px;
		height: 100%;
	}
	.main-intro .cta {
		width: 268px;
		height: 326px;
	}
	.main-intro .cta:before {
		font-size: 300px;
		border-width: .1em;
		right: 21%;
		top: 12%;
	}
	.main-intro .cta .offer {
		width: 94%;
		height: 85px;
		padding: 10px 24px 10px 28px;
		font-size: 14px;
		right: 3%;
	}
	.main-intro .cta .offer:before {
		height: 20%;
	}
	.main-intro .cta .button {
		width: 37px;
		min-width: 37px;
		height: 37px;
	}
	.main-intro .cta .button:after {
		-webkit-background-size: 33% auto;
		background-size: 33% auto;
	}
	.main-intro .categories {
		margin-top: 50px;
	}
	.main-intro .categories-header {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.main-intro .categories-list {
		margin: 0 -5px -5px 0;
	}
	.main-intro .categories-list li {
		float: left;
		margin: 0 5px 5px 0;
	}
	.main-intro .categories-list a {
		height: 46px;
		padding: 0 20px;
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.main-intro {
		padding-top: 60px;
	}
	.main-intro .header {
		font-size: 36px;
	}
	.main-intro .search-form-header {
		margin-bottom: 25px;
	}
	.main-intro .cta {
		width: 218px;
		height: 264px;
	}
	.main-intro .cta:before {
		top: 3%;
		right: 10%;
	}
	.main-intro .cta .offer {
		height: 62px;
		padding: 8px 12px 8px 16px;
		font-size: 12px;
		text-align: center;
	}
	.main-intro .cta .offer:before {
		height: 20%;
	}
}
@media (min-width: 576px) {
	.main-intro .main, .main-intro .categories {
		width: 55%;
		max-width: 693px;
		float: left;
		clear: left;
	}
	.main-intro .cta {
		float: right;
		margin: -20px 0;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.main-intro {
		padding-bottom: 0;
	}
	.main-intro .main {
		width: 50%;
	}
	.main-intro .cta {
		margin: -40px 0;
	}
	.main-intro .categories {
		width: 100%;
		max-width: 100%;
	}
}
@media (max-width: 575px) {
	.main-intro {
		padding-top: 40px;
		margin-bottom: 40px;
	}
	.main-intro:after {
		content: none;
	}
	.main-intro .search-form {
		max-width: 100%;
	}
	.main-intro .cta {
		margin: 15px auto 0;
	}
	.main-intro .cta:before {
		font-size: 320px;
		top: -50px;
		right: 50%;
		margin-right: -160px;
	}
	.main-intro .categories {
		margin-top: 30px;
	}
	.main-intro .categories-header {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.main-intro .categories a {
		height: 38px;
		padding: 0 17px;
		font-size: 12px;
	}
}

/* Page intro */
.page-intro {
	padding: 60px 0;
	background: #7324FF;
	color: #fff;
	position: relative;
}
.page-intro .topbar, .page-intro .brand, .page-intro .count, .page-intro .response {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.page-intro .topbar {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 30px;
}
.page-intro .brand, .page-intro .count {
	height: 46px;
	padding: 0 20px;
	line-height: 1.3;
	background: #fff;
	color: #000;
	border-radius: 23px;
	margin: 0 30px 20px 0;
	margin-right: 30px;
}
.page-intro .brand {
	border-radius: 0 23px 23px 0;
}
.page-intro .brand img {
	min-width: 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	margin-right: 8px;
}
.page-intro .response {
	font-weight: 500;
	margin: 0 -30px 20px 0;
}
.page-intro .response li {
	white-space: nowrap;
	padding-left: 36px;
	position: relative;
	margin: 4px 30px 4px 0;
}
.page-intro .response a {
	border-bottom: 1px solid rgba(255,255,255,0);
}
.page-intro .response a:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.page-intro .response a:hover {
	border-color: #fff;
}
.page-intro .rating a {
	text-decoration: none;
	color: #fff;
}
.page-intro .reviews-number:before, .page-intro .rating span {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
}
.page-intro .reviews-number:before {
	content: "";
	background: #fff url("../img/comment2.svg") 50% 50% no-repeat;
}
.page-intro .rating span {
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 10px;
	font-weight: 600;
	line-height: 28px;
	background: #fff;
	color: #7324FF;
}
.page-intro .duration {
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	padding-left: 24px;
	background: url("../img/clock2.svg") 0 50% no-repeat;
	margin: 0 10px 15px 0;
}
.page-intro .period {
	padding-left: 38px;
	font-size: 18px;
	position: relative;
	margin: 0 0 20px;
}
.page-intro .period:before {
	content: "";
	width: 30px;
	height: 30px;
	background: #fff url("../img/clock2.svg") 50% 50% no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
}
.page-intro .header {
	font-size: 80px;
	color: #fff;
	margin-bottom: 20px;
}
.page-intro .description {
	max-width: 48em;
	font-size: 24px;
}
.page-intro .description.medium-width {
	max-width: 38.75em;
}
.page-intro .main .button {
	margin: 60px 0 0;
}
.page-intro .promo-code {
	width: 452px;
	max-width: 100%;
	background: #fff;
	padding: 55px 45px 65px;
	color: #272B37;
	border-radius: 20px;
	text-align: center;
	position: relative;
	margin: 60px 0 0;
}
.page-intro .promo-code:after {
	content: "";
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 2px solid #E4E9F2;
	border-radius: 20px;
	position: absolute;
	left: 15px;
	top: 15px;
	pointer-events: none;
}
.page-intro .promo-code .label {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 40px;
}
.page-intro .promo-code .code {
	font-size: 54px;
	font-weight: bold;
	line-height: 1.3;
}
.page-intro .promo-code .description {
	max-width: 280px;
	font-size: 16px;
	color: rgba(39,43,55,0.8);
	margin: 15px auto 0;
}
.page-intro .promo-code .button {
	padding-left: 15px;
	padding-right: 15px;
	margin: 50px auto 0;
}
.page-intro.has-menu {
	padding-bottom: 150px;
}
.page-intro .menu {
	display: -webkit-flex;
	display: flex;
	max-width: 100%;
	white-space: nowrap;
	overflow-x: auto;
	font-size: 24px;
	font-weight: 600;
	position: absolute;
	bottom: 0;
}
.page-intro .menu li + li {
	margin-left: 60px;
}
.page-intro .menu a {
	display: block;
	padding-bottom: 28px;
	color: rgba(255,255,255,0.6);
	position: relative;
}
.page-intro .menu a:before {
	content: "";
	width: 100%;
	height: 10px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.page-intro .menu [data-count]:after {
	content: " (" attr(data-count) ")";
	font-size: 20px;
	font-weight: normal;
}
.page-intro .menu a:hover, .page-intro .menu .active {
	color: #fff;
}
.page-intro .menu .active:before {
	background: #FF9330;
}
.page-intro .search-form.extended .input {
	height: 64px;
	border-radius: 12px;
	font-size: 16px;
}
.page-intro .search-form.extended .input:focus {
	border-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.page-intro .search-form.extended .button {
	width: 64px;
	height: 64px;
	border-radius: 0 12px 12px 0;
	overflow: hidden;
}
.page-intro .search-form.extended .button:before, .page-intro .search-form.extended .button:after {
	content: "";
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
	background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
}
.page-intro .search-form.extended .button:after {
	background: url("../img/search-white.svg") 50% 50% no-repeat;
	-webkit-background-size: 18px;
	background-size: 18px;
}
.page-intro .search-form.extended .button:hover:after {
	background-color: #FF9330;
}
.page-intro .search-results-counter {
	margin-top: 30px;
}
.page-intro .items-switcher {
	float: left;
	margin-top: 40px;
}
@media (min-width: 1800px) {
	.page-intro {
		max-width: calc(100% - 100px);
		border-radius: 0 0 40px 40px;
		margin: 0 auto;
	}
}
@media (max-width: 1599px) {
	.page-intro .header {
		font-size: 72px;
	}
}
@media (max-width: 1399px) {
	.page-intro {
		padding-bottom: 70px;
	}
	.page-intro .header {
		font-size: 64px;
	}
	.page-intro .description {
		font-size: 22px;
	}
	.page-intro.has-menu {
		padding-bottom: 120px;
	}
}
@media (min-width: 1200px) {
	.page-intro:not(.auto-height) {
		min-height: 376px;
	}
	.page-intro .main:not(:last-child) {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 480px);
		max-width: 750px;
	}
	.page-intro .main:not(:last-child) .header {
		font-size: 64px;
	}
	.page-intro .main:not(:last-child) .description {
		font-size: 20px;
	}
	.page-intro .promo-code {
		float: right;
		margin: 0;
	}
	.page-intro .search-form.extended {
		position: relative;
		margin-right: 480px;
	}
	.page-intro .items-switcher {
		width: 460px;
		margin: 0;
		position: absolute;
		right: -480px;
		top: 0;
	}
	.page-intro .items-switcher a {
		padding: 0 10px;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
}
@media (max-width: 1199px) {
	.page-intro .topbar {
		margin-bottom: 20px;
	}
	.page-intro .header {
		font-size: 56px;
	}
	.page-intro .main .button {
		margin: 35px 0 0;
	}
}
@media (max-width: 991px) {
	.page-intro {
		padding-bottom: 40px;
	}
	.page-intro .header {
		font-size: 44px;
	}
	.page-intro .description {
		font-size: 20px;
	}
	.page-intro.has-menu {
		padding-bottom: 90px;
	}
	.page-intro .menu {
		left: 0;
		padding: 0 40px;
		font-size: 20px;
	}
	.page-intro .menu li + li {
		margin-left: 50px;
	}
	.page-intro .menu a {
		padding-bottom: 14px;
	}
	.page-intro .menu a:before {
		height: 6px;
	}
}
@media (min-width: 768px) {
	.page-intro .header.small, .page-intro .main .header.small {
		font-size: 44px;
	}
	.page-intro .main .button {
		min-width: 256px;
		height: 70px;
		padding: 0 30px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.page-intro .promo-code {
		width: 100%;
		padding: 45px 80px;
		text-align: left;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page-intro .promo-code .label {
		width: 50%;
		margin: 0 20px 0 0;
	}
	.page-intro .promo-code .code {
		width: 50%;
		order: 3;
		margin: -40px 20px 0 0;
	}
	.page-intro .promo-code .description {
		width: calc(50% - 20px);
		margin: 20px 0 0 -10px;
		order: 4;
	}
	.page-intro .promo-code .button {
		margin: 10px 0 0;
		order: 2;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.page-intro .promo-code .label {
		font-size: 18px;
	}
	.page-intro .promo-code .code {
		font-size: 42px;
	}
	.page-intro .promo-code .description {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.page-intro .menu {
		padding: 0 30px;
		font-size: 18px;
	}
	.page-intro .menu [data-count]:after {
		font-size: 1em;
	}
	.page-intro .menu li + li {
		margin-left: 30px;
	}
}
@media (max-width: 575px) {
	.page-intro {
		padding: 40px 0;
	}
	.page-intro .brand, .page-intro .count {
		margin: 0 20px 15px 0;
	}
	.page-intro .response {
		margin-bottom: 15px;
	}
	.page-intro .period {
		font-size: 14px;
		margin: 0 0 15px;
	}
	.page-intro .header {
		font-size: 36px;
	}
	.page-intro .description {
		font-size: 16px;
	}
	.page-intro .review-trigger {
		font-size: 14px;
	}
	.page-intro .main .button {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.page-intro .promo-code {
		width: 374px;
		padding: 30px 30px 40px;
		margin: 40px auto 0;
	}
	.page-intro .promo-code .label {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.page-intro .promo-code .code {
		font-size: 26px;
	}
	.page-intro .promo-code .description {
		font-size: 10px;
		margin: 5px auto 0;
	}
	.page-intro .promo-code .button {
		margin-top: 40px;
	}
	.page-intro.has-menu {
		padding-bottom: 70px;
	}
	.page-intro .menu {
		font-size: 16px;
	}
	.page-intro .search-form.extended .input {
		height: 50px;
		border-radius: 8px;
		font-size: 14px;
	}
	.page-intro .search-form.extended .button {
		width: 50px;
		height: 50px;
		border-radius: 0 8px 8px 0;
	}
	.page-intro .search-form.extended .button:after {
		-webkit-background-size: 14px;
		background-size: 14px;
	}
	.page-intro .search-results-counter {
		margin-top: 25px;
	}
	.page-intro .items-switcher {
		width: 100%;
		float: none;
		margin-top: 30px;
	}
	.page-intro .items-switcher a {
		padding: 0 10px;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
}
@media (max-width: 414px) {
	.page-intro .menu {
		padding: 0 20px;
	}
	.page-intro .menu li + li {
		margin-left: 20px;
	}
}

/* Schools logos */
.schools-logos.list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px;
}
.schools-logos .item {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: calc(100% - 1px);
	height: 111px;
	border: 1px solid #E4E9F2;
	border-radius: 14px;
}
.schools-logos .item:hover {
	border-color: #B5B5B5;
}
.schools-logos > .item {
	width: calc(25% - 30px);
	margin: 15px;
}
.schools-logos .item img {
	width: auto;
	max-width: 58%;
	max-height: 32%;
	margin: 0 auto;
}
@media (max-width: 1199px) {
	.schools-logos.list {
		margin: -10px;
	}
	.schools-logos > .item {
		width: calc(33.333% - 20px);
		margin: 10px;
	}
}
@media (max-width: 991px) {
	.schools-logos > .item {
		width: calc(50% - 20px);
	}
	.schools-logos > .item:nth-child(n+5) {
		display: none;
	}
}
@media (min-width: 576px) {
	.schools-logos .owl2row-item .item + .item {
		margin-top: 20px;
	}
}
@media (max-width: 575px) {
	.schools-logos .item {
		height: 70px;
	}
	.schools-logos-section .button {
		left: calc(50% - 8px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* Promos */
.promos-section.bg-grey {
	padding: 0 0 100px;
	background: #F7F8FB;
	position: relative;
	margin: 280px auto 0;
}
.promos-section.bg-grey:before {
	content: "";
	width: 100%;
	height: 230px;
	background: url("../img/bg-main-intro.svg") 50% 100% no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	position: absolute;
	left: 0;
	bottom: 100%;
	margin-bottom: -2px;
}
.promos-settings {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 60px;
}
.promos-settings .items-counter {
	margin: 0;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.promos-settings .dropdown {
	margin-left: 30px;
}
.promos .item {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 50px 40px;
	border-radius: 30px;
	background: -webkit-linear-gradient(355.57deg, #8B4FFF, #5a10e0);
	background: linear-gradient(94.43deg, #8B4FFF, #5a10e0);
	color: #fff;
	position: relative;
}
.promos .item + .item {
	margin-top: 60px;
}
.promos .item:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjk1IiBoZWlnaHQ9IjQzMyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDY5NXY4MS43Yy0xLjItMTQtMTMtMjYuMS0yNy4xLTI3LjJMNDEuNSAzLjRjLTYuNS0uNS0xMy4zLTEuNy0xOS44LjNDOS43IDYuOS44IDE4LjIgMCAzMC42VjB6bTAgNDA1LjlhMzIgMzIgMCAwMDcuOCAxNy4zIDMyLjIgMzIuMiAwIDAwMTguNyA5LjhIMHYtMjcuMXptNjg1LjIgMTkuM2EzMi4yIDMyLjIgMCAwMDkuOC0xOC43VjQzM2gtMjcuMWEzMiAzMiAwIDAwMTcuMy03Ljh6Ii8+PC9zdmc+") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}
.bg-grey .promos .item:after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjk1IiBoZWlnaHQ9IjQzMyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0iI0Y3RjhGQiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDY5NXY4MS43Yy0xLjItMTQtMTMtMjYuMS0yNy4xLTI3LjJMNDEuNSAzLjRjLTYuNS0uNS0xMy4zLTEuNy0xOS44LjNDOS43IDYuOS44IDE4LjIgMCAzMC42VjB6bTAgNDA1LjlhMzIgMzIgMCAwMDcuOCAxNy4zIDMyLjIgMzIuMiAwIDAwMTguNyA5LjhIMHYtMjcuMXptNjg1LjIgMTkuM2EzMi4yIDMyLjIgMCAwMDkuOC0xOC43VjQzM2gtMjcuMWEzMiAzMiAwIDAwMTcuMy03Ljh6Ii8+PC9zdmc+");
}
.promos .period {
	padding-left: 45px;
	font-size: 18px;
	position: relative;
	margin-bottom: 50px;
}
.promos .period:before {
	content: "";
	width: 30px;
	height: 30px;
	background: #fff url("../img/clock2.svg") 50% 50% no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
}
.promos .platform {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 80px;
	border-radius: 40px;
	padding: 0 30px;
	background: #fff;
	color: #272B37;
	-webkit-box-shadow: 10px 30px 60px rgba(0, 0, 0, 0.2);
	box-shadow: 10px 30px 60px rgba(0, 0, 0, 0.2);
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
	position: absolute;
	right: 40px;
	top: 5px;
	z-index: 2;
}
.promos .platform img {
	max-width: 50px;
	max-height: 50px;
	border-radius: 50%;
	margin-right: 25px;
}
.promos .title {
	display: block;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 15px;
}
.promos .description {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-size: 18px;
	min-height: 3em;
}
.promos .actions {
	margin: 15px -30px 0 0;
}
.promos .button {
	margin: 20px 30px 0 0;
}
.promos + .button {
	margin-top: 90px;
}
.promos .item.purple {
	background: -webkit-linear-gradient(355.57deg, #A074FF, #763FEC);
	background: linear-gradient(94.43deg, #A074FF, #763FEC);
}
.promos .purple .button.white:not(.blank) {
	color: #844AFF;
}
.promos .purple .button.white:not(.blank):hover {
	background-color: #461AA4;
	color: #fff;
}
.promos .item.orange {
	background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
	background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
}
.promos .orange .button.white:not(.blank) {
	color: #FF6226;
}
.promos .orange .button.white:not(.blank):hover {
	background-color: #DD4500;
	color: #fff;
}
.promos .item.green {
	background: -webkit-linear-gradient(355.57deg, #34CA00, #00A757);
	background: linear-gradient(94.43deg, #34CA00, #00A757);
}
.promos .green .button.white:not(.blank) {
	color: #25C01C;
}
.promos .green .button.white:not(.blank):hover {
	background-color: #007336;
	color: #fff;
}
.promos.list {
	display: block;
}
.promos.list .item {
	width: auto;
	max-width: 100%;
}
.promos.list .item + .item {
	margin-top: 30px;
}
.promos.list .item:after {
	content: none;
}
.promos.list .period {
	margin-bottom: 20px;
}
.promos.list .actions {
	margin: 0;
	position: absolute;
	right: 30px;
	top: 100px;
}
.promos.list .actions .button {
	display: -webkit-flex;
	display: flex;
	width: 230px;
	padding: 0 10px;
	margin: 0;
}
.promos.list .actions .button + .button {
	margin-top: 20px;
}
@media (min-width: 1800px) {
	.promos-section.bg-grey {
		max-width: calc(100% - 100px);
		margin-top: 300px;
	}
	.promos-section.bg-grey:before {
		height: 228px;
		-webkit-background-size: 100% 230px;
		background-size: 100% 230px;
	}
}
@media (min-width: 1200px) {
	.promos {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.promos .item {
		width: calc(50% - 15px);
	}
	.promos .item:nth-child(2) {
		margin-top: 0;
	}
	.promos.list .item {
		padding: 30px 330px 40px 240px;
		margin-left: 57px;
	}
	.promos.list .platform {
		width: 268px;
		position: absolute;
		right: 100%;
		top: 50%;
		margin: -40px -204px 0 0;
	}
	.promos.list .actions {
		right: 70px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
@media (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
	.promos .item {
		padding: 40px 30px;
	}
	.promos .period {
		font-size: 16px;
		margin-bottom: 40px;
	}
	.promos .platform {
		height: 68px;
		padding: 0 25px;
		font-size: 24px;
		right: 30px;
		top: 10px;
	}
	.promos .platform img {
		max-width: 40px;
		max-height: 40px;
		margin-right: 20px;
	}
	.promos .title {
		font-size: 26px;
	}
	.promos .actions {
		margin: 10px -20px 0 0;
	}
	.promos .button {
		padding: 0 36px;
		margin-right: 20px;
	}
}
@media (min-width: 1200px) {
	.promos + .button {
		float: right;
	}
}
@media (max-width: 1199px) {
	.promos-section.bg-grey {
		padding-bottom: 80px;
		margin-top: 200px;
	}
	.promos-section.bg-grey:before {
		height: 180px;
	}
	.promos .item {
		max-width: 698px;
	}
	.promos .item:nth-child(n+5) {
		display: none;
	}
	.promos .item ~ .item {
		margin-top: 40px;
	}
	.promos + .button {
		margin-top: 70px;
	}
	.promos.list .item {
		min-height: 276px;
		padding: 20px 30px;
	}
	.promos.list .platform {
		position: static;
	}
	.promos.list .period {
		margin: 0 0 20px;
	}
}
@media (max-width: 991px) {
	.promos-settings .dropdown {
		margin-left: 20px;
	}
}
@media (max-width: 767px) {
	.promos.list .title {
		font-size: 22px;
	}
}
@media (min-width: 576px) and (max-width: 1199px) {
	.promos.list .topbar {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.promos.list .platform {
		height: 63px;
		padding: 0 25px;
		font-size: 22px;
		margin: 0 30px 20px 0;
	}
	.promos.list .platform img {
		width: 33px;
		height: 33px;
		margin-right: 20px;
	}
	.promos.list .title, .promos.list .description {
		width: calc(100% - 250px);
	}
}
@media (max-width: 575px) {
	.promos-section.bg-grey {
		padding-bottom: 60px;
		margin-top: 150px;
	}
	.promos-settings {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	.promos-settings .dropdown {
		margin: 0 0 10px;
	}
	.promos-settings .schools {
		margin-right: 15px;
		z-index: 4;
	}
	.promos .item {
		min-height: 460px;
		padding: 82px 30px 30px;
	}
	.promos .item:after {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjQ2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDMzNXY1My4yYy0xLTktOC42LTE3LTE3LjgtMTcuN0wyNyAxLjJjLTQuOC0uNy05LjgtMS4zLTE0LjQuN0EyMC4xIDIwLjEgMCAwMDAgMTkuM1Ywem0zMTcuMSA0NjBjOS4zLTEgMTcuMy05IDE3LjktMTguNFY0NjBoLTE3Ljl6TTAgNDQyLjFjMSA5LjMgOSAxNy4zIDE4LjUgMTcuOUgwdi0xNy45eiIvPjwvc3ZnPg==");
	}
	.bg-grey .promos .item:after {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzM1IiBoZWlnaHQ9IjQ2MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgZmlsbD0iI0Y3RjhGQiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDMzNXY1My4yYy0xLTktOC42LTE3LTE3LjgtMTcuN0wyNyAxLjJjLTQuOC0uNy05LjgtMS4zLTE0LjQuN0EyMC4xIDIwLjEgMCAwMDAgMTkuM1Ywem0zMTcuMSA0NjBjOS4zLTEgMTcuMy05IDE3LjktMTguNFY0NjBoLTE3Ljl6TTAgNDQyLjFjMSA5LjMgOSAxNy4zIDE4LjUgMTcuOUgwdi0xNy45eiIvPjwvc3ZnPg==");
	}
	.promos .item + .item {
		margin-top: 25px;
	}
	.promos .period {
		margin-bottom: 25px;
	}
	.promos .platform {
		height: 62px;
		padding: 0 22px;
		font-size: 20px;
		top: 0;
		right: 15px;
	}
	.promos .platform img {
		width: 35px;
		height: 35px;
		margin-right: 10px;
	}
	.promos .title {
		font-size: 22px;
	}
	.promos .description {
		font-size: 16px;
	}
	.promos + .button {
		left: calc(50% - 8px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-top: 60px;
	}
	.promos.list .item {
		padding: 30px;
	}
	.promos.list .platform {
		display: -webkit-inline-flex;
		display: inline-flex;
		margin: 0 0 20px;
	}
	.promos .actions {
		text-align: center;
	}
	.promos.list .actions {
		position: static;
		margin-top: 30px;
	}
	.promos.list .actions .button {
		-webkit-display: inline-flex;
		display: inline-flex;
		padding: 0 36px;
		margin-left: 20px;
		width: auto;
	}
}

/* Course categories */
.course-categories-section {
	padding-top: 0;
	padding-bottom: 90px;
	background: #F7F8FB;
	position: relative;
	margin: 200px auto 0;
}
.course-categories-section:before {
	content: "";
	width: 100%;
	height: 230px;
	background: url("../img/bg-main-intro.svg") 50% 100% no-repeat;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	position: absolute;
	left: 0;
	bottom: 100%;
	margin-bottom: -2px;
}
.course-categories-section .section-header {
	position: relative;
	margin-top: -90px;
}
.course-categories {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px;
}
.course-categories.owl-carousel {
	display: block;
	margin: 0;
}
.course-categories .item {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: calc(25% - 30px);
	padding: 15px 20px 20px;
	margin: 15px;
	background: #fff;
	color: #272B37;
	border: 1px solid #E4E9F2;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	border-radius: 12px;
	-webkit-transition: .15s;
	transition: .15s;
	position: relative;
}
.course-categories.owl-carousel .item {
	display: block;
	width: 100%;
	margin: 0;
}
.course-categories .title {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 70px;
	font-size: 20px;
	font-weight: 600;
	padding-left: 80px;
	position: relative;
}
.course-categories .title:hover {
	color: #5A5E6A;
}
.course-categories .icon {
	width: 70px;
	height: 70px;
	position: absolute;
	left: -5px;
	top: 0;
}
.course-categories ul {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-size: 14px;
	margin-top: 25px;
}
.course-categories li {
	padding-left: 14px;
	position: relative;
	margin-bottom: 10px;
}
.course-categories li:before {
	content: "";
	width: 4px;
	height: 4px;
	background: var(--color-primary, #7324FF);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .65em;
}
.course-categories li a:hover {
	color: var(--color-primary, #7324FF);
}
.course-categories .total {
	padding: 12px 80px 0 0;
	border-top: 1px dashed #E4E9F2;
	margin-top: 15px;
	font-size: 12px;
}
.course-categories .total .number {
	font-size: 26px;
	font-weight: 600;
}
.course-categories .show-more {
	width: 60px;
	height: 60px;
	padding: 0;
	background-image: url("../img/arrow-white.svg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
	border-radius: 12px;
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.course-categories .item.more {
	max-width: 250px;
	background: none;
	border: 0;
	margin: 0 auto 15px;
}
.course-categories .more .total {
	width: 100%;
	padding: 0;
	border: 0;
	font-size: 22px;
	margin: auto auto 60px;
}
.course-categories .more .total .number {
	font-size: 77px;
	font-weight: bold;
}
.course-categories .more .button {
	margin: 0 auto;
}
@media (min-width: 1800px) {
	.course-categories-section {
		max-width: calc(100% - 100px);
	}
	.course-categories-section:before {
		height: 228px;
		-webkit-background-size: 100% 230px;
		background-size: 100% 230px;
	}
}
@media (max-width: 1399px) {
	.course-categories .item {
		width: calc(33.333% - 30px);
	}
}
@media (max-width: 1199px) {
	.course-categories-section:before {
		height: 180px;
	}
	.course-categories-section .section-header {
		margin-top: -50px;
	}
	.course-categories {
		margin: -10px;
	}
	.course-categories .item {
		width: calc(33.333% - 20px);
		margin: 10px;
	}
}
@media (min-width: 992px) {
	.course-categories .item:not(.more):hover {
		-webkit-box-shadow: 0 0 0 2px var(--color-primary, #7324FF) inset;
		box-shadow: 0 0 0 2px var(--color-primary, #7324FF) inset;
		border-color: var(--color-primary, #7324FF);
	}
}
@media (max-width: 991px) {
	.course-categories-section:after {
		height: 130px;
		-webkit-background-size: 132px;
		background-size: auto 132px;
	}
	.course-categories-section {
		padding-bottom: 80px;
	}
	.course-categories .item {
		width: calc(50% - 20px);
	}
}
@media (max-width: 767px) {
	.course-categories-section {
		padding-top: 0;
		padding-bottom: 70px;
		margin-top: 0;
	}
	.course-categories-section:before {
		content: none;
	}
	.course-categories-section .section-header {
		margin-top: 0;
	}
	.course-categories .title {
		height: 48px;
		padding-left: 60px;
		font-size: 16px;
	}
	.course-categories .icon {
		width: 48px;
		height: 48px;
		left: -3px;
	}
	.course-categories .total {
		padding-right: 60px;
	}
	.course-categories .show-more {
		width: 50px;
		height: 50px;
		bottom: 22px;
	}
}
@media (max-width: 575px) {
	.course-categories-section {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.course-categories:not(.owl-carousel) {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-left: 30px;
		padding-right: 30px;
		margin: 0 -30px 280px;
	}
	.course-categories:not(.owl-carousel) .item {
		-webkit-flex: 0 0 255px;
		flex: 0 0 255px;
		margin: 0 20px 0 0;
	}
	.course-categories .item.more {
		width: 255px;
		position: absolute;
		left: 50%;
		bottom: 30px;
		margin: 0 0 0 -120px;
	}
}
@media (max-width: 414px) {
	.course-categories:not(.owl-carousel) {
		padding-left: 20px;
		padding-right: 20px;
		margin: 0 -20px 280px;
	}
}

/* CTA start */
.cta-start {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 540px;
	padding: 60px 80px 10px;
	background: url("../img/bg-cta-start.svg") no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	color: #fff;
	position: relative;
}
.cta-start.has-gaps {
	margin: 60px 0;
}
.cta-start.blue {
	background-image: url("../img/bg-cta-start-blue.svg");
}
.cta-start:after {
	content: "";
	width: 494px;
	height: 538px;
	background: url("../img/character2.png") 50% 100% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 4%;
	bottom: 0;
}
.cta-start .inner {
	max-width: 50%;
}
.cta-start .question {
	color: inherit;
	margin-bottom: 30px;
}
.cta-start .offer {
	min-height: 4.5em;
	font-size: 26px;
}
.cta-start .button {
	padding-left: 30px;
	padding-right: 30px;
	white-space: nowrap;
	margin-top: 60px;
}
.cta-start:not(.blue) .button {
	color: #8836FF;
}
.cta-start:not(.blue) .button:after {
	-webkit-filter: hue-rotate(35deg) brightness(0.67);
	filter: hue-rotate(35deg) brightness(0.67);
}
.cta-start.blue .button {
	color: #1A94EB;
}
.cta-start .button:hover {
	color: #fff;
}
.cta-start.alt {
	height: 450px;
	padding: 60px 50px;
	background-image: url("../img/bg-cta-start-alt.svg");
	background-position: 100% 100%;
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 22px;
}
.cta-start.alt:after {
	width: 384px;
	height: 438px;
	background-image: url("../img/character10.png");
	right: 6%;
}
.cta-start.alt .button {
	margin-top: 40px;
}
@media (max-width: 1399px) {
	.cta-start {
		padding: 80px 60px 10px;
	}
}
@media (min-width: 1200px) {
	.cta-start.alt .inner {
		max-width: 57%;
	}
	.cta-start.alt .offer {
		min-height: 3em;
		font-size: 24px;
	}
}
@media (max-width: 1199px) {
	.cta-start {
		height: 480px;
		padding: 60px 60px 10px;
	}
	.cta-start:after {
		width: 440px;
		height: 479px;
		right: 3%;
	}
	.cta-start .offer {
		font-size: 20px;
	}
}
@media (max-width: 991px) {
	.cta-start {
		height: 379px;
		padding: 40px 40px 20px;
		background-image: url("../img/bg-cta-start-tablet.svg");
	}
	.cta-start.has-gaps {
		margin: 40px 0;
	}
	.cta-start.blue {
		background-image: url("../img/bg-cta-start-tablet-blue.svg");
	}
	.cta-start:after {
		width: 224px;
		height: 339px;
		background-image: url("../img/character3.png");
		right: 4%;
	}
	.cta-start .inner {
		max-width: 64%;
	}
	.cta-start .offer {
		font-size: 18px;
	}
	.cta-start .button {
		margin-top: 30px;
	}
	.cta-start.alt {
		height: 371px;
		background-image: url("../img/bg-cta-start-alt-tablet.svg");
		padding: 50px 40px;
	}
	.cta-start.alt:after {
		width: 226px;
		height: 258px;
		right: 2%;
	}
}
@media (max-width: 767px) {
	.cta-start {
		height: 350px;
		padding: 30px 30px 20px;
	}
	.cta-start:after {
		width: 202px;
		height: 305px;
		right: 2%;
	}
	.cta-start .offer {
		font-size: 16px;
	}
	.cta-start.alt:after {
		width: 196px;
		height: 224px;
	}
}
@media (max-width: 575px) {
	.cta-start {
		display: block;
		height: 350px;
		padding: 60px 20px 20px;
		background-image: url("../img/bg-cta-start-mobile.svg");
	}
	.cta-start.has-gaps {
		margin: 40px 0;
	}
	.cta-start.blue {
		background-image: url("../img/bg-cta-start-mobile-blue.svg");
	}
	.cta-start:after {
		width: 95px;
		height: 167px;
		background-image: url("../img/character4.png");
		right: 5%;
		bottom: 20px;
	}
	.cta-start .inner {
		max-width: 100%;
	}
	.cta-start .offer {
		width: 70%;
	}
	.cta-start .button {
		position: absolute;
		bottom: 20px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.cta-start .button.skewed {
		left: calc(50% - 8px);
	}
	.cta-start.alt {
		height: auto;
		background-image: url("../img/bg-cta-start-alt-mobile.svg");
		padding: 40px 30px 180px;
	}
	.cta-start.alt:after {
		width: 88px;
		height: 100px;
		bottom: 64px;
		right: 22%;
	}
	.cta-start.alt .offer {
		width: 90%;
	}
}
@media (max-width: 414px) {
	.cta-start .offer {
		font-size: 14px;
	}
	.cta-start .button {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 14px;
	}
	.cta-start.alt {
		border-radius: 15px;
		padding: 25px 20px 180px;
	}
}
@media (max-width: 359px) {
	.cta-start .offer {
		font-size: 13px;
	}
}

/* Utilities */
.utilities .owl-stage-outer {
	overflow: visible;
}
.utilities .owl-stage {
	display: -webkit-box;
	display: box;
}
.utilities .owl-item {
	opacity: 0;
	visibility: hidden;
}
.utilities .owl-item.current, .utilities .owl-item.current + .owl-item, .utilities .owl-item.current + .owl-item + .owl-item {
	opacity: 1;
	visibility: visible;
}
.utilities .item {
	width: 260px;
	height: 440px;
	padding: 40px;
	background: #7324FF;
	color: #fff;
	border: 0;
	border-radius: 14px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	-webkit-transition: background .15s, border .15s, color .15s, width .01s;
	transition: background .15s, border .15s, color .15s, width .01s;
}
.utilities .item:hover {
	background: #9B5FFF;
}
.utilities .item:after {
	content: "";
	width: calc(100% - 30px);
	height: calc(100% - 40px);
	border: 1px solid #fff;
	border-radius: 14px;
	position: absolute;
	left: 15px;
	top: 20px;
	z-index: -2;
}
.utilities .current .item {
	width: 840px;
	padding-top: 40px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	color: #272B37;
}
.utilities .owl-item:not(.current) .title {
	pointer-events: none;
}
.utilities.extended .item {
	padding-top: 40px;
}
.utilities .title {
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}
.utilities .title:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.utilities .title .count {
	font-size: 16px;
	font-weight: 600;
	opacity: 0;
}
.utilities .current .count {
	opacity: .5;
}
.utilities .description {
	font-size: 16px;
	margin-top: 30px;
}
.utilities .show-more {
	font-size: 18px;
	font-weight: 600;
	padding-right: 23px;
	background: url("../img/arrow.svg") 100% 50% no-repeat;
	color: #7324FF;
	border-bottom: 1px solid currentColor;
	position: absolute;
	left: 40px;
	bottom: 40px;
}
.utilities .show-more:hover {
	opacity: .8;
}
.utilities .button {
	padding: 0;
	margin-top: 20px;
}
.utilities .button.blue:not(.blank) {
	-webkit-box-shadow: 0px 30px 30px -15px rgba(115, 36, 255, 0.33);
	box-shadow: 0px 30px 30px -15px rgba(115, 36, 255, 0.33);
}
.utilities .item.blue .show-more {
	color: #fff;
	background-image: url("../img/arrow-white.svg");
}
.utilities .salary {
	padding-left: 23px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 40px;
	position: relative;
}
.utilities .salary .value {
	display: inline-block;
	vertical-align: middle;
	font-size: 2em;
	margin: -0.2em 1em 0 0;
}
.utilities .salary:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 14px;
}
.utilities .current .title {
	max-width: 57%;
	font-size: 30px;
	line-height: 1.2;
}
.utilities .current .description {
	max-width: 55%;
}
.utilities.extended .description {
	max-width: 63%;
}
.utilities .item img {
	width: auto;
	max-width: none;
	height: auto;
	max-height: 85%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.utilities .item img.full-width {
	max-width: 100%;
}
.utilities.extended .owl-item:not(.current) img {
	right: 50%;
	bottom: -10%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}
.utilities .owl-item:not(.current) .description, .utilities .owl-item:not(.current) .salary, .utilities .owl-item:not(.current) .show-more, .utilities .owl-item:not(.current) .button {
	visibility: hidden;
}
@media (min-width: 1200px) {
	.utilities .actions {
		position: absolute;
		left: 40px;
		bottom: 40px;
	}
	.utilities .button {
		float: left;
		width: 220px;
	}
	.utilities .button + .button {
		margin-left: 30px;
	}
	.utilities.extended .current img {
		right: -8%;
	}
}
@media (max-width: 1199px) {
	.utilities .owl-item.current ~ .owl-item {
		opacity: 1;
		visibility: visible;
	}
	.utilities .item {
		height: 338px;
	}
	.utilities.auto-height .owl-stage {
		display: -webkit-flex;
		display: flex;
	}
	.utilities.auto-height .item {
		height: 100%;
		min-height: 320px;
	}
	.utilities .current .item {
		width: 570px;
		padding-top: 50px;
	}
	.utilities .title {
		font-size: 22px;
	}
	.utilities .current .title {
		max-width: 70%;
		font-size: 26px;
	}
	.utilities .description {
		margin-top: 20px;
	}
	.utilities .salary {
		display: inline-block;
		width: 50%;
		font-size: 14px;
		margin-top: 20px;
	}
	.utilities .salary .value {
		display: block;
		margin-right: 0;
	}
	.utilities .current .description {
		max-width: 70%;
	}
	.utilities.extended .description {
		max-width: 100%;
	}
	.utilities .actions {
		max-width: 220px;
		margin-top: 10px;
	}
	.utilities .button {
		width: 100%;
	}
	.utilities .item img {
		max-height: 70%;
	}
	.utilities .current img {
		max-width: 35%;
	}
	.utilities.extended .current img {
		max-width: 38%;
		right: 20px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.utilities.auto-height .owl-item:not(.current) .description, .utilities.auto-height .owl-item:not(.current) .salary, .utilities.auto-height .owl-item:not(.current) .show-more, .utilities.auto-height .owl-item:not(.current) .button {
		display: none;
	}
}
@media (max-width: 767px) {
	.utilities .item, .utilities .current .item {
		width: 255px;
		padding: 38px 34px;
	}
	.utilities:not(.auto-height) .item, .utilities:not(.auto-height) .current .item {
		height: 300px;
	}
	.utilities .current .item {
		padding: 20px;
	}
	.utilities .current .item:after {
		opacity: 0;
	}
	.utilities .title, .utilities .current .title {
		font-size: 18px;
		line-height: 1.3;
	}
	.utilities .current .title, .utilities .current .description {
		max-width: 90%;
	}
	.utilities .description {
		font-size: 12px;
		margin-top: 10px;
	}
	.utilities .show-more {
		font-size: 14px;
		left: 20px;
		bottom: 20px
	}
	.utilities .item.blue .show-more {
		left: 34px;
		bottom: 38px;
	}
	.utilities .salary {
		font-size: 10px;
		line-height: 1.2;
		padding-left: 15px;
	}
	.utilities .salary:before {
		width: 5px;
		height: 5px;
		top: 7px;
	}
	.utilities .button {
		font-size: 14px;
		margin-top: 10px;
	}
	.utilities .current img {
		max-width: 40%;
	}
	.utilities.auto-height .current img {
		max-width: 44%;
		position: static;
		float: right;
		margin: -10px 0 10px;
	}
	.utilities.auto-height .current .item img {
		max-height: 100%;
	}
}

/* About section */
.advantages-list li {
	min-height: 136px;
	padding-left: 160px;
	position: relative;
}
.advantages-list li:nth-child(n+3) {
	margin-top: 70px;
}
.advantages-list .icon {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0;
	top: 8px;
}
.advantages-list .title {
	font-size: 22px;
	font-weight: bold;
	color: #272B37;
	margin-bottom: 20px;
}
.advantages-list .description {
	font-size: 18px;
}
.key-purpose {
	margin-top: 120px;
}
@media (max-width: 1199px) {
	.advantages-list li {
		min-height: 110px;
		padding-left: 124px;
	}
	.advantages-list li:nth-child(n+3) {
		margin-top: 40px;
	}
	.advantages-list .title {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.advantages-list .icon {
		width: 94px;
		height: 94px;
	}
	.key-purpose {
		margin-top: 100px;
	}
}
@media (min-width: 992px) {
	.key-purpose {
		line-height: 1.5;
	}
}
@media (max-width: 991px) {
	.key-purpose {
		margin-top: 80px;
	}
	.key-purpose p + p {
		margin-top: 1em;
	}
}
@media (max-width: 767px) {
	.advantages-list .description {
		font-size: 16px;
	}
}
@media (min-width: 576px) {
	.advantages-list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.advantages-list li {
		width: 47%;
		max-width: 560px;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.advantages-list li {
		padding: 120px 0 0;
	}
	.advantages-list .icon {
		top: 0;
	}
}
@media (max-width: 575px) {
	.advantages-list li:nth-child(n+2) {
		margin-top: 45px;
	}
	.key-purpose {
		margin-top: 60px;
	}
}
@media (max-width: 414px) {
	.advantages-list li {
		min-height: 84px;
		padding: 0 0 0 94px;
	}
	.advantages-list .icon {
		width: 74px;
		height: 74px;
		top: 5px;
	}
	.advantages-list .title {
		font-size: 16px;
		margin-bottom: 8px;
	}
	.advantages-list .description {
		font-size: 14px;
	}
	.key-purpose {
		font-size: 14px;
	}
}

/* Breadcrumbs */
.breadcrumbs-wrapper + .page-section {
	margin-top: 30px;
}
.breadcrumbs {
	display: -webkit-flex;
	display: flex;
	color: rgba(39,43,55,0.4);
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0;
}
.breadcrumbs li:not(:last-child) {
	padding-right: 18px;
	background: url("../img/arrow2.svg") 100% 55% no-repeat;
	margin-right: 10px;
}
.breadcrumbs a {
	color: rgba(39,43,55,0.8);
}
.breadcrumbs a:hover {
	color: #FF9331;
}
@media (min-width: 992px) {
	.breadcrumbs {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
@media (max-width: 991px) {
	.breadcrumbs-wrapper + .page-section {
		margin-top: 20px;
	}
	.breadcrumbs-wrapper {
		padding-right: 0;
	}
	.breadcrumbs {
		white-space: nowrap;
		overflow-x: auto;
		margin: 20px 0;
		font-size: 14px;
	}
	.breadcrumbs li {
		display: inline-block;
	}
}
@media (max-width: 575px) {
	.breadcrumbs-wrapper + .page-section {
		margin-top: 0;
	}
	.breadcrumbs {
		margin: 15px 0;
		font-size: 12px;
	}
}

/* Breadcrumbs inside course-intro */
.course-intro .breadcrumbs-wrapper {
	margin-bottom: 0;
}
.course-intro .breadcrumbs {
	color: rgba(255,255,255,0.8);
}
.course-intro .breadcrumbs a {
	color: rgba(255,255,255,0.9);
}
.course-intro .breadcrumbs a:hover {
	color: #fff;
}
.course-intro .breadcrumbs__current {
	color: rgba(255,255,255,0.8);
}

/* Course intro */
.course-intro {
	background: var(--primary-color, #7324FF);
	color: #fff;
	padding: 60px 0 290px;
	position: relative;
	margin: -75px auto -304px;
}
.course-intro:after {
	content: "";
	width: 100%;
	height: 220px;
	background: url("../img/bg-course-intro-p.svg") 50% 100% no-repeat;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -2px;
}
.course-intro .topbar, .course-intro .brand, .course-intro .response {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.course-intro .topbar {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.course-intro .updated-date {
	font-size: 14px;
	color: rgba(255,255,255,0.85);
	padding-left: 0;
}
.course-intro .brand {
	height: 46px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	background: #fff;
	color: #000;
	border-radius: 0 23px 23px 0;
	margin: 0 30px 20px 0;
	margin-right: 30px;
}
.course-intro .brand img {
	min-width: 28px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	margin-right: 8px;
}
.course-intro .response {
	margin: 0 -30px 20px 0;
}
.course-intro .response li {
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	padding-left: 36px;
	position: relative;
	margin: 4px 30px 4px 0;
}
.course-intro .response a {
	border-bottom: 1px solid rgba(255,255,255,0);
}
.course-intro .response a:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.course-intro .response a:hover {
	color: #fff;
	border-color: #fff;
}
.course-intro .reviews-number:before, .course-intro .rating span {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -14px;
}
.course-intro .reviews-number:before {
	content: "";
	background: #fff url("../img/comment2.svg") 50% 50% no-repeat;
}
.course-intro .rating span {
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 10px;
	font-weight: 600;
	line-height: 28px;
	background: #fff;
	color: #7324FF;
}
.course-intro .header {
	font-size: 46px;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 20px;
}
.course-intro .features {
	max-width: 730px;
	margin: 60px 0 0;
}
.course-intro .features {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.course-intro .features li {
	font-size: 14px;
	line-height: 1.3;
	padding-left: 35px;
	background: 0 50% no-repeat;
	margin-right: 15px;
}
.course-intro .features .duration {
	background-image: url("../img/clock3-white.svg");
}
.course-intro .features .format {
	background-image: url("../img/format-white.svg");
}
.course-intro .features .difficulty {
	background-image: url("../img/difficulty-white.svg");
}
.course-intro .features span {
	font-weight: 600;
}
.course-intro .categories-list {
	margin: 65px -10px -10px 0;
}
.course-intro .categories-list li {
	float: left;
	margin: 0 10px 10px 0;
}
.course-intro .categories-list:not(.full) .more ~ li, .course-intro .categories-list.full .more {
	display: none;
}
.course-intro .categories-list a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 50px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	background: #fff;
	color: #272B37;
	border: 1px solid #E4E9F2;
	border-radius: 8px;
	padding: 0 22px;
}
.course-intro .categories-list a:hover {
	background: #4A0DB8;
	border-color: #4A0DB8;
	color: #fff;
}
.course-intro .pricing {
	padding: 20px 20px 30px;
	background: #fff;
	color: #272B37;
	border-radius: 20px;
	position: relative;
	margin-top: 50px;
}
.course-intro .price-wrapper {
	margin-bottom: 32px;
}
.course-intro .pricing .price {
	max-width: 8em;
	font-size: 42px;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 8px;
}
.course-intro .pricing .price del {
	display: block;
	font-size: .67em;
	font-weight: normal;
	color: rgba(39, 43, 55, 0.6);
	margin-top: .3em;
}
.price--green {
	color: #1BAA53;
}
.course-banner .price--green {
	color: #fff;
}
.course-intro .price-wrapper .note {
	font-size: 16px;
	color: rgba(39, 43, 55, 0.8);
}
.course-intro .pricing .installment-wrapper {
	padding: 25px 130px 0 20px;
	border-radius: 12px 12px 0 0;
	font-size: 14px;
	line-height: 1.3;
	background: var(--primary-color, #7324FF);
	color: #fff;
	margin-bottom: 88px;
	position: relative;
}
.course-intro .pricing .installment-wrapper:before {
	content: "";
	width: 100%;
	height: 58px;
	background: url("../img/bg-course-installment.svg") 50% 100% no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	border-radius: 0 0 12px 12px;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -2px;
}
.course-intro .pricing .installment-wrapper:after {
	content: "";
	width: 91px;
	height: 26px;
	background: url("../img/pointer.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 90px;
	bottom: -70px;
	z-index: 2;
}
.course-intro .pricing .installment {
	padding-left: 66px;
	position: relative;
}
.course-intro .pricing .installment:before {
	content: "%";
	width: 46px;
	height: 46px;
	font-size: 20px;
	line-height: 46px;
	background: #fff;
	color: var(--primary-color, #7324FF);
	border-radius: 6px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.course-intro .pricing .installment .plan {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 4px;
}
.course-intro .pricing .installment-wrapper .note {
	font-size: 12px;
	margin-top: 20px;
}
.course-intro .pricing .installment-wrapper .logo {
	width: 120px;
	position: absolute;
	right: 10px;
	bottom: -56px;
	z-index: 25;
}
.course-intro .pricing .installment-wrapper .logo:before {
	content: "";
	width: 86.67%;
	height: 100%;
	background: #F7F8FB;
	border-radius: 50%;
	-webkit-box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	position: absolute;
	right: 4%;
	top: 0;
	z-index: -1;
}
.course-intro .pricing .button {
	padding-left: 24px;
	padding-right: 30px;
	margin: 14px 10px 0 12px;
}
.course-intro .pricing .actions {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.course-intro .pricing .actions .button.skewed {
	font-size: 16px;
}
.course-intro .pricing .actions:after {
	content: "";
	width: 0;
	height: 0;
	background: url("../img/comparison.svg"), url("../img/comparison-blue.svg"), url("../img/like.svg"), url("../img/like-blue.svg");
	position: absolute;
	visibility: hidden;
}
.course-intro .pricing .like, .course-intro .pricing .compare {
	min-width: 38px;
	width: 38px;
	height: 38px;
	background: #fff url("../img/like-blue.svg") 50% 50% no-repeat;
	border: 1px solid #7324FF;
	border-radius: 6px;
	margin: 14px 0 0 10px;
	position: relative;
	-webkit-transition: .15s;
	transition: .15s;
}
.course-intro .pricing .compare {
	background-image: url("../img/comparison-blue.svg");
}
.course-intro .pricing .like.active, .course-intro .pricing .like:not(.focus):hover {
	background-image: url("../img/like-white.svg");
	background-color: #7324FF;
}
.course-intro .pricing .like.active:not(.focus):hover {
	background-image: url("../img/like-blue.svg");
	background-color: #fff;
}
.course-intro .pricing .compare.active, .course-intro .pricing .compare:not(.focus):hover {
	background-image: url("../img/comparison-white.svg");
	background-color: #7324FF;
}
.course-intro .pricing .compare.active:not(.focus):hover {
	background-image: url("../img/comparison-blue.svg");
	background-color: #fff;
}
.course-intro.closed {
	background: #C4CED3;
	pointer-events: none;
}
.course-intro.closed:after {
	background-image: url("../img/bg-course-intro-grey.svg");
}
.course-intro.closed:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/character11.png") 52.5% calc(100% - 50px) no-repeat;
	-webkit-background-size: 528px auto;
	background-size: 528px auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	pointer-events: auto;
}
.course-intro.closed .container {
	opacity: .3;
}
.course-intro.closed .brand, .course-intro.closed .rating span, .course-intro.closed .categories-list a, .course-intro.closed .pricing, .course-intro.closed .pricing .price del, .course-intro.closed .price-wrapper .note {
	color: #C4CED3;
}
.course-intro.closed .brand img, .course-intro.closed .reviews-number:before, .course-intro.closed .pricing .installment-wrapper {
	-webkit-filter: sepia(1) hue-rotate(157deg) grayscale(0.8) brightness(1.35);
	filter: sepia(1) hue-rotate(157deg) grayscale(0.8) brightness(1.35);
}
.course-intro.closed .brand img {
	opacity: .5;
}
.course-intro.closed .pricing .button.skewed {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.course-intro.closed .pricing .button.skewed:before {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ0IiBoZWlnaHQ9Ijc3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uOTYgMTAuMDYyQy0uMDM1IDQuOTUyIDQuMDM4LjI2NyA5LjIzNi41NDNsMjI3LjE4OCAxMi4wNTVBOCA4IDAgMDEyNDQgMjAuNTg3VjY5YTggOCAwIDAxLTggOEgyMC41OTJhOCA4IDAgMDEtNy44NTItNi40N0wuOTYgMTAuMDYyeiIgZmlsbD0iI0M0Q0VEMyIvPjwvc3ZnPg==") 50% 100% no-repeat;
}
.course-intro.closed .pricing .like, .course-intro.closed .pricing .compare {
	background-color: #C4CED3;
	border-color: #C4CED3;
}
.course-intro.closed + .page-section {
	background: #fff;
	position: relative;
	z-index: 2;
}
@media (min-width: 1800px) {
	.course-intro {
		max-width: calc(100% - 100px);
	}
	.course-intro:after {
		height: 220px;
		-webkit-background-size: 100% 230px;
		background-size: 100% 230px;
	}
}
@media (min-width: 1200px) {
	.course-intro .main {
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 480px);
		max-width: 800px;
	}
	.course-intro .pricing {
		width: 452px;
		float: right;
		margin-top: 0;
	}
	.course-intro.closed + .page-section {
		padding: 40px 60px;
		border: 1px solid #E4E9F2;
		border-radius: 30px;
		width: calc(100% - 100px);
		max-width: 1530px;
		margin: 100px auto;
	}
}
@media (max-width: 1199px) {
	.course-intro .header {
		font-size: 40px;
	}
	.course-intro .pricing {
		max-width: 688px;
	}
	.course-intro .pricing .price {
		font-size: 36px;
	}
	.course-intro .pricing .installment-wrapper {
		margin-bottom: 60px;
	}
	.course-intro .pricing .installment-wrapper:before {
		height: 34px;
	}
	.course-intro .pricing .installment-wrapper:after {
		width: 70px;
		height: 20px;
		right: 46px;
		bottom: -48px;
	}
	.course-intro .pricing .installment-wrapper .logo {
		width: 64px;
		right: -11px;
		bottom: -38px;
	}
	.course-intro .pricing .actions {
		max-width: 360px;
	}
	.course-intro.closed + .page-section {
		padding-top: 40px;
	}
	.course-intro.closed:before {
		-webkit-background-size: 400px auto;
		background-size: 400px auto;
		background-position: 95% calc(100% - 100px);
	}
}
@media (min-width: 992px) {
	/*
	.course-intro .pricing .like:before, .course-intro .pricing .compare:before {
		content: attr(data-add);
		padding: 6px 10px;
		background: #fff;
		color: #7324FF;
		border: 1px solid #E4E9F2;
		-webkit-box-shadow: 0px 0px 10px rgba(209, 221, 234, 0.77);
		box-shadow: 0px 0px 10px rgba(209, 221, 234, 0.77);
		border-radius: 6px;
		font-size: 12px;
		white-space: nowrap;
		position: absolute;
		left: 50%;
		bottom: 100%;
		margin-bottom: 10px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 2;
		opacity: 0;
		visibility: hidden;
	}
	.course-intro .pricing .like:after, .course-intro .pricing .compare:after {
		content: "";
		width: 10px;
		height: 10px;
		background: #fff;
		border-right: 1px solid #E4E9F2;
		border-bottom: 1px solid #E4E9F2;
		position: absolute;
		left: 50%;
		bottom: 100%;
		-webkit-transform: rotate(45deg) translateX(-50%);
		transform: rotate(45deg) translateX(-50%);
		margin: 0 0 2px -2px;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
	}
	.course-intro .pricing .like:hover:before, .course-intro .pricing .like:hover:after, .course-intro .pricing .compare:hover:before, .course-intro .pricing .compare:hover:after {
		opacity: 1;
		visibility: visible;
	}
	.course-intro .pricing .like.active:hover:before, .course-intro .pricing .compare.active:hover:before {
		content: attr(data-remove);
	}
	*/
	.course-intro.closed + .courses-section {
		overflow: visible;
	}
	.course-intro.closed + .courses-section .container {
		overflow: hidden;
		padding-bottom: 120px;
		margin-bottom: -120px;
	}
}
@media (max-width: 991px) {
	.course-intro .topbar {
		margin-bottom: 20px;
	}
	.course-intro .header {
		font-size: 34px;
		line-height: 1.2;
	}
	.course-intro .features, .course-intro .categories-list {
		margin-top: 40px;
	}
}
@media (min-width: 768px) {
	.utilities .owl-item:not(.current) img:not(.full) {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.course-intro .container .pricing {
		padding-right: 312px;
	}
	.course-intro .pricing .installment-wrapper {
		width: 247px;
		padding-right: 25px;
		position: absolute;
		right: 45px;
		top: 70px;
	}
	.course-intro .pricing .button {
		font-size: 16px;
		padding-left: 20px;
		padding-right: 26px;
	}
}
@media (max-width: 767px) {
	.course-intro {
		padding-bottom: 300px;
	}
	.course-intro:after {
		content: none;
	}
	.course-intro .description {
		font-size: 16px;
	}
	.course-intro .features {
		display: block;
	}
	.course-intro .features li + li {
		margin-top: 15px;
	}
	.course-intro .pricing .installment-wrapper {
		max-width: 362px;
	}
	.course-intro .pricing .installment-wrapper:after {
		right: 78px;
		bottom: -40px;
		-webkit-transform: rotate(-7deg);
		transform: rotate(-7deg);
	}
	.course-intro .pricing .installment-wrapper .logo {
		width: 82px;
		right: 20px;
		bottom: -22px;
	}
	.course-intro .pricing .actions {
		max-width: 292px;
	}
	.course-intro .pricing .button {
		font-size: 14px;
		padding-left: 14px;
		padding-right: 20px;
		margin-right: 5px;
	}
}
@media (min-width: 576px) {
	.course-intro .pricing {
		padding: 45px 45px 60px;
	}
	.course-intro .pricing:after {
		content: "";
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		border: 2px solid #E4E9F2;
		border-radius: 20px;
		position: absolute;
		left: 15px;
		top: 15px;
		pointer-events: none;
	}
	.course-intro .pricing .price del {
		float: right;
	}
}
@media (max-width: 575px) {
	.course-intro .brand, .course-intro .response li {
		margin-right: 20px;
	}
	.course-intro .response {
		margin-right: -20px;
	}
	.course-intro .header {
		font-size: 24px;
		overflow-wrap: break-word;
		word-break: break-word;
	}
	.course-intro .features, .course-intro .categories-list {
		margin-top: 30px;
	}
	.course-intro .categories-list a {
		height: 40px;
		padding: 0 12px;
		font-size: 12px;
	}
	.course-intro .pricing {
		margin-top: 40px;
	}
	.course-intro .price-wrapper {
		display: -webkit-flex;
		display: flex;
		margin-bottom: 20px;
	}
	.course-intro .pricing .price {
		white-space: nowrap;
		margin-right: 20px;
	}
	.course-intro .pricing .installment-wrapper {
		padding: 20px 20px 10px;
		margin-bottom: 40px;
	}
	.course-intro .pricing .installment-wrapper .note {
		margin: 10px 50px 0 0;
	}
	.course-intro .pricing .installment-wrapper:before {
		height: 20px;
	}
	.course-intro .pricing .actions {
		max-width: 292px;
	}
	.course-intro .pricing .button {
		min-width: 0;
		font-size: 14px;
		padding-left: 14px;
		padding-right: 20px;
		margin-left: 10px;
		margin-right: 5px;
	}
	.course-intro.closed:before {
		-webkit-background-size: 75vw auto;
		background-size: 75vw auto;
		background-position: 90% 84%;
	}
}
@media (max-width: 414px) {
	.course-intro .pricing .price {
		font-size: 28px;
	}
	.course-intro .pricing .note {
		font-size: 12px;
	}
}

/* Course bar — removed, replaced by .course-banner sticky */

/* Course overview */
.course-overview {
	background: #fff;
	padding: 40px 60px;
	border: 1px solid #E4E9F2;
	border-radius: 30px;
	position: relative;
	z-index: 2;
}
.course-overview .header {
	padding: 8px 0 8px 126px;
	border-bottom: 2px dotted #E4E9F2;
	position: relative;
	margin-bottom: 30px;
}
.course-overview__body {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: flex-start;
}
.course-overview__content {
	flex: 0 0 calc(70% - 12px);
	max-width: calc(70% - 12px);
	min-width: 0;
}
.course-overview__expert {
	flex: 0 0 calc(30% - 12px);
	max-width: calc(30% - 12px);
	min-width: 0;
}
.course-overview__expert .expert-card {
	gap: 0;
	padding: 24px;
}
.course-overview__content .description p {
	margin-bottom: 10px;
}
.course-overview__content .description p:last-child {
	margin-bottom: 0;
}
@media (max-width: 991px) {
	.course-overview__content {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.course-overview__expert {
		flex: 0 0 100%;
		max-width: 280px;
	}
}
.course-overview .position {
	font-size: 18px;
	margin: 4px 0 30px 10px;
}
.course-overview .position a {
	font-weight: bold;
	color: #7324FF;
}
.course-overview .position a:hover {
	color: #9B5FFF;
}
.course-overview .rating {
	width: 86px;
	font-size: 28px;
	line-height: 60px;
	text-align: center;
	font-weight: bold;
	background: #7324FF;
	color: #fff;
	border-radius: 12px;
	position: absolute;
	left: 0;
	top: 0;
}
.course-overview .rates {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	color: #272B37;
	margin: 40px 0 -20px;
}
.course-overview .rates li {
	width: 30%;
	max-width: 353px;
	margin-bottom: 20px;
}
.course-overview .rates .label {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	margin: 0 40px 12px 0;
}
.course-overview .rate {
	height: 4px;
	background: #E4E9F2;
	border-radius: 2px;
	position: relative;
}
.course-overview .rate .progress {
	background: #7324FF;
	height: 100%;
	border-radius: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.progress1 {
	width: 1%;
}
.progress2 {
	width: 2%;
}
.progress3 {
	width: 3%;
}
.progress4 {
	width: 4%;
}
.progress5 {
	width: 5%;
}
.progress6 {
	width: 6%;
}
.progress7 {
	width: 7%;
}
.progress8 {
	width: 8%;
}
.progress9 {
	width: 9%;
}
.progress10 {
	width: 10%;
}
.progress11 {
	width: 11%;
}
.progress12 {
	width: 12%;
}
.progress13 {
	width: 13%;
}
.progress14 {
	width: 14%;
}
.progress15 {
	width: 15%;
}
.progress16 {
	width: 16%;
}
.progress17 {
	width: 17%;
}
.progress18 {
	width: 18%;
}
.progress19 {
	width: 19%;
}
.progress20 {
	width: 20%;
}
.progress21 {
	width: 21%;
}
.progress22 {
	width: 22%;
}
.progress23 {
	width: 23%;
}
.progress24 {
	width: 24%;
}
.progress25 {
	width: 25%;
}
.progress26 {
	width: 26%;
}
.progress27 {
	width: 27%;
}
.progress28 {
	width: 28%;
}
.progress29 {
	width: 29%;
}
.progress30 {
	width: 30%;
}
.progress31 {
	width: 31%;
}
.progress32 {
	width: 32%;
}
.progress33 {
	width: 33%;
}
.progress34 {
	width: 34%;
}
.progress35 {
	width: 35%;
}
.progress36 {
	width: 36%;
}
.progress37 {
	width: 37%;
}
.progress38 {
	width: 38%;
}
.progress39 {
	width: 39%;
}
.progress40 {
	width: 40%;
}
.progress41 {
	width: 41%;
}
.progress42 {
	width: 42%;
}
.progress43 {
	width: 43%;
}
.progress44 {
	width: 44%;
}
.progress45 {
	width: 45%;
}
.progress46 {
	width: 46%;
}
.progress47 {
	width: 47%;
}
.progress48 {
	width: 48%;
}
.progress49 {
	width: 49%;
}
.progress50 {
	width: 50%;
}
.progress51 {
	width: 51%;
}
.progress52 {
	width: 52%;
}
.progress53 {
	width: 53%;
}
.progress54 {
	width: 54%;
}
.progress55 {
	width: 55%;
}
.progress56 {
	width: 56%;
}
.progress57 {
	width: 57%;
}
.progress58 {
	width: 58%;
}
.progress59 {
	width: 59%;
}
.progress60 {
	width: 60%;
}
.progress61 {
	width: 61%;
}
.progress62 {
	width: 62%;
}
.progress63 {
	width: 63%;
}
.progress64 {
	width: 64%;
}
.progress65 {
	width: 65%;
}
.progress66 {
	width: 66%;
}
.progress67 {
	width: 67%;
}
.progress68 {
	width: 68%;
}
.progress69 {
	width: 69%;
}
.progress70 {
	width: 70%;
}
.progress71 {
	width: 71%;
}
.progress72 {
	width: 72%;
}
.progress73 {
	width: 73%;
}
.progress74 {
	width: 74%;
}
.progress75 {
	width: 75%;
}
.progress76 {
	width: 76%;
}
.progress77 {
	width: 77%;
}
.progress78 {
	width: 78%;
}
.progress79 {
	width: 79%;
}
.progress80 {
	width: 80%;
}
.progress81 {
	width: 81%;
}
.progress82 {
	width: 82%;
}
.progress83 {
	width: 83%;
}
.progress84 {
	width: 84%;
}
.progress85 {
	width: 85%;
}
.progress86 {
	width: 86%;
}
.progress87 {
	width: 87%;
}
.progress88 {
	width: 88%;
}
.progress89 {
	width: 89%;
}
.progress90 {
	width: 90%;
}
.progress91 {
	width: 91%;
}
.progress92 {
	width: 92%;
}
.progress93 {
	width: 93%;
}
.progress94 {
	width: 94%;
}
.progress95 {
	width: 95%;
}
.progress96 {
	width: 96%;
}
.progress97 {
	width: 97%;
}
.progress98 {
	width: 98%;
}
.progress99 {
	width: 99%;
}
.progress100 {
	width: 100%;
}
.course-overview .rate .grade {
	font-size: 12px;
	line-height: 1.3;
	font-weight: 600;
	position: absolute;
	right: 0;
	top: -27px;
}
.course-overview .summary {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 60px;
}
.course-overview .advantages, .course-overview .disadvantages {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 48%;
}
.course-overview .advantages .label, .course-overview .disadvantages .label {
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
	color: #03AD14;
	padding-left: 45px;
	position: relative;
	margin: 0 0 30px 30px;
}
.course-overview .advantages .label:before, .course-overview .disadvantages .label:before {
	content: "";
	width: 30px;
	height: 30px;
	background: currentColor url("../img/plus-white.svg") 50% 50% no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
}
.course-overview .disadvantages .label {
	color: #DA1111;
}
.course-overview .disadvantages .label:before {
	background-image: url("../img/minus-white.svg");
}
.course-overview .advantages ul, .course-overview .disadvantages ul {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	padding: 25px 30px;
	background: rgba(3, 173, 20, 0.05);
	color: #272B37;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}
.course-overview .disadvantages ul {
	background: rgba(218, 17, 17, 0.05);
}
.course-overview .advantages li, .course-overview .disadvantages li {
	display: table;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	padding: 5px;
}
.course-overview .advantages li:before, .course-overview .disadvantages li:before {
	content: "•";
	margin: 0 4px 0 -6px;
}
.course-overview .advantages li:first-child:last-child, .course-overview .disadvantages li:first-child:last-child {
	width: 200%;
}
.course-overview .summary__cta {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 55px;
	margin-bottom: 25px;
}
.course-overview .summary__cta .button {
	padding-right: 30px;
	padding-left: 28px;
}
@media (max-width: 1199px) {
	.course-overview .header {
		padding-left: 110px;
	}
	.course-overview .position {
		font-size: 16px;
	}
	.course-overview .rating {
		width: 80px;
		font-size: 24px;
		line-height: 54px;
	}
	.course-overview .summary {
		margin-top: 50px;
	}
	.course-overview .advantages, .course-overview .disadvantages {
		width: 48%;
		margin-bottom: 20px;
	}
	.course-overview .advantages .label, .course-overview .disadvantages .label {
		font-size: 14px;
		margin: 0 0 20px;
	}
	.course-overview .summary__cta {
		margin-top: 40px;
		margin-bottom: 20px;
	}
}
@media (max-width: 991px) {
	.course-overview {
		padding: 30px 30px 40px;
	}
	.course-overview .header {
		padding-left: 88px;
	}
	.course-overview .position {
		font-size: 14px;
	}
	.course-overview .rating {
		width: 57px;
		font-size: 20px;
		line-height: 48px;
	}
	.course-overview .rates li {
		width: 46%;
	}
	.course-overview .advantages ul, .course-overview .disadvantages ul {
		padding: 12px 20px;
	}
}
@media (min-width: 768px) {
	.course-overview .header {
		-webkit-display: flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.course-overview .header {
		padding: 0 0 20px 88px;
	}
	.course-overview .section-header {
		margin: 0;
	}
	.course-overview .position {
		margin: 4px 0 0;
	}
	.course-overview .rating {
		top: 2px;
	}
	.course-overview .advantages, .course-overview .disadvantages {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.course-overview {
		padding: 24px 20px 40px;
		border-radius: 15px;
	}
	.course-overview .header {
		padding: 0 10px 20px 90px;
		margin: 0 -20px 26px;
	}
	.course-overview .rating {
		width: 51px;
		font-size: 16px;
		line-height: 42px;
		left: 20px;
	}
	.course-overview .description {
		font-size: 14px;
	}
	.course-overview .rates {
		display: block;
		width: 100%;
		margin: 25px 0 -10px;
	}
	.course-overview .rates li {
		width: 100%;
		max-width: 100%;
	}
	.course-overview .rates .label {
		margin-bottom: 8px;
	}
	.course-overview .rates .grade {
		top: -23px;
	}
	.course-overview .button {
		left: calc(50% - 8px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@media (max-width: 414px) {
	.course-overview .description {
		font-size: 12px;
	}
}

/* Course nav */
.course-nav-wrapper {
	padding-top: 15px;
	background: #fff;
	margin: -30px 0;
	position: -webkit-sticky;
	position: sticky;
	top: 98px;
	z-index: 499;
}
.course-nav-wrapper, .courses-menu-open .course-nav-wrapper.sticky {
	z-index: 499;
}
.course-nav {
	padding-bottom: 20px;
	border-bottom: 1px solid #E4E9F2;
	color: #7324FF;
	font-weight: 600;
}
.course-nav-wrapper.sticky {
	border-bottom: 1px solid #E4E9F2;
	z-index: 502;
}
.course-nav-wrapper.sticky .course-nav {
	border: 0;
}
.course-nav a:hover {
	color: #9B5FFF;
}
@media (min-width: 992px) {
	.course-nav {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.course-nav li:not(:last-child) {
		margin-right: 15px;
	}
}
@media (min-width: 992px) and (max-width: 1399px) {
	.course-nav {
		font-size: 1.4vw;
	}
}
@media (max-width: 991px) {
	.course-nav-wrapper {
		margin: -20px 0;
	}
	.course-nav-wrapper .container {
		padding: 0;
	}
	.course-nav {
		padding-left: 40px;
		white-space: nowrap;
		overflow-x: auto;
	}
	.course-nav li {
		display: inline-block;
		margin-right: 36px;
	}
}
@media (max-width: 767px) {
	.course-nav {
		padding: 0 0 10px 30px;
		font-size: 16px;
	}
	.course-nav li {
		margin-right: 26px;
	}
}
@media (max-width: 575px) {
	.course-nav-wrapper {
		top: 72px;
		margin: -15px 0;
	}
}
@media (max-width: 414px) {
	.course-nav {
		padding-left: 20px;
		font-size: 14px;
	}
}

/* Course description */
.course-description .features {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 50px -20px -20px;
}
.course-description .features li {
	width: calc(20% - 40px);
	padding: 30px 20px 30px 55px;
	font-size: 16px;
	line-height: 1.3;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 8px;
	position: relative;
	margin: 0 20px 20px;
}
.course-description .features li:after {
	content: "";
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	border: 1px solid #fff;
	border-radius: 8px;
	position: absolute;
	left: 8px;
	top: 8px;
	pointer-events: none;
}
.course-description .features div {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	color: #272B37;
	position: relative;
	margin-bottom: .33em;
}
.course-description .features div:after {
	content: "";
	width: 7px;
	height: 7px;
	background: #7324FF;
	border-radius: 50%;
	position: absolute;
	left: -23px;
	top: 50%;
	margin-top: -3px;
}
@media (max-width: 1199px) {
	.course-description .features {
		margin: 40px -10px -20px;
	}
	.course-description .features li {
		width: calc(33.333% - 20px);
		padding-left: 52px;
		margin: 0 10px 20px;
	}
}
@media (max-width: 991px) {
	.course-description .features li {
		font-size: 14px;
	}
	.course-description .features div {
		font-size: 18px;
		margin-bottom: 5px;
	}
}
@media (max-width: 767px) {
	.course-description .features li {
		width: calc(50% - 20px);
	}
}
@media (max-width: 575px) {
	.course-description .features {
		margin: 20px -5px -10px;
	}
	.course-description .features li {
		width: calc(50% - 10px);
		padding: 24px 16px 24px 40px;
		margin: 0 5px 10px;
		font-size: 12px;
	}
	.course-description .features div {
		font-size: 14px;
	}
	.course-description .features div:after {
		left: -20px;
	}
}
@media (max-width: 414px) {
	.course-description {
		font-size: 12px;
	}
}

/* Course audience */
.course-audience .categories {
	display: -webkit-flex;
	display: flex;
	color: #272B37;
	-webkit-box-shadow: 0 -4px 0 #E4E9F2 inset;
	box-shadow: 0 -4px 0 #E4E9F2 inset;
	margin-bottom: 40px;
}
.course-audience .categories li {
	font-weight: 600;
	padding-bottom: 1em;
	border-bottom: 4px solid rgba(255,255,255,0);
	-webkit-transition: .15s;
	transition: .15s;
	margin-right: 2em;
}
.course-audience .categories li:last-child {
	margin-right: 0;
}
.course-audience .categories li.active {
	color: #7324FF;
	border-color: #7324FF;
}
.course-audience .categories li:hover {
	color: #9B5FFF;
}
@media (max-width: 767px) {
	.course-audience .categories {
		max-width: 100%;
		margin-bottom: 25px;
		overflow-x: auto;
	}
	.course-audience .categories li {
		padding-bottom: 6px;
	}
}
.course-audience .tab p {
	margin: 0 0 10px;
}
.course-audience .tab p:last-child {
	margin-bottom: 0;
}
@media (max-width: 414px) {
	.course-audience .tab {
		font-size: 12px;
	}
}

/* Course skills */
.course-skills ul {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	color: #272B37;
	margin-bottom: -0.7em;
}
.course-skills li {
	display: table;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	padding-bottom: .7em;
}
@media (min-width: 1400px) {
	.course-skills li {
		font-size: 22px;
	}
}
@media (max-width: 991px) {
	.course-skills ul {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
}
@media (max-width: 414px) {
	.course-skills ul {
		font-size: 12px;
	}
}
/* Skill tags (clickable links) */
.course-skills__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}
.course-skills__tag {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 20px;
	font-size: 14px;
	color: #272B37;
	text-decoration: none;
	transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.course-skills__tag:hover {
	border-color: #7324FF;
	background: #F3ECFF;
	color: #7324FF;
	text-decoration: none;
}

/* Course program */
.course-program .program {
	max-width: 55em;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	margin-bottom: -0.7em;
}
.course-program .program li {
	display: table;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	padding-bottom: .7em;
}
.course-program .params, .course-program .params li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.course-program .params {
	padding-top: 30px;
	border-top: 2px dotted #E4E9F2;
	margin-top: 50px;
}
.course-program .params li {
	margin: 10px 80px 0 0;
	margin-top: 10px;
}
.course-program .params .number {
	font-size: 1.5em;
	font-weight: 600;
	margin-right: 1rem;
	color: #272B37;
}
.course-program .params .more {
	display: block;
	width: 40%;
	font-size: .8rem;
	color: rgba(39,43,55,0.6);
	margin-right: 0;
}
.course-program .params .more a {
	border-bottom: 1px solid currentColor;
}
@media (min-width: 1400px) {
	.course-program .program li, .course-program .params li {
		font-size: 22px;
	}
}
@media (max-width: 991px) {
	.course-program .params li {
		margin-right: 60px;
	}
	.course-program .params {
		margin-top: 40px;
	}
}
@media (max-width: 767px) {
	.course-program .params {
		padding-top: 15px;
		margin-top: 30px;
	}
	.course-program .params .more {
		width: 100%;
	}
}
@media (max-width: 414px) {
	.course-program .program, .course-program .params .more {
		font-size: 12px;
	}
	.course-program .params li {
		margin-right: 20px;
	}
}
.course-program h3 {
	margin-top: 2em;
}
.course-program h3:first-child,
.course-program > .container > div > h3:first-child {
	margin-top: 0;
}
.course-program ul {
	list-style: disc;
	padding-left: 1.5em;
	margin: 0.5em 0 0;
}
.course-program li {
	padding-bottom: 0.4em;
}

/* Course banner */
.course-banner {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	max-width: 1520px;
	height: 70px;
	background: var(--primary-color, #7324FF);
	padding: 0 50px;
	color: #fff;
	border-radius: 12px;
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 15px;
	z-index: 500;
	margin: 0;
	box-sizing: border-box;
	-webkit-transition: .15s opacity;
	transition: .15s opacity;
}
.course-banner:not(.active) {
	opacity: 0;
	visibility: hidden;
}
body.single-course .site-footer {
	padding-bottom: 100px;
}
.course-banner:before, .course-banner .pricing:before {
	content: none;
}
.course-banner .main {
	width: auto;
	max-width: 50%;
	overflow: hidden;
}
.course-banner .header {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.course-banner .description {
	display: none;
}
.course-banner .pricing {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	gap: 20px;
	width: auto;
	height: auto;
	padding: 0;
	background: transparent;
	color: #fff;
	border-radius: 0;
	position: static;
	z-index: auto;
}
.course-banner .pricing:before {
	content: none;
}
.course-banner .price-wrapper {
	width: auto;
	height: auto;
	padding: 0;
	border: 0;
}
.course-banner .pricing .price del {
	display: inline;
	font-size: .55em;
	font-weight: normal;
	color: rgba(255,255,255,0.6);
	margin-left: .3em;
}
.course-banner .pricing .price {
	font-size: 28px;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
}
.course-banner .price-wrapper .note {
	display: none;
}
.course-banner .pricing .installment-wrapper {
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	padding-left: 52px;
	position: relative;
}
.course-banner .pricing .installment {
	padding-left: 0;
	position: static;
}
.course-banner .pricing .installment:before {
	content: "%";
	width: 36px;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	background: #fff;
	color: var(--primary-color, #7324FF);
	border-radius: 6px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -18px;
}
.course-banner .pricing .installment .plan {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	color: #fff;
}
.course-banner .pricing .installment-wrapper .note {
	display: none;
}
.course-banner .button {
	padding-left: 22px;
	padding-right: 28px;
	margin: 0 0 0 20px;
}
.course-banner .promo {
	display: none;
}
.course-banner .promo .logo {
	display: none;
}
.course-banner .promo .logo:before {
	content: none;
}
.course-banner .promo .text {
	display: none;
}
.course-banner .button .mobile-text {
	display: none;
}
.course-banner .header {
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media (max-width: 1199px) {
	.course-banner .pricing .installment-wrapper {
		display: none;
	}
}
@media (max-width: 991px) {
	.course-banner {
		height: 60px;
		padding: 0 20px;
	}
	.course-banner .header {
		font-size: 16px;
	}
	.course-banner .pricing .price {
		font-size: 22px;
	}
	.course-banner .button {
		min-width: 0;
		height: 42px;
		padding: 0 16px;
		margin: 0 0 0 10px;
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.course-banner {
		height: 56px;
		padding: 0 15px;
		gap: 10px;
	}
	.course-banner .main {
		max-width: 40%;
	}
	.course-banner .header {
		font-size: 14px;
		line-height: 1.2;
	}
	.course-banner .pricing {
		gap: 10px;
	}
	.course-banner .pricing .price {
		font-size: 20px;
	}
	.course-banner .pricing .price del {
		display: none;
	}
	.course-banner .button {
		height: 38px;
		padding: 0 14px;
		font-size: 13px;
		margin: 0;
	}
}
@media (max-width: 414px) {
	.course-banner {
		height: 52px;
		padding: 0 10px;
	}
	.course-banner .main {
		max-width: 50%;
	}
	.course-banner .header {
		font-size: 12px;
	}
	.course-banner .pricing .price {
		font-size: 16px;
	}
	.course-banner .pricing .price del {
		display: none;
	}
	.course-banner .button {
		height: 34px;
		font-size: 11px;
		padding: 0 10px;
	}
	.course-banner .button .desktop-text {
		display: none;
	}
	.course-banner .button .mobile-text {
		display: inline;
	}
}

/* Course content body typography */
.course-content-body h1,
.course-content-body h2,
.course-content-body h3,
.course-content-body h4,
.course-content-body h5,
.course-content-body h6 {
	margin: 1.4em 0 0.6em;
	line-height: 1.3;
}
.course-content-body h1:first-child,
.course-content-body h2:first-child,
.course-content-body h3:first-child,
.course-content-body h4:first-child {
	margin-top: 0;
}
.course-content-body h2 {
	font-size: 28px;
}
.course-content-body h3 {
	font-size: 22px;
}
.course-content-body h4 {
	font-size: 18px;
}
.course-content-body p {
	margin: 0 0 1em;
	line-height: 1.7;
}
.course-content-body ul,
.course-content-body ol {
	margin: 0.8em 0 1.2em;
	padding-left: 0;
	list-style: none;
}
.course-content-body ul li,
.course-content-body ol li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 0.5em;
	line-height: 1.6;
}
.course-content-body ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	background: var(--primary-color, #7324FF);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0.55em;
}
.course-content-body ol {
	counter-reset: ol-counter;
}
.course-content-body ol li {
	counter-increment: ol-counter;
}
.course-content-body ol li:before {
	content: counter(ol-counter) ".";
	color: var(--primary-color, #7324FF);
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 0;
}
@media (max-width: 767px) {
	.course-content-body h2 {
		font-size: 22px;
	}
	.course-content-body h3 {
		font-size: 18px;
	}
}

/* Teachers */
.teachers {
	display: flex;
	flex-wrap: wrap;
	row-gap: 5px;
}
.teachers li {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 100px;
	width: 33.333%;
	padding: 0 30px 0 125px;
	line-height: 1.3;
	position: relative;
	box-sizing: border-box;
}
.teachers li:nth-child(n+4) {
	margin-top: 25px;
}
.teachers .name {
	font-size: 26px;
	font-weight: bold;
	color: #272B37;
	margin-bottom: .4em;
	text-decoration: none;
	transition: color 0.2s;
}
a.name:hover,
.teachers li:hover .name {
	color: #7324FF;
}
.teachers .photo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 100px;
}
.teachers .photo--initials {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #7324FF;
	border-radius: 12px;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	text-decoration: none;
}
.teachers .photo--initials:hover {
	text-decoration: none;
	background: #5a1acc;
}
.teachers img {
	width: 100px;
	height: 100px;
	border-radius: 12px;
	transition: box-shadow 0.2s, transform 0.2s;
}
.teachers li:hover img {
	box-shadow: 0 4px 16px rgba(115, 36, 255, 0.25);
	transform: scale(1.04);
}
.teachers + .note {
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: rgba(39,43,55,0.6);
	margin-top: 60px;
}
@media (max-width: 1199px) {
	.teachers .name {
		font-size: 22px;
	}
}
@media (max-width: 991px) {
	.teachers li {
		width: calc(50% - 10px);
		padding-right: 0;
		margin-right: 20px;
		font-size: 16px;
	}
	.teachers li:nth-child(n+3) {
		margin-top: 25px;
	}
	.teachers li:nth-child(even) {
		margin-right: 0;
	}
	.teachers .name {
		font-size: 18px;
	}
	.teachers + .note {
		width: calc(50% - 10px);
		margin-top: 50px;
	}
}
@media (max-width: 767px) {
	.teachers li, .teachers + .note {
		font-size: 14px;
	}
}
@media (max-width: 575px) {
	.teachers li {
		font-size: 14px;
		padding: 0;
	}
	.teachers .photo {
		position: static;
		margin: 0 0 15px;
	}
}
@media (max-width: 414px) {
	.teachers li {
		font-size: 12px;
	}
	.teachers img {
		width: 90px;
		height: 90px;
	}
	.teachers .name {
		font-size: 14px;
	}
	.teachers + .note {
		font-size: 12px;
	}
}

/* Salaries */
.salaries {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -15px -20px;
}
.salaries li {
	width: calc(25% - 30px);
	padding: 27px 21px 24px 77px;
	font-size: 16px;
	line-height: 1.3;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 8px;
	position: relative;
	margin: 0 15px 20px;
}
.salaries li:after {
	content: "";
	width: calc(100% - 16px);
	height: calc(100% - 16px);
	border: 1px solid #fff;
	border-radius: 8px;
	position: absolute;
	left: 8px;
	top: 8px;
	pointer-events: none;
}
.salaries div {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	color: #272B37;
	position: relative;
	margin-bottom: .33em;
}
.salaries div:after {
	content: "";
	width: 7px;
	height: 7px;
	background: #7324FF;
	border-radius: 50%;
	position: absolute;
	left: -1.1em;
	top: 50%;
	margin-top: -2px;
}
@media (max-width: 1199px) {
	.salaries li {
		padding-left: 53px;
	}
	.salaries li {
		font-size: 14px;
	}
	.salaries div {
		font-size: 22px;
	}
}
@media (max-width: 991px) {
	.salaries {
		margin: 0 -10px -20px;
	}
	.salaries li {
		width: calc(33.333% - 20px);
		margin: 0 10px 20px;
	}
	.salaries div {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.salaries li {
		width: calc(50% - 20px);
	}
}
@media (max-width: 575px) {
	.salaries div {
		font-size: 16px;
	}
}
@media (max-width: 414px) {
	.slaries {
		margin: 0 -5px -10px;
	}
	.salaries li {
		width: calc(50% - 10px);
		padding: 22px 18px 22px 36px;
		margin: 0 5px 10px;
		font-size: 12px;
	}
	.salaries div {
		font-size: 14px;
	}
}

/* Specifications */
.specifications th {
	width: 33%;
}
.specifications ul {
	margin: 0 -5px -5px 0;
	overflow: hidden;
}
.specifications li {
	float: left;
	margin: 0 5px 5px 0;
}
.specifications li a {
	display: block;
	padding: 8px 12px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600;
	color: #272B37;
	border-radius: 20px;
	text-decoration: none;
	transition: border-color 0.2s, background 0.2s, color 0.2s;
}
.specifications li a:hover {
	border-color: #7324FF;
	background: #F3ECFF;
	color: #7324FF;
	text-decoration: none;
}
.specifications .show-more {
	font-size: 12px;
	background: none;
	padding: 0;
	border: 0;
	color: #A7ADB6;
	border-bottom: 1px dashed #A7ADB6;
	margin: 10px 0 0;
	position: relative;
}
.specifications .show-more:after {
	content: "";
	width: 8px;
	height: 100%;
	background: url("../img/caret.svg") 50% 50% no-repeat;
	position: absolute;
	right: -18px;
	top: 0;
	opacity: .5;
}
.specifications .show-more.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.course-specifications .actions {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 362px;
	position: relative;
	z-index: 2;
	margin-top: 80px;
}
.course-specifications .actions .button {
	padding-left: 24px;
	padding-right: 30px;
	margin: 14px 10px 0 12px;
}
.course-specifications .like, .course-specifications .compare {
	min-width: 38px;
	width: 38px;
	height: 38px;
	background: #fff url("../img/like-blue.svg") 50% 50% no-repeat;
	border: 1px solid #7324FF;
	border-radius: 6px;
	margin: 14px 0 0 10px;
	position: relative;
	-webkit-transition: .15s;
	transition: .15s;
}
.course-specifications .compare {
	background-image: url("../img/comparison-blue.svg");
}
.course-specifications .like.active, .course-specifications .like:not(.focus):hover {
	background-image: url("../img/like-white.svg");
	background-color: #7324FF;
}
.course-specifications .like.active:not(.focus):hover {
	background-image: url("../img/like-blue.svg");
	background-color: #fff;
}
.course-specifications .compare.active, .course-specifications .compare:not(.focus):hover {
	background-image: url("../img/comparison-white.svg");
	background-color: #7324FF;
}
.course-specifications .compare.active:not(.focus):hover {
	background-image: url("../img/comparison-blue.svg");
	background-color: #fff;
}
@media (min-width: 1200px) {
	.specifications th {
		font-size: 22px;
	}
}
@media (max-width: 1199px) {
	.course-specifications .actions {
		max-width: 330px;
		margin-top: 40px;
	}
	.course-specifications .actions .button {
		font-size: 16px;
		padding-left: 20px;
		padding-right: 26px;
	}
}
@media (min-width: 992px) {
	/*
	.course-specifications .like:before, .course-specifications .compare:before {
		content: attr(data-add);
		padding: 6px 10px;
		background: #fff;
		color: #7324FF;
		border: 1px solid #E4E9F2;
		-webkit-box-shadow: 0px 0px 10px rgba(209, 221, 234, 0.77);
		box-shadow: 0px 0px 10px rgba(209, 221, 234, 0.77);
		border-radius: 6px;
		font-size: 12px;
		white-space: nowrap;
		position: absolute;
		left: 50%;
		bottom: 100%;
		margin-bottom: 10px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 2;
		opacity: 0;
		visibility: hidden;
	}
	.course-specifications .like:after, .course-specifications .compare:after {
		content: "";
		width: 10px;
		height: 10px;
		background: #fff;
		border-right: 1px solid #E4E9F2;
		border-bottom: 1px solid #E4E9F2;
		position: absolute;
		left: 50%;
		bottom: 100%;
		-webkit-transform: rotate(45deg) translateX(-50%);
		transform: rotate(45deg) translateX(-50%);
		margin: 0 0 2px -2px;
		z-index: 3;
		opacity: 0;
		visibility: hidden;
	}
	.course-specifications .like:hover:before, .course-specifications .like:hover:after, .course-specifications .compare:hover:before, .course-specifications .compare:hover:after {
		opacity: 1;
		visibility: visible;
	}
	.course-specifications .like.active:hover:before, .course-specifications .compare.active:hover:before {
		content: attr(data-remove);
	}
	*/
}
@media (min-width: 768px) {
	.specifications td {
		padding: 17px;
	}
	.specifications .show-more {
		display: none;
	}
}
@media (max-width: 767px) {
	.specifications th {
		width: 42%;
	}
	.specifications .long:not(.all) li:nth-child(n+5) {
		display: none;
	}
}
@media (max-width: 575px) {
	.specifications li a {
		padding: 4px 10px;
		font-size: 12px;
	}
}

/* Course gallery */
.course-gallery .item {
	display: block;
	max-width: 453px;
	height: 280px;
}
.course-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
@media (max-width: 991px) {
	.course-gallery .owl-stage-outer {
		overflow: visible;
	}
	.course-gallery .item {
		-webkit-transition: .15s;
		transition: .15s;
	}
	.course-gallery .owl-item:not(.active) .item {
		opacity: 0;
		visibility: hidden;
	}
}
@media (max-width: 575px) {
	.course-gallery .item {
		width: 256px;
		height: 158px;
	}
}

/* Course related article */
.course-article-preview {
	padding: 60px;
	background: #F7F8FB;
	border-radius: 12px;
}
.course-article-preview .button {
	margin-top: 48px;
}
@media (min-width: 1200px) {
	.course-article-preview {
		font-size: 22px;
	}
	.course-article-preview .button {
		margin-top: 54px;
	}
}
@media (max-width: 991px) {
	.course-article-preview {
		padding: 40px 30px;
	}
}
@media (max-width: 575px) {
	.course-article-preview {
		padding: 30px 20px;
	}
	.course-article-preview .button {
		margin-top: 40px;
		left: calc(50% - 8px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* Reviews */
.reviews-switcher {
	display: -webkit-flex;
	display: flex;
	color: #272B37;
	-webkit-box-shadow: 0 -4px 0 #E4E9F2 inset;
	box-shadow: 0 -4px 0 #E4E9F2 inset;
	margin-bottom: 60px;
}
.reviews-switcher li {
	font-weight: 600;
	padding-bottom: 1em;
	border-bottom: 4px solid rgba(255,255,255,0);
	-webkit-transition: .15s;
	transition: .15s;
	margin-right: 2.5em;
}
.reviews-switcher li:last-child {
	margin-right: 0;
}
.reviews-switcher li.active {
	color: #7324FF;
	border-color: #7324FF;
}
.reviews-switcher li:hover {
	color: #9B5FFF;
}
.reviews-topbar {
	margin-bottom: 60px;
	position: relative;
}
.reviews-topbar .dropdown {
	float: right;
	margin-left: 30px;
}
.reviews-topbar .button {
	float: right;
	margin-left: 60px;
}
.reviews > li {
	padding: 40px 60px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 22px;
}
.reviews.alt > li {
	background: #fff;
	border: 2px solid #E4E9F2;
}
.reviews > li + li {
	margin-top: 30px;
}
.reviews .topbar {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.reviews .name {
	display: block;
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	line-height: 1.3;
	color: #272B37;
}
.reviews .date, .reviews .rating {
	display: inline-block;
	vertical-align: top;
	padding-left: 38px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	line-height: 28px;
	color: #272B37;
	margin: 0 30px 15px 0;
	position: relative;
}
.reviews .date:before, .reviews .rating span {
	width: 28px;
	height: 28px;
	background: #7324FF 50% 50% no-repeat;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 28px;
	position: absolute;
	left: 0;
	top: 0;
}
.reviews .date:before {
	content: "";
	background-image: url("../img/calendar-white.svg");
}
.reviews.alt .rating {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 12px;
	padding: 0 14px;
	background: #7324FF;
	color: #fff;
	font-size: 24px;
	line-height: 60px;
	margin: 0;
	white-space: nowrap;
}
.reviews.alt .rating:before {
	content: none;
}
.reviews .text {
	font-size: 16px;
	font-style: normal;
	margin: 40px 0 0;
}
.reviews .text p {
	margin: 0 0 10px;
}
.reviews .text p:last-child {
	margin-bottom: 0;
}
.reviews .review-course-label {
	font-size: 14px;
	color: #999;
	margin-top: 15px;
}
.reviews .review-course-label a {
	color: #999;
	text-decoration: underline;
}
.reviews .review-course-label a:hover {
	color: #7324FF;
}
.reviews .review-title {
	font-size: 25px;
	font-weight: 700;
	margin-top: 20px;
}
.reviews .summary .pros-cons-text {
	white-space: pre-line;
	margin-left: 30px;
}
.reviews .summary {
	margin-top: 40px;
}
.reviews .summary .label {
	font-size: 16px;
	font-weight: bold;
	color: #03AD14;
	padding-left: 45px;
	position: relative;
	margin: 0 0 30px 30px;
}
.reviews .summary .label:before {
	content: "";
	width: 30px;
	height: 30px;
	background: currentColor url("../img/plus-white.svg") 50% 50% no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
}
.reviews .summary .disadvantages .label {
	color: #DA1111;
}
.reviews .summary .disadvantages .label:before {
	background-image: url("../img/minus-white.svg");
}
.reviews .summary ul {
	padding: 20px 30px;
	background: rgba(3, 173, 20, 0.05);
	color: #272B37;
	border-radius: 12px;
}
.reviews .summary .disadvantages ul {
	background: rgba(218, 17, 17, 0.05);
}
.reviews .summary li {
	max-width: 290px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: 600;
}
.reviews .summary li:before {
	content: "•";
	margin-right: 4px;
}
.reviews .rates {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	color: #272B37;
	margin-top: 40px;
}
.reviews .rates li {
	width: 30%;
	max-width: 353px;
}
.reviews .rates li:nth-child(n+4) {
	margin-top: 30px;
}
.reviews .rates .label {
	font-size: 16px;
	line-height: 1.3;
	margin: 0 45px 12px 10px;
}
.reviews .rate {
	height: 4px;
	background: #F3F3F3;
	border-radius: 2px;
	position: relative;
}
.reviews .rate .progress {
	background: #272B37;
	height: 100%;
	border-radius: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.reviews .rate .grade {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	position: absolute;
	right: 10px;
	top: -32px;
}
.reviews .vote {
	display: -webkit-flex;
	display: flex;
	padding-top: 30px;
	border-top: 2px dotted #E4E9F2;
	font-size: 16px;
	margin-top: 40px;
}
.reviews .like, .reviews .dislike {
	background: none;
	border: 0;
	padding: 0 0 0 40px;
	font-weight: bold;
	line-height: 30px;
	white-space: nowrap;
	position: relative;
}
.reviews .like:before, .reviews .like:after, .reviews .dislike:before, .reviews .dislike:after {
	content: "";
	width: 30px;
	height: 30px;
	background: url("../img/like2.svg") 50% 50% no-repeat;
	border: 1px solid #03AD14;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.reviews .like:after {
	background-color: #03AD14;
	background-image: url("../img/like2-white.svg");
	opacity: 0;
}
.reviews .dislike:before {
	background-image: url("../img/dislike2.svg");
	border-color: #DA1111;
}
.reviews .dislike:after {
	background-color: #DA1111;
	background-image: url("../img/dislike2-white.svg");
	border-color: #DA1111;
	opacity: 0;
}
.reviews .like.selected:before, .reviews .dislike.selected:before, .reviews .like:hover:before, .reviews .dislike:hover:before {
	opacity: 0;
}
.reviews .like.selected:after, .reviews .dislike.selected:after, .reviews .like:hover:after, .reviews .dislike:hover:after {
	opacity: 1;
}
.reviews .like.disabled, .reviews .dislike.disabled {
	opacity: .3;
}
.reviews .vote .count {
	font-size: 12px;
	font-weight: normal;
}
.reviews .vote .count:before {
	content: "(";
}
.reviews .vote .count:after {
	content: ")";
}
@media (min-width: 1200px) {
	.reviews-placeholder {
		font-size: 22px;
	}
}
@media (max-width: 1199px) {
	.reviews > li {
		padding: 30px;
	}
	.reviews-topbar .button {
		margin-left: 20px;
	}
	.reviews-topbar .dropdown {
		margin-left: 20px;
	}
}
@media (min-width: 992px) {
	.reviews-placeholder {
		padding-right: 270px;
		position: relative;
	}
	.reviews-placeholder .button {
		position: absolute;
		right: 0;
		top: 20px;
	}
	.reviews .rates {
		padding: 30px 40px;
		background: #fff;
		border-radius: 12px;
	}
	.reviews.alt .text {
		font-size: 20px;
		margin-top: 20px;
	}
	.reviews .vote {
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.reviews .dislike {
		margin-left: 40px;
	}
}
@media (max-width: 991px) {
	.reviews-switcher {
		margin-bottom: 40px;
	}
	.reviews-placeholder .button {
		margin-top: 40px;
	}
	.reviews-topbar {
		margin-bottom: 40px;
	}
	.reviews-topbar .dropdown {
		margin-left: 15px;
	}
	.reviews > li + li {
		margin-top: 20px;
	}
	.reviews.alt .rating {
		font-size: 18px;
		line-height: 48px;
		padding: 0 10px;
	}
	.reviews .name {
		font-size: 20px;
	}
	.reviews .text {
		margin-top: 15px;
	}
	.reviews .summary, .reviews .vote {
		margin-top: 30px;
	}
	.reviews .rates {
		margin-top: 25px;
	}
	.reviews .rates li {
		width: 46%;
	}
	.reviews .rates li:nth-child(n+3) {
		margin-top: 25px;
	}
	.reviews .rates .label {
		font-size: 14px;
		margin: 0 35px 12px 0;
	}
	.reviews .rate .grade {
		font-size: 12px;
		top: -28px;
		right: 0;
	}
	.reviews .like {
		margin-right: 40px;
	}
}
@media (min-width: 768px) {
	.reviews .summary {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		max-width: 840px;
	}
	.reviews .summary .advantages, .reviews .summary .disadvantages {
		-webkit-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: calc(50% - 20px);
	}
	.reviews .summary ul {
		flex-grow: 1;
	}
	.reviews .name {
		display: inline-block;
		vertical-align: top;
		max-width: calc(100% - 250px);
	}
	.reviews.alt .name {
		vertical-align: middle;
		margin-left: 40px;
	}
	.reviews .meta {
		float: right;
		margin-top: 10px;
	}
	.reviews.alt .meta {
		margin-top: 16px;
	}
	.reviews .date, .reviews .rating {
		margin: 0 0 0 30px;
	}
	.reviews .show-all {
		display: none;
	}
}
@media (max-width: 767px) {
	.reviews-switcher li {
		padding-bottom: 6px;
	}
	.reviews.alt .meta {
		float: right;
		margin-top: 10px;
	}
	.reviews.alt .date {
		margin: 0;
	}
	.reviews.alt .name {
		margin-top: 15px;
	}
	.reviews .text {
		font-size: 14px;
	}
	.reviews .advantages + .disadvantages {
		margin-top: 15px;
	}
	.reviews .summary .label {
		margin: 0 0 15px;
	}
	.reviews .summary ul {
		padding: 15px;
	}
	.reviews .show-all {
		display: table;
		color: #7324FF;
		border-bottom: 1px currentColor dashed;
		margin-top: 20px;
	}
	.reviews .show-all.active {
		color: rgba(39, 43, 55, 0.4);
	}
	.reviews.alt .text:not(.full) {
		display: -webkit-box;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
		overflow: hidden;
		max-height: 9em;
	}
	.reviews.alt .text:not(.full) ~ .summary {
		display: none;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.reviews-section .section-intro {
		width: 60%;
	}
	.reviews-topbar .button {
		position: absolute;
		right: 0;
		top: -100px;
	}
	.reviews-switcher ~ .tab .reviews-topbar .button {
		top: -140px;
	}
}
@media (max-width: 575px) {
	.reviews-topbar {
		margin-bottom: 20px;
	}
	.reviews-topbar .dropdown {
		float: left;
		clear: left;
		margin: 30px 0 0;
	}
	.reviews-topbar .dropdown + .dropdown {
		float: right;
		clear: right;
	}
	.reviews-topbar .button, .reviews-placeholder .button {
		float: left;
		clear: both;
		left: calc(50% - 8px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.reviews > li {
		padding: 20px 20px 30px;
	}
	.reviews > li + li {
		margin-top: 15px;
	}
	.reviews.alt .rating {
		font-size: 14px;
		line-height: 42px;
		padding: 0 8px;
	}
	.reviews.alt .meta {
		margin-top: 7px;
	}
	.reviews .name {
		font-size: 16px;
	}
	.reviews .rates li {
		width: 100%;
		max-width: 100%;
	}
	.reviews .rates li:nth-child(n+2) {
		margin-top: 20px;
	}
	.reviews .vote {
		font-size: 12px;
	}
}
@media (max-width: 414px) {
	.reviews .date, .reviews .rating {
		margin-right: 15px;
	}
	.reviews .vote {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 30px 20px 0;
		margin: 40px -20px 0;
	}
	.reviews .like {
		margin-right: 0;
	}
}

/* Courses */
.courses-section {
	padding-bottom: 110px;
	margin-bottom: 0;
}
.courses-section + .page-section {
	margin-top: 0;
}
.courses-section .section-header {
	max-width: 13em;
}
.courses.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px;
}
.courses.grid > .item {
	width: calc(33.333% - 30px);
	margin: 15px;
}
.courses.grid.full-width > .item {
	width: calc(25% - 30px);
}
.courses .owl-stage-outer {
	overflow: visible;
	z-index: 2;
}
.courses .owl-stage {
	display: -webkit-flex;
	display: flex;
}
.courses .owl-item .item {
	height: 100%;
	-webkit-transition: .15s;
	transition: .15s;
}
.courses .owl-item:not(.active) .item {
	opacity: 0;
	visibility: hidden;
}
.courses .item {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	border: 1px solid #B5B5B5;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	padding: 15px 20px;
	border-radius: 10px;
	color: #272B37;
	position: relative;
	z-index: 2;
}
.courses .item:hover {
	position: relative;
	z-index: 3;
}
.courses .main {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.courses .bar, .courses .category, .courses .response, .courses .platform, .courses .price, .courses .actions {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.courses .bar {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.courses .category, .courses .response {
	height: 26px;
	line-height: 24px;
	padding: 0 12px;
	font-size: 12px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 4px;
	margin: 0 5px 10px 0;
}
.courses .category {
	color: rgba(39,43,55,0.8);
}
.courses .category:hover {
	background: #272B37;
	border-color: #272B37;
	color: #fff;
}
.courses .response {
	padding: 0 10px 0 9px;
	margin-right: 0;
}
.courses .response li {
	font-size: 10px;
	font-weight: 600;
	padding-left: 16px;
	background: url("../img/star.svg") 0 45% no-repeat;
	margin-right: 10px;
}
.courses .response .reviews-number {
	background-image: url("../img/comment.svg");
	margin-right: 0;
}
.courses .cover {
	height: 100px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.courses .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.courses .cover .feature {
	background: #fff url("../img/fire.png") 10px 50% no-repeat;
	-webkit-background-size: 12px;
	background-size: 12px;
	border: 1px solid #FF9331;
	padding: 5px 10px 6px 27px;
	border-radius: 14px;
	font-size: 10px;
	font-weight: 600;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.courses .title {
	display: block;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
.courses .title:hover {
	color: #5A5E6A;
}
.courses .duration {
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	padding-left: 24px;
	background: url("../img/clock2.svg") 0 50% no-repeat;
	margin: 0 10px 15px 0;
}
.courses .platform + .duration {
	margin: 0 0 15px 10px;
}
.courses .platform {
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 15px;
}
.courses .platform img {
	max-width: 25px;
	max-height: 25px;
	margin-right: 8px;
}
.courses .installment {
	padding-left: 45px;
	font-size: 10px;
	margin-top: 20px;
	position: relative;
}
.courses .installment div {
	font-size: 14px;
	font-weight: 600;
}
.courses .installment:before {
	content: "%";
	width: 30px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	background: #7324FF;
	color: #fff;
	border-radius: 4px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
}
.courses .bottom {
	padding: 30px 20px 0;
	border-top: 1px solid #B5B5B5;
	margin: 20px -20px 0;
	position: relative;
}
.courses .price {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.2;
	white-space: nowrap;
	position: relative;
}
.courses .price .old {
	font-size: .5em;
	font-weight: 300;
	color: rgba(39,43,55,0.4);
	position: absolute;
	left: 0;
	bottom: calc(100% - 2px);
}
.courses .price .old del {
	font-size: 1.4em;
}
.courses .discount {
	padding: 8px 12px;
	border-radius: 8px;
	background: #FF631A;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-left: 15px;
}
.courses .actions {
	height: 54px;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -12px 0 -12px -20px;
}
.courses .like {
	width: 18px;
	height: 18px;
	border: 0;
	background: url("../img/like.svg") 50% 50% no-repeat;
	margin: 0 3px 0 20px;
}
.courses .like.active, .courses .like:not(.focus):hover {
	background-image: url("../img/like-active.svg?v=2");
}
.courses .like.active:not(.focus):hover {
	background-image: url("../img/like.svg");
}
.courses .compare {
	width: 20px;
	height: 18px;
	border: 0;
	background: url("../img/comparison.svg") 50% 50% no-repeat;
	margin-left: 17px;
}
.courses .compare.active, .courses .compare:not(.focus):hover {
	background-image: url("../img/comparison-blue.svg");
}
.courses .compare.active:not(.focus):hover {
	background-image: url("../img/comparison.svg");
}
.courses .button {
	margin-top: 10px;
}
.courses.list .item {
	display: block;
	padding: 20px 30px;
}
.courses.list .item:after {
	content: "";
	display: table;
	clear: both;
}
.courses.list .item + .item {
	margin-top: 20px;
}
.courses.list .item:before {
	height: calc(100% + 2px);
}
.courses.list .main {
	width: calc(100% - 312px);
	max-width: 664px;
	min-height: 120px;
	padding-left: 210px;
	position: relative;
	float: left;
}
.courses.list .cover {
	width: 180px;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
}
.courses.list .bar {
	margin-bottom: 0;
}
.courses.list .response {
	margin-right: 10px;
}
.courses.list .platform, .courses.list .duration {
	margin-bottom: 10px;
}
.courses.list .title {
	min-height: 2.4em;
	font-size: 18px;
}
.courses.list .details {
	width: 282px;
	float: right;
}
.courses.list .price {
	display: block;
	max-width: 100%;
}
.courses.list .price .old {
	position: static;
}
.courses.list .discount {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	padding: 6px;
	margin: -8px -8px 0 4px;
}
.courses.list .installment {
	padding: 0;
}
.courses.list .installment:before {
	content: none;
}
.courses.list .button {
	width: 164px;
	height: 48px;
	padding: 0 10px;
	font-size: 14px;
	margin: 0;
	visibility: visible;
	opacity: 1;
	position: relative;
	float: left;
	clear: left;
}
.courses-settings {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	margin-bottom: 80px;
}
.courses-settings.alt {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 14px;
	padding: 20px 0 10px;
	border-bottom: 1px solid #E4E9F2;
	margin-bottom: 30px;
}
.courses-settings .items-counter {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin: 0 30px 10px 0;
}
.courses-settings.alt .items-counter {
	font-size: 1em;
}
.courses-settings.alt .dropdown {
	margin: 0 60px 10px 0;
}
.courses-settings.alt .dropdown:last-child {
	margin-right: 0;
}
.courses-settings.alt .view-switcher {
	margin: 0 0 10px;
}
.courses-settings.alt .view-switcher .option {
	width: 18px;
	height: 18px;
}
.courses-settings.alt .view-switcher .option + .option {
	margin-left: 10px;
}
.courses-controls {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.courses-controls .items-counter {
	margin: 0 auto 0 0;
}
.courses-controls .items-switcher {
	margin-right: 30px;
}
.courses-controls .button {
	margin-left: auto;
}
.courses-filters-previews {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.courses-filters-previews:empty {
	display: none;
}
.courses-filters-previews .option, .courses-filters-previews .reset-all {
	padding: 10px 36px 10px 12px;
	border: 1px solid rgba(255,255,255,0);
	white-space: nowrap;
	border-radius: 20px;
	background: #7324FF url("../img/close-white.svg") calc(100% - 12px) 50% no-repeat;
	-webkit-background-size: 10px;
	background-size: 10px;
	color: #fff;
	margin: 0 10px 6px 0;
	font-size: 12px;
	line-height: 1.2;
	position: relative;
	-webkit-transition: .15s;
	transition: .15s;
	cursor: pointer;
}
.courses ~ .button {
	margin-top: 70px;
}
@media (max-width: 1399px) {
	.courses.grid > .item {
		width: calc(50% - 30px);
	}
	.courses.grid.full-width > .item {
		width: calc(33.333% - 30px);
	}
	.courses.grid > .item:nth-child(n+9), .courses.grid.full-width > .item:nth-child(n+7) {
		display: none;
	}
	.courses.list .item {
		padding: 20px;
	}
	.courses ~ .pagination + .items-counter {
		display: none;
	}
	.courses-settings {
		margin-bottom: 60px;
	}
	.courses-settings.alt .dropdown {
		margin-right: 30px;
	}
}
@media (min-width: 1200px) {
	.courses.list .features {
		min-height: 71px;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		margin: 12px 0 -10px;
	}
	.courses.list .price {
		float: left;
		min-height: 70px;
	}
	.courses.list .installment {
		margin: 0;
		float: right;
	}
	.courses.list .actions {
		width: 91px;
		height: 38px;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		float: right;
		margin-top: 5px;
	}
	.courses.list .like, .courses.list .compare {
		width: 38px;
		height: 38px;
		background-image: url("../img/like-blue.svg");
		border: 2px solid #7324FF;
		border-radius: 6px;
		margin: 0;
	}
	.courses.list .compare {
		background-image: url("../img/comparison-blue.svg");
	}
	.courses.list .like:hover, .courses.list .like.active {
		background-color: #7324FF;
		background-image: url("../img/like-white.svg");
	}
	.courses.list .compare:hover, .courses.list .compare.active {
		background-color: #7324FF;
		background-image: url("../img/comparison-white.svg");
	}
	.selected-courses-section .section-header {
		margin-bottom: 80px;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.courses.list .main {
		width: calc(100% - 290px);
		padding-left: 180px;
	}
	.courses.list .cover {
		width: 160px;
	}
	.courses.list .title {
		margin-right: 10px;
	}
}
@media (min-width: 1200px) and (max-width: 1279px) {
	.courses.list .main {
		padding-left: 140px;
	}
	.courses.list .title {
		font-size: 16px;
	}
	.courses.list .cover {
		width: 120px;
	}
}
@media (max-width: 1199px) {
	.courses.grid {
		margin: -10px;
	}
	.courses.grid > .item {
		width: calc(50% - 20px);
		margin: 10px;
	}
	.courses.grid.full-width > .item {
		width: calc(33.333% - 20px);
		margin: 10px;
	}
	.courses.list .item:nth-child(n+9) {
		display: none;
	}
	.courses.list .main {
		width: calc(100% - 140px);
		max-width: 480px;
		min-height: 0;
		padding: 0 0 78px;
	}
	.courses.list .cover {
		width: 150px;
		height: 68px;
		margin: 0;
		top: auto;
		bottom: 0;
	}
	.courses.list .features {
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.courses.list .features .bar:first-child {
		margin-right: 10px;
	}
	.courses.list .title {
		height: 3.6em;
		width: calc(100% - 170px);
		position: absolute;
		right: 0;
		bottom: 0;
		overflow: hidden;
	}
	.courses.list .details {
		width: 120px;
		position: relative;
	}
	.courses.list .installment {
		margin: 0 0 15px;
	}
	.courses.list .installment div {
		font-size: 14px;
	}
	.courses.list .price {
		font-size: 28px;
	}
	.courses.list .actions {
		max-width: 100%;
		height: auto;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		margin: 15px 0 0 -20px;
	}
	.courses.list .discount {
		margin: 0;
		position: absolute;
		right: -10px;
		top: -3px;
	}
	.courses.list .button {
		display: none;
	}
	.courses-settings {
		margin-bottom: 50px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.courses-settings.alt .items-counter {
		min-width: calc(100% - 76px);
	}
	.courses-settings.alt .view-switcher {
		order: 2;
	}
	.courses-settings.alt .dropdown {
		order: 4;
	}
	.courses-settings.alt .dropdown + .dropdown {
		margin-right: 0;
	}
}
@media (min-width: 992px) {
	.courses .price {
		max-width: 69%;
	}
	.courses .actions {
		max-width: 31%;
	}
	.courses .item:before {
		content: "";
		width: calc(100% + 4px);
		height: calc(100% + 91px);
		background: #fff;
		border: 3px solid #7324FF;
		border-radius: 10px;
		position: absolute;
		left: -2px;
		top: -1px;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		-webkit-transition: .15s;
		transition: .15s;
	}
	.modal-courses .item:before {
		height: calc(100% + 2px);
	}
	.courses .item:hover:before {
		opacity: 1;
		visibility: visible;
	}
	.courses .button {
		margin: 20px 0 -84px;
		opacity: 0;
		visibility: hidden;
	}
	.courses .item:hover .button {
		opacity: 1;
		visibility: visible;
	}
}
@media (max-width: 991px) {
	.courses.grid.full-width > .item {
		width: calc(50% - 20px);
	}
	.courses.grid.full-width > .item:nth-child(n+5) {
		display: none;
	}
	.courses-settings {
		margin-bottom: 40px;
	}
	.courses-settings.alt, .courses-settings.alt .dropdown {
		font-size: 12px;
	}
	.courses-controls {
		margin-bottom: 60px;
		position: relative;
	}
}
@media (min-width: 768px) {
	.selected-courses-section {
		overflow: visible;
	}
	.selected-courses-section .section-header {
		display: inline-block;
		max-width: calc(100% - 320px);
	}
	.selected-courses-section .section-header + .button {
		float: right;
	}
}
@media (max-width: 767px) {
	.courses-section {
		padding-bottom: 80px;
	}
	.courses .item {
		padding: 15px 10px;
	}
	.courses .item:before {
		height: calc(100% + 73px);
	}
	.courses .category {
		font-size: 10px;
		padding: 0 9px;
	}
	.courses .cover {
		margin-bottom: 15px;
	}
	/*
	.courses .duration {
		font-size: 11px;
		padding-left: 18px;
		-webkit-background-size: 12px;
		background-size: 12px;
	}
	.courses .platform {
		font-size: 11px;
	}
	.courses .platform img {
		max-width: 15px;
		max-height: 15px;
	}
	*/
	.courses .title {
		font-size: 14px;
	}
	.courses .installment {
		padding-left: 40px;
	}
	.courses .installment div {
		font-size: 12px;
	}
	.courses .installment:before {
		width: 28px;
		height: 28px;
		font-size: 12px;
		line-height: 28px;
		margin-top: -14px;
	}
	.courses .bottom {
		padding: 28px 10px 0;
		margin: 10px -10px 0;
	}
	.courses .price {
		font-size: 20px;
	}
	.courses .discount {
		padding: 6px 10px;
		font-size: 11px;
	}
	.courses .like, .courses .compare {
		margin-left: 12px;
	}
	/*
	.courses .button {
		margin: 17px 0 -70px;
	}
	*/
	.courses.list .title {
		height: 4.8em;
		font-size: 14px;
	}
	.courses-controls {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.courses-controls .items-switcher {
		margin: 0 0 25px;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.courses-controls {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.courses-controls .button {
		position: absolute;
		right: 0;
		top: -100px;
	}
	.selected-courses-section .section-header + .button {
		margin-top: 10px;
	}
}
@media (max-width: 575px) {
	.courses-section {
		padding-bottom: 60px;
	}
	.courses.owl-carousel {
		margin: 0;
	}
	.courses.grid > .item, .courses.grid.full-width > .item {
		width: calc(100% - 20px);
	}
	.courses .owl-item .item {
		width: 255px;
	}
	.courses.list .item .main {
		width: 100%;
		float: none;
	}
	.courses.list .cover {
		width: 120px;
	}
	.courses.list .title {
		width: calc(100% - 140px);
	}
	.courses.list .details {
		width: 100%;
		float: none;
		margin: 15px 0 0;
	}
	.courses.list .installment {
		display: inline-block;
		margin: 0;
	}
	.courses.list .price {
		font-size: 20px;
		float: left;
		margin: 2px 20px 0 0;
	}
	.courses.list .discount {
		font-size: 10px;
		padding: 4px;
	}
	.courses.list .installment div {
		font-size: 11px;
	}
	.courses.list .actions {
		width: 32px;
		height: 48px;
		float: right;
		margin: -8px;
	}
	.courses-settings {
		margin-bottom: 30px;
	}
	.courses-settings.alt {
		padding: 0;
		border: 0;
		margin-bottom: 10px;
	}
	.courses-settings.alt .grouping {
		display: none;
	}
	.courses ~ .button {
		margin-top: 60px;
		left: calc(50% - 8px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* Articles */
.articles-topics + hr {
	margin: 80px 0;
}
.articles-topics .header {
	font-size: 22px;
	margin-bottom: 40px;
}
.articles-topics ul {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px -10px 0;
}
.articles-topics li {
	margin: 0 10px 10px 0;
}
.articles-topics a {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	background: #fff;
	border: 1px solid #E4E9F2;
	color: #272B37;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600;
}
.articles-topics a:hover {
	border-color: #7324FF;
}
.articles-topics .show-all {
	height: 50px;
	font-size: 14px;
	padding: 0 20px;
}
.articles-settings {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 80px;
}
.articles-settings .items-switcher {
	margin: 0 auto 10px 0;
}
.articles-settings .search-form {
	height: 48px;
	margin: 0 0 10px 30px;
}
.articles-settings .search-form input {
	width: 528px;
	max-width: 40vw;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
}
.articles-settings .search-form:not(.active) input {
	opacity: 0;
	visibility: hidden;
}
.articles-settings .search-form .button {
	width: 48px;
	height: 100%;
	border-radius: 6px;
}
.articles-settings .dropdown {
	margin: 0 0 10px 30px;
}
.articles-settings .view-switcher {
	margin-bottom: 10px;
	order: 4;
}
.articles .item {
	border: 1px solid #E4E9F2;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	padding: 15px 20px 20px;
	border-radius: 10px;
	color: #272B37;
	background: #fff;
	-webkit-transition: .15s;
	transition: .15s;
}
.articles .item.main {
	display: block;
	padding: 20px 30px;
}
.articles .cover {
	height: 160px;
	border-radius: 10px;
	overflow: hidden;
}
.articles .main .cover {
	display: block;
	width: 100%;
	aspect-ratio: 7 / 4;
	height: auto;
	margin-bottom: 20px;
}
.articles .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.articles .title {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
.articles .title:hover {
	color: #5A5E6A;
}
.articles .description {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 2.5em;
	font-size: 16px;
	line-height: 1.25;
	margin-top: 15px;
}
.articles .meta {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-right: 30px;
	position: relative;
}
.articles .params {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	font-size: 12px;
	margin: 13px -5px 2px 0;
}
.articles .params li {
	margin-right: 15px;
}
.articles .params .views {
	padding-left: 18px;
	background: url("../img/eye.svg") 0 50% no-repeat;
}
.articles .params .reading-time {
	padding-left: 16px;
	background: url("../img/clock.svg") 0 50% no-repeat;
}
.articles .params .date-updated {
	opacity: 0.6;
	font-style: italic;
}
.articles .tags {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 5px -5px 0 0;
}
.articles .tags li {
	margin: 5px 5px 0 0;
}
.articles .tags a {
	display: block;
	padding: 0 8px;
	font-size: 10px;
	font-weight: 600;
	line-height: 22px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 4px;
}
.articles .tags a:before {
	content: "#";
}
.articles .tags a:hover {
	background: #fff;
}
.articles .bookmark {
	display: block;
	width: 16px;
	height: 22px;
	border: 0;
	background: url("../img/bookmark.svg") 50% 50% no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}
.articles .bookmark.active, .articles .bookmark:not(.focus):hover {
	background-image: url("../img/bookmark-active.svg");
}
.articles .bookmark.active:not(.focus):hover {
	background-image: url("../img/bookmark.svg");
}
.articles + .button {
	margin-top: 50px;
}
.articles--paired .item-pair {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.articles--paired .item-pair .item {
	margin: 0;
}
.articles-section .categories {
	margin-top: 60px;
}
.articles-section .categories .header {
	font-size: 22px;
	margin-bottom: 40px;
}
.article-categories {
	-webkit-display: flex;
	display: flex;
}
.article-categories li {
	margin-right: 10px;
}
.article-categories a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 50px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	border-radius: 8px;
	padding: 0 20px;
}
.article-categories a:not(.button) {
	background: #F7F8FB;
	color: #272B37;
	border: 1px solid #E4E9F2;
}
.article-categories a:not(.button):hover {
	border-color: #7324FF;
}
.article-categories .button {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.article-categories.all .more {
	display: none;
}
@media (max-width: 1399px) {
	.articles-topics + hr {
		margin: 60px 0;
	}
	.articles-settings {
		margin-bottom: 60px;
	}
	.articles .description {
		-webkit-line-clamp: 3;
		max-height: 3.75em;
	}
}
@media (max-width: 1199px) {
	.articles-topics .header {
		margin-bottom: 30px;
	}
	.articles-settings {
		margin-bottom: 50px;
	}
}
@media (min-width: 1200px) {
	.articles.list .title {
		padding-right: 20%;
	}
}
@media (min-width: 992px) {
	.articles-settings .search-form {
		height: 60px;
	}
	.articles-settings .search-form .button {
		width: 60px;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.articles:not(.owl-carousel) {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -15px;
		position: relative;
	}
	.articles.list {
		display: block;
	}
	.articles.list .item {
		display: block;
		width: calc(100% - 30px);
		overflow: hidden;
	}
	.articles.list .cover {
		width: 200px;
		height: 120px;
		float: left;
		margin-right: 30px;
	}
	.articles.list .title {
		width: calc(100% - 274px);
		max-width: 960px;
		min-height: 2.6em;
		font-size: 24px;
		float: left;
		margin: 8px 0 0;
	}
	.articles.list .meta {
		width: calc(100% - 274);
		min-height: 50px;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		float: left;
	}
	.articles .item {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: calc(33.333% - 30px);
		margin: 15px;
	}
	.articles.owl-carousel .item {
		width: 100%;
		margin: 0;
	}
	.articles .item:hover {
		border-color: #7324FF;
		-webkit-box-shadow: 0 0 0 2px #7324FF inset;
		box-shadow: 0 0 0 2px #7324FF inset;
		background: #F8F7FC;
	}
	.articles .cover {
		margin-bottom: 10px;
	}
	.articles .title {
		order: 3;
		margin-top: 15px;
	}
	.articles.alt {
		display: block;
		padding-left: calc(66.667% + 20px);
		margin: 0 0 -15px;
	}
	.articles.alt .item {
		width: 100%;
		margin: 0 0 15px;
	}
	.articles.alt .item.main {
		width: calc(66.667% - 10px);
		min-height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	.articles .main .title {
		font-size: 22px;
		margin-top: 25px;
	}
	.articles .main .meta {
		max-width: 413px;
	}
	.articles.grid .item:nth-child(4):last-child {
		display: none;
	}
	.article-categories {
		padding-right: 130px;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -10px;
		position: relative;
	}
	.article-categories li {
		margin-bottom: 10px;
	}
	.article-categories:not(.all) {
		height: 50px;
		overflow: hidden;
	}
	.article-categories .more {
		position: absolute;
		right: 0;
		top: 0;
	}
}
@media (max-width: 991px) {
	.articles-topics + hr {
		margin: 50px -40px;
	}
	.articles-topics a, .articles-topics .show-all {
		height: 40px;
		padding: 0 18px;
		font-size: 12px;
	}
	.articles-settings {
		margin-bottom: 40px;
	}
	.articles-settings .items-switcher a {
		padding: 0 20px;
	}
	.articles .item {
		padding: 15px;
		overflow: hidden;
	}
	.articles .item + .item {
		margin-top: 20px;
	}
	.articles .cover {
		width: 30.5%;
		height: 100px;
		float: left;
		margin-right: 20px;
	}
	.articles .title {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		width: calc(69.5% - 20px);
		min-height: 2.6em;
		max-height: 3.9em;
		max-width: 273px;
		overflow: hidden;
		float: left;
	}
	.articles .meta {
		width: calc(69.5% - 20px);
		min-height: 50px;
		-webkit-align-items: flex-end;
		align-items: flex-end;
		max-width: 383px;
		float: left;
	}
	.articles .main .cover {
		height: 264px;
		float: none;
		margin: 0;
	}
	.articles .main .meta, .articles .main .title {
		width: 100%;
		max-width: 100%;
		min-height: 0;
		float: none;
		margin: 20px 0 0;
	}
	.articles .main .title {
		font-size: 20px;
		margin: 30px 0 0;
	}
	.articles.grid .item {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.articles.grid .cover {
		width: 100%;
		height: 160px;
		float: none;
		margin: 0;
	}
	.articles.grid .title, .articles.grid .meta {
		width: 100%;
	}
	.articles.grid .title {
		order: 3;
		margin: 15px 0 0;
	}
	.articles.grid .params {
		width: 100%;
	}
	.articles.grid .meta {
		max-width: 100%;
	}
	.articles.grid .tags {
		margin-left: 0;
	}
	.articles-section .categories {
		margin-top: 50px;
	}
	.articles-section .categories .header {
		margin-bottom: 30px;
	}
	.article-categories {
		padding: 0 40px;
		overflow-y: auto;
		margin: 0 -40px;
	}
	.article-categories a {
		height: 40px;
		font-size: 12px;
	}
	.article-categories .more {
		display: none;
	}
}
@media (min-width: 768px) {
	.articles-topics.extended ul:not(.all) {
		height: 60px;
		max-width: calc(100% - 130px);
		overflow: hidden;
	}
	.articles-topics .show-all {
		float: right;
		margin-top: -50px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.articles-topics.extended ul:not(.all) {
		height: 50px;
	}
	.articles-topics.extended .show-all {
		margin-top: -40px;
	}
}
@media (max-width: 767px) {
	.articles-topics .header {
		font-size: 18px;
	}
	.articles-topics + hr {
		margin: 40px -30px;
	}
	.articles-topics:not(.extended) ul {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		white-space: nowrap;
		overflow-x: auto;
		padding: 0 30px;
		margin: 0 -30px;
	}
	.articles-topics:not(.extended) li {
		margin: 0 10px 0 0;
	}
	.articles-topics.extended ul:not(.all) li:nth-child(n+5) {
		display: none;
	}
	.articles-topics .show-all {
		margin-top: 10px;
	}
	.articles-settings .items-switcher {
		width: 100%;
		margin: 0 0 30px;
	}
	.articles-settings .items-switcher a {
		padding: 0 10px;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.articles-settings .search-form {
		min-width: 48px;
		z-index: 51;
		order: 2;
	}
	.articles-settings .search-form input {
		max-width: 70vw;
	}
	.article-categories {
		padding: 0 30px;
		overflow-y: auto;
		margin: 0 -30px;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.articles.grid {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.articles.grid .item {
		width: calc(50% - 10px);
		margin-top: 0;
	}
	.articles.grid .item:nth-child(n+3) {
		margin-top: 20px;
	}
	.articles.list .title {
		max-width: 100%;
	}
}
@media (max-width: 575px) {
	.articles-topics .header {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.articles-settings {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.articles-settings .dropdown {
		margin-left: 0;
	}
	.articles-settings .search-form {
		height: 42px;
	}
	.articles-settings .search-form .button {
		width: 42px;
	}
	.articles-settings .search-form {
		order: 2;
	}
	.articles .item.main {
		padding: 20px;
	}
	.articles .main .cover {
		height: 170px;
	}
	.articles .main .meta {
		margin-top: 10px;
	}
	.articles .main .title {
		font-size: 16px;
		margin-top: 20px;
	}
	.articles + .button {
		left: calc(50% - 8px);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.articles-section .categories .header {
		font-size: 14px;
		margin-bottom: 15px;
	}
}
@media (max-width: 414px) {
	.articles-topics + hr {
		margin: 40px -20px;
	}
	.articles-topics:not(.extended) ul {
		padding: 0 20px;
		margin: 0 -20px;
	}
	.articles .title {
		width: calc(100% - 110px);
		font-size: 16px;
	}
	.articles .cover {
		width: 95px;
		height: 73px;
		margin-right: 15px;
	}
	.articles .meta {
		width: calc(100% - 110px);
		min-height: 0;
	}
	.articles .params {
		margin: 13px -55px 5px 0;
	}
	.articles .tags {
		width: calc(100% + 110px);
		margin-left: -110px;
	}
	.articles .item.main {
		padding: 15px;
	}
	.articles .main .tags {
		width: 100%;
		margin-left: 0;
	}
	.article-categories {
		padding: 0 20px;
		overflow-y: auto;
		margin: 0 -20px;
	}
}
@media (max-width: 359px) {
	.articles .params li {
		margin-right: 10px;
	}
}

/* Catalog intro */
.catalog-intro {
	padding: 60px 0 110px;
	position: relative;
	color: #fff;
}
.catalog-intro:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #7324FF;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.catalog-intro.has-categories {
	margin-bottom: -100px;
}
.catalog-intro.has-categories:before {
	height: calc(100% - 200px);
}
.catalog-intro .return {
	display: table;
	padding: 12px 25px 14px 47px;
	background: #fff;
	color: #7324FF;
	font-size: 20px;
	font-weight: bold;
	border-radius: 0 30px 30px 0;
	margin: 0 0 80px;
	position: relative;
}
.catalog-intro .return:before, .catalog-intro .return:after {
	content: "";
	width: 16px;
	height: 16px;
	background: url("../img/caret-blue.svg") 50% 50%;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 16px;
	top: 50%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	margin-top: -8px;
}
.catalog-intro .return:after {
	background-image: url("../img/caret-white.svg");
	opacity: 0;
}
.catalog-intro .return:hover {
	background-color: #4A0DB8;
	color: #fff;
}
.catalog-intro .return:hover:before {
	opacity: 0;
}
.catalog-intro .return:hover:after {
	opacity: 1;
}
.catalog-intro .header {
	font-size: 80px;
	color: #fff;
	margin-bottom: 20px;
}
.catalog-intro .description {
	max-width: 54em;
	font-size: 24px;
}
.catalog-intro .description.medium-width {
	max-width: 38.75em;
}
.catalog-intro .categories {
	margin-top: 90px;
}
.catalog-intro .categories .header {
	font-size: 22px;
	margin-bottom: 54px;
}
.catalog-intro .course-categories .owl-stage-outer {
	overflow: visible;
}
.catalog-intro .course-categories .item {
	opacity: 0;
}
.catalog-intro .course-categories .item:not(:hover) {
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0) inset, 0px 15px 60px -15px rgba(209, 221, 234, 0.77);
	box-shadow: 0 0 0 2px rgba(255,255,255,0) inset, 0px 15px 60px -15px rgba(209, 221, 234, 0.77);
}
.catalog-intro .course-categories .active .item {
	opacity: 1;
}
@media (min-width: 1800px) {
	.catalog-intro:before {
		max-width: calc(100% - 100px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		border-radius: 0 0 40px 40px;
	}
}
@media (max-width: 1599px) {
	.catalog-intro .header {
		font-size: 72px;
	}
	.catalog-intro .return {
		margin-bottom: 60px;
	}
}
@media (max-width: 1399px) {
	.catalog-intro {
		padding-bottom: 70px;
	}
	.catalog-intro.has-categories {
		margin-bottom: -70px;
	}
	.catalog-intro.has-categories:before {
		height: calc(100% - 160px);
	}
	.catalog-intro .header {
		font-size: 64px;
	}
	.catalog-intro .description {
		font-size: 22px;
	}
}
@media (max-width: 1199px) {
	.catalog-intro .header {
		font-size: 56px;
	}
	.catalog-intro .categories {
		margin-top: 60px;
	}
}
@media (min-width: 992px) {
	.catalog-intro .course-categories:after {
		color: #fff;
		top: -100px;
		margin-top: 0;
	}
	.catalog-intro .course-categories .owl-nav {
		top: -100px;
		margin-top: 0;
	}
}
@media (max-width: 991px) {
	.catalog-intro {
		padding-bottom: 40px;
	}
	.catalog-intro.has-categories:before {
		height: calc(100% - 190px);
	}
	.catalog-intro .return {
		padding: 9px 20px 11px 47px;
		font-size: 18px;
		margin: -10px 0 40px;
	}
	.catalog-intro .header {
		font-size: 44px;
	}
	.catalog-intro .description {
		font-size: 20px;
	}
	.catalog-intro .categories .header {
		margin-bottom: 30px;
	}
}
@media (max-width: 575px) {
	.catalog-intro {
		padding: 40px 0;
	}
	.catalog-intro.has-categories:before {
		height: calc(100% - 184px);
	}
	.catalog-intro .return {
		margin: -20px 0 30px;
	}
	.catalog-intro .header {
		font-size: 36px;
	}
	.catalog-intro .description {
		font-size: 16px;
	}
	.catalog-intro .categories {
		margin-top: 30px;
	}
	.catalog-intro .categories .header {
		font-size: 16px;
	}
	.catalog-intro .course-categories .item {
		width: 255px;
	}
}

/* Courses requests */
.courses-requests {
	margin-bottom: 96px;
	position: relative;
}
.courses-requests .header {
	min-height: 115px;
	background: url("../img/pointer5.svg") 0 0 no-repeat;
	padding: 51px 150px 0 129px;
	position: absolute;
	right: 0;
	top: -169px;
}
.courses-requests .header .logo {
	width: 120px;
	position: absolute;
	right: 0;
	top: 5px;
}
.courses-requests .header .logo:before {
	content: "";
	width: 86.67%;
	height: 100%;
	background: #7324FF;
	border-radius: 50%;
	-webkit-box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	position: absolute;
	right: 4%;
	top: 0;
	z-index: -1;
}
.courses-requests .header .text {
	max-width: 260px;
	font-family: var(--font-heading);
	font-size: 24px;
	line-height: 1.2;
	color: #7324FF;
}
.courses-requests ul {
	-webkit-display: flex;
	display: flex;
}
.courses-requests li {
	margin-right: 10px;
}
.courses-requests a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 50px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	border-radius: 8px;
	padding: 0 20px;
}
.courses-requests a:not(.button) {
	background: #F7F8FB;
	color: #272B37;
	border: 1px solid #E4E9F2;
}

.courses-requests a:not(.button):hover {
	background: #7324FF;
	border-color: #7324FF;
	color: #fff;
}
/*
.courses-requests a:not(.button):hover {
	border-color: #7324FF;
}
*/
.courses-requests .button {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.courses-requests .more {
	margin: 0 0 0 auto;
}
.courses-requests ul.all .more {
	display: none;
}
@media (max-width: 1399px) {
	.courses-requests {
		margin-bottom: 70px;
	}
	.courses-requests .header {
		padding-left: 100px;
	}
}
@media (max-width: 1199px) {
	.courses-requests .header {
		padding: 50px 120px 0 60px;
		top: -150px;
	}
}
@media (min-width: 992px) {
	.courses-requests ul {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.courses-requests ul:not(.all) {
		padding-right: 90px;
		height: 50px;
		overflow: hidden;
	}
	.courses-requests ul:not(.all) .more {
		position: absolute;
		right: 0;
		top: 0;
	}
	.courses-requests ul.all {
		margin-bottom: -10px;
	}
	.courses-requests ul.all li {
		margin-bottom: 10px;
	}
}
@media (max-width: 991px) {
	.courses-requests {
		margin-bottom: 40px;
	}
	.courses-requests .header {
		display: none;
	}
	.courses-requests .scrollable {
		padding: 0 40px;
		margin: 0 -40px;
	}
	.courses-requests .more {
		display: none;
	}
}
@media (max-width: 767px) {
	.courses-requests .scrollable {
		padding: 0 30px;
		margin: 0 -30px;
	}
	.courses-requests a {
		height: 42px;
		padding: 0 15px;
		font-size: 12px;
	}
}
@media (max-width: 414px) {
	.courses-requests .scrollable {
		padding: 0 20px;
		margin: 0 -20px;
	}
	.courses-requests a {
		height: 37px;
		padding: 0 11px;
		font-size: 10px;
	}
}

/* Courses filters */
.courses-filters {
	background: #F7F8FB;
	position: relative;
	z-index: 51;
}
.courses-filters > .close {
	display: block;
	background: #7324FF url("../img/close-white.svg") calc(100% - 20px) 50% no-repeat;
	color: #fff;
	padding: 15px 48px 15px 20px;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
}
.courses-filters .section {
	padding: 15px 20px;
	position: relative;
	z-index: 2;
}
.courses-filters .section + .section {
	border-top: 1px solid #E4E9F2;
}
.courses-filters .label {
	display: table;
	font-size: 16px;
	font-weight: bold;
	color: #272B37;
	margin-bottom: 20px;
}
.courses-filters .label.trigger {
	padding-right: 40px;
	background: url("../img/arrow.svg") 100% 55% no-repeat;
	cursor: pointer;
	margin-bottom: 0;
}
.courses-filters .label.trigger:before, .courses-filters .panel .label:before {
	content: "";
	width: 100%;
	height: 54px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	-webkit-transition: .15s;
	transition: .15s;
}
.courses-filters .label[data-checked]:after {
	content: attr(data-checked);
	display: inline-block;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
	border-radius: 50%;
	background: #7324FF;
	color: #fff;
	margin: -1px 0 0 15px;
	font-family: var(--font-sans);
}
/*
.courses-filters .label[data-checked="1"]:after {
	padding-right: 1px;
}
*/
.courses-filters .options {
	margin-top: 20px;
}
.courses-filters .options.scrollable {
	max-height: 210px;
	overflow: auto;
}
.courses-filters .options [data-count]:after {
	content: "("attr(data-count)")";
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	color: rgba(39,43,55,0.4);
	margin-left: .4em;
}
.courses-filters .options .mCSB_scrollTools {
	width: 4px;
	right: 0;
}
.courses-filters .options .mCSB_scrollTools .mCSB_draggerRail, .courses-filters .options .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	padding: 0;
	border-radius: 2px;
}
.courses-filters .options .mCSB_scrollTools .mCSB_draggerRail {
	background: #fff;
}
.courses-filters .options .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #E4E9F2;
}
.courses-filters .checkbox:last-child label {
	margin-bottom: 0;
}
.courses-filters .options-search {
	height: 34px;
	padding: 0 34px 0 10px;
	background: #fff url("../img/search.svg") calc(100% - 10px) 50% no-repeat;
	border-radius: 6px;
	font-size: 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.courses-filters .show-more {
	display: table;
	padding: 0 18px 2px 0;
	background: url("../img/arrow.svg") 100% 50% no-repeat;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
	font-size: 12px;
	color: #7324FF;
	border: 0;
	border-bottom: 1px dashed #7324FF;
	margin-top: 26px;
}
/*
.courses-filters .show-more:hover {
	opacity: .8;
}
*/
.courses-filters .panel .options.scrollable {
	max-height: 380px;
	padding-right: 10px;
}
.courses-filters .panel .label {
	padding-left: 40px;
	background: url("../img/arrow-left.svg") 0 50% no-repeat;
	margin-right: -15px;
	cursor: pointer;
}
.courses-filters .panel .label:before {
	z-index: 1;
}
.courses-filters .panel .close {
	display: table;
	padding: 0 0 2px 18px;
	background: url("../img/arrow-left.svg") 0 50% no-repeat;
	-webkit-background-size: 9px auto;
	background-size: 9px auto;
	font-size: 12px;
	color: #7324FF;
	border: 0;
	border-bottom: 1px dashed #7324FF;
	margin-top: 20px;
}
.courses-filters .panel .close:hover {
	opacity: .8;
}
.courses-filters .reset, .courses-filters .reset:hover {
	border-width: 1px;
	background: #fff;
	border-color: #E4E9F2;
	color: rgba(39,43,55,0.8);
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 16px;
	margin: 25px 0;
}
.courses-filters .reset:hover {
	background: #7324FF;
	color: #fff;
}
.courses-filters-previews .option:hover {
	background-color: #9B5FFF;
}
.courses-filters-previews .option .label {
	font-weight: 600;
}
.courses-filters-previews .option .remove:hover {
	opacity: .75;
}
.courses-filters-previews .reset-all:first-child {
	display: none;
}
.courses-filters-previews .reset-all {
	background-color: #F7F8FB;
	background-image: url("../img/close.svg");
	border-color: #E4E9F2;
	color: #272b37;
	font-size: 12px;
	font-weight: 600;
}
.courses-filters-previews .reset-all:hover {
	border-color: #7324FF;
}
@media (min-width: 1400px) {
	.courses-filters {
		width: calc(25% - 22.5px);
	}
	.courses-catalog {
		width: calc(75% - 7.5px);
	}
	.courses-catalog .load-more-items {
		display: none;
	}
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.courses-filters {
		width: calc(33.333% - 22.5px);
	}
	.courses-catalog {
		width: calc(66.667% - 7.5px);
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.courses-filters {
		width: calc(33.333% - 15px);
	}
	.courses-filters .label.trigger {
		padding-right: 30px;
	}
	.courses-catalog {
		width: calc(66.667% - 5px);
	}
}
@media (min-width: 992px) {
	.courses-filters {
		border: 1px solid #E4E9F2;
		border-radius: 12px;
		float: left;
		display: block !important;
	}
	.courses-filters > .close, .courses-filters-trigger {
		display: none;
	}
	.courses-filters .panel {
		width: 292px;
		padding: 15px 20px;
		border-radius: 0 10px 10px 0;
		background: #F7F8FB;
		-webkit-box-shadow: 60px 20px 60px rgba(9, 60, 120, 0.1);
		box-shadow: 60px 20px 60px rgba(9, 60, 120, 0.1);
		position: absolute;
		top: 0;
		left: 100%;
		margin-left: 5px;
		-webkit-transition: .15s;
		transition: .15s;
	}
	.courses-filters .label.trigger:before {
		height: 100%;
	}
	.courses-filters .label.trigger.active:before {
		background: #E4E9F2;
	}
	.courses-filters .label:not(.active) + .panel, .courses-filters .show-more:not(.active) + .panel {
		opacity: 0;
		visibility: hidden;
	}
	.courses-filters .show-more:before {
		content: "";
		width: 100%;
		height: 55px;
		background: #E4E9F2;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
		opacity: 0;
	}
	.courses-filters .show-more.active:before {
		opacity: 1;
	}
	.courses-filters .show-more + .panel {
		top: 100%;
		margin-top: -54px;
	}
	.courses-catalog {
		float: right;
	}
}
@media (max-width: 991px) {
	.courses-filters {
		width: 333px;
		height: 100%;
		overflow-y: auto;
		-webkit-box-shadow: 100vh 0 0 100vh rgba(10,65,95,0.4);
		box-shadow: 100vh 0 0 100vh rgba(10,65,95,0.4);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 502;
		display: none;
	}
	.courses-filters .label.trigger {
		background-image: url("../img/arrow-down.svg");
	}
	.courses-filters .panel {
		margin-top: 20px;
	}
	.courses-filters .label.trigger:not(.active) + .panel, .courses-filters .panel .label, .courses-filters .show-more:not(.active) + .panel {
		display: none;
	}
	.courses-filters .panel .close {
		background-image: url("../img/arrow-up.svg");
	}
	.courses-filters-trigger {
		display: block;
		padding: 0 0 0 40px;
		font-size: 18px;
		background: url("../img/filters.svg") 0 50% no-repeat;
		border: 0;
		text-decoration: underline;
		margin: 0 0 10px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.courses-filters-previews {
		position: relative;
		margin-top: 24px;
	}
	.courses-filters-previews .reset-all {
		position: absolute;
		left: 144px;
		top: -54px;
	}
}
@media (max-width: 767px) {
	.courses-filters-previews {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding: 0 30px 33px;
		margin: 0 -30px 30px;
	}
	.courses-filters-previews .option, .courses-filters-previews .reset-all {
		font-size: 10px;
	}
	.courses-filters-previews .reset-all {
		position: absolute;
		margin: 39px 0 0;
		left: 30px;
	}
}
@media (max-width: 575px) {
	.courses-filters-trigger {
		padding-left: 32px;
		-webkit-background-size: auto 18px;
		background-size: auto 18px;
		font-size: 14px;
		order: 2;
		float: right;
		margin-top: -38px;
	}
}
@media (max-width: 414px) {
	.courses-filters {
		width: 100%;
	}
	.courses-filters-previews {
		padding: 0 20px 33px;
		margin: 0 -20px 30px;
	}
	.courses-filters-previews .reset-all {
		left: 20px;
	}
}

/* Promo conditions */
.promo-conditions .countdown, .promo-conditions .countdown .wrapper {
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.promo-conditions .countdown {
	background: #801DFF;
	color: #fff;
	padding: 50px 80px;
	border-radius: 30px;
	margin-top: 80px;
	position: relative;
	z-index: 2;
}
.promo-conditions .countdown:after {
	content: "";
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 30px;
	position: absolute;
	left: 20px;
	top: 20px;
}
.promo-conditions .countdown .label {
	font-size: 44px;
	font-weight: bold;
	line-height: 1.1;
}
.promo-conditions .countdown .wrapper {
	padding: 30px 40px;
	border-radius: 30px;
	background: #fff;
}
.promo-conditions .countdown-timer {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #272B37;
	padding-left: 70px;
	position: relative;
}
.promo-conditions .countdown-timer:before {
	content: "";
	width: 40px;
	height: 40px;
	background: #801DFF url("../img/clock3-white.svg") 50% 50% no-repeat;
	-webkit-background-size: 60%;
	background-size: 60%;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
}
.promo-conditions .countdown .button {
	min-width: 0;
	padding-right: 30px;
	padding-left: 30px;
	margin-left: 20px;
}
@media (max-width: 1399px) {
	.promo-conditions .countdown {
		padding: 50px;
		margin-top: 60px;
	}
}
@media (max-width: 1199px) {
	.promo-conditions .countdown .label {
		font-size: 36px;
	}
	.promo-conditions .countdown-timer {
		padding-left: 50px;
		font-size: 24px;
	}
	.promo-conditions .countdown-timer:before {
		width: 34px;
		height: 34px;
		margin-top: -17px;
	}
}
@media (min-width: 992px) {
	.promo-conditions .countdown .label {
		width: 40%;
	}
	.promo-conditions .countdown .wrapper {
		width: 58%;
		max-width: 697px;
		min-width: 520px;
	}
}
@media (max-width: 991px) {
	.promo-conditions .countdown {
		display: block;
	}
	.promo-conditions .countdown .label {
		font-size: 26px;
		margin: 0 0 20px;
	}
}
@media (max-width: 575px) {
	.promo-conditions .countdown {
		padding: 40px 30px 30px;
		text-align: center;
		border-radius: 15px;
		margin-top: 40px;
	}
	.promo-conditions .countdown:after {
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		border-radius: 15px;
		left: 15px;
		top: 15px;
	}
	.promo-conditions .countdown .label {
		font-size: 20px;
		margin-bottom: 25px;
	}
	.promo-conditions .countdown .wrapper {
		display: block;
		padding: 20px 15px 25px;
		border-radius: 15px;
	}
	.promo-conditions .countdown-timer {
		display: table;
		padding-left: 40px;
		font-size: 20px;
		margin: 0 auto 40px;
	}
	.promo-conditions .countdown-timer:before {
		width: 26px;
		height: 26px;
		margin-top: -13px;
	}
}

/* Schools */
.schools-settings {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 70px;
}
.schools-settings .counter {
	font-size: 18px;
	margin: 0 0 10px;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.schools-settings .counter .label {
	font-weight: bold;
	color: #272B37;
}
.schools-settings .search-form {
	height: 48px;
	margin: 0 0 10px 30px;
}
.schools-settings .search-form input {
	width: 528px;
	max-width: 40vw;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
}
.schools-settings .search-form:not(.active) input {
	opacity: 0;
	visibility: hidden;
}
.schools-settings .search-form .button {
	width: 48px;
	height: 100%;
	border-radius: 6px;
}
.schools-settings .dropdown {
	margin: 0 0 10px 30px;
}
.schools-settings .view-switcher {
	margin-bottom: 10px;
	order: 4;
}
.schools-filters-previews {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.schools-filters-previews .option, .schools-filters-previews .reset-all {
	padding: 10px 36px 10px 12px;
	border: 1px solid rgba(255,255,255,0);
	white-space: nowrap;
	border-radius: 20px;
	background: #7324FF url("../img/close-white.svg") calc(100% - 12px) 50% no-repeat;
	-webkit-background-size: 10px;
	background-size: 10px;
	color: #fff;
	margin: 0 10px 6px 0;
	font-size: 12px;
	line-height: 1.2;
	position: relative;
	-webkit-transition: .15s;
	transition: .15s;
	cursor: pointer;
}
.schools-filters-previews .option:hover {
	background-color: #9B5FFF;
}
.schools-filters-previews .option .label {
	font-weight: 600;
}
.schools-filters-previews .option .remove:hover {
	opacity: .75;
}
.schools-filters-previews .reset-all {
	background-color: #F7F8FB;
	background-image: url("../img/close.svg");
	border-color: #E4E9F2;
	color: #272b37;
	font-size: 12px;
	font-weight: 600;
}
.schools-filters-previews .reset-all:hover {
	border-color: #7324FF;
}
.schools.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px;
}
.schools.grid > .item {
	width: calc(25% - 30px);
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 15px;
}
.schools .item {
	display: -webkit-flex;
	display: flex;
	border: 1px solid #E4E9F2;
	padding: 15px 20px 20px;
	border-radius: 10px;
	color: #272B37;
	position: relative;
	z-index: 2;
	-webkit-transition: .15s;
	transition: .15s;
}
.schools .bar {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.schools .main {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.schools .title {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 10px 15px 0;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.schools .title:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.schools .response {
	height: 26px;
	line-height: 24px;
	padding: 0 12px;
	font-size: 12px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 4px;
	margin: 0 0 15px;
}
.courses .response {
	padding: 0 10px 0 9px;
	margin-right: 0;
}
.schools .response li {
	font-size: 10px;
	font-weight: 600;
	padding-left: 16px;
	background: url("../img/star.svg") 0 50% no-repeat;
	margin-right: 10px;
}
.schools .response .reviews-number {
	background-image: url("../img/comment.svg");
	margin-right: 0;
}
.schools .logo {
	max-width: 290px;
	height: 100px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.schools .logo:after {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #E4E9F2;
	mix-blend-mode: darken;
	border-radius: 8px;
	position: absolute;
	left: 0;
	top: 0;
}
.schools .logo img {
	height: 100%;
	position: relative;
	left: 50%;
	max-width: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.schools .description {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 30px;
}
.schools .bottom {
	padding: 5px 20px 0;
	border-top: 1px solid #E4E9F2;
	margin: 30px -20px 0;
}
.schools .count {
	font-size: 16px;
	margin: 15px 10px 0 0;
}
.schools .count span {
	font-weight: bold;
}
.schools .button {
	padding: 0 32px;
	height: 43px;
	font-size: 12px;
	margin: 15px 0 0;
}
.schools.list .item {
	align-items: center;
}
.schools.list .item + .item {
	margin-top: 20px;
}
.schools.list .logo {
	width: 290px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 35px;
}
.schools.list .title {
	font-size: 22px;
}
.schools.list .count {
	margin: 0 20px 15px 0;
}
.schools.list .description {
	font-size: 18px;
	margin: 0;
}
@media (min-width: 1400px) {
	.schools.list .main {
		margin-right: 35px;
	}
}
@media (max-width: 1399px) {
	.schools-settings {
		margin-bottom: 50px;
	}
	.schools-settings .counter {
		font-size: 16px;
	}
	.schools.grid > .item {
		width: calc(33.333% - 30px);
	}
	.schools.list .description {
		font-size: 16px;
	}
}
@media (min-width: 1200px) {
	.schools.list .item {
		padding: 30px 40px;
	}
	.schools.list .button {
		width: 240px;
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
		height: 60px;
		font-size: 18px;
		margin: auto 0 auto 35px;
	}
}
@media (max-width: 1199px) {
	.schools.grid {
		margin: -10px;
	}
	.schools.grid > .item {
		width: calc(33.333% - 20px);
		margin: 10px;
	}
	.schools.grid > .item:nth-child(n+13) {
		display: none;
	}
	.schools.list .title {
		font-size: 18px;
	}
	.schools.list .count {
		font-size: 14px;
	}
	.schools.list .description {
		min-height: 2.8em;
		font-size: 14px;
		margin-right: 180px;
	}
	.schools.list .button {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
}
@media (min-width: 992px) {
	.schools-settings .search-form {
		height: 60px;
	}
	.schools-settings .search-form .button {
		width: 60px;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.schools .item:hover {
		border-color: #7324FF;
	}
}
@media (max-width: 991px) {
	.schools-settings {
		margin-bottom: 30px;
	}
	.schools-settings .counter {
		font-size: 12px;
	}
	.schools.grid > .item {
		width: calc(50% - 20px);
	}
	.schools > .item:nth-child(n+7) {
		display: none;
	}
	.schools.list .logo {
		width: 188px;
		height: 66px;
		margin-right: 20px;
	}
	.schools.list .description {
		min-height: 4.2em;
		font-size: 12px;
		margin-top: -10px;
	}
}
@media (max-width: 767px) {
	.schools-settings .counter {
		display: none;
	}
	.schools-settings .search-form {
		min-width: 48px;
		z-index: 51;
		order: 2;
	}
	.schools-settings .search-form input {
		max-width: 70vw;
	}
	.schools.list .item {
		min-height: 160px;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.schools.list .description {
		margin: -5px 0 0;
	}
	.schools.list .button {
		width: 188px;
		right: auto;
		left: 20px;
		bottom: auto;
		top: 81px;
	}
}
@media (max-width: 575px) {
	.schools-settings {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.schools-settings .dropdown {
		margin-left: 0;
	}
	.schools-settings .search-form {
		height: 42px;
	}
	.schools-settings .search-form .button {
		width: 42px;
	}
	.schools-settings .search-form {
		order: 2;
	}
	.schools.grid > .item {
		width: calc(100% - 20px);
	}
	.schools > .item:nth-child(n+4) {
		display: none;
	}
	.schools.list .item {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.schools.list .logo {
		margin: 0 0 15px;
	}
	.schools.list .button {
		position: static;
	}
}

/* School overview */
.school-overview .menu {
	display: -webkit-flex;
	display: flex;
	white-space: nowrap;
	font-size: 16px;
	font-weight: bold;
	color: #272B37;
	margin-bottom: 80px;
	overflow-x: auto;
}
.school-overview .menu a:not(:last-child) {
	margin-right: 50px;
}
.school-overview .menu a:hover {
	color: #7324FF;
}
.school-overview .menu .count {
	font-weight: normal;
	color: rgba(39, 43, 55, 0.6);
}
.school-overview .rating {
	background: #F7F8FB;
	padding: 55px 60px;
	border: 1px solid #E4E9F2;
	border-radius: 22px;
}
.school-overview .rating .total {
	width: 287px;
	height: 287px;
	font-size: 16px;
	padding-top: 58px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	text-align: center;
	border-radius: 50%;
	color: #272B37;
	position: relative;
	z-index: 2;
}
.school-overview .rating .total svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.school-overview .rating .total .value {
	font-size: 58px;
	font-weight: bold;
	line-height: 1.3;
}
.school-overview .rating .total .label {
	font-size: 22px;
	font-weight: bold;
	margin: 20px 0 15px;
}
.school-overview .rating .total a {
	font-weight: 500;
	text-decoration: underline;
}
.school-overview .rating .total a:hover {
	text-decoration: none;
}
.school-overview .rates {
	margin: 0;
}
@media (max-width: 1199px) {
	.school-overview .rating .total {
		width: 165px;
		height: 165px;
		padding-top: 33px;
		font-size: 12px;
	}
	.school-overview .rating .total .value {
		font-size: 30px;
	}
	.school-overview .rating .total .label {
		font-size: 12px;
		margin: 10px 0 5px;
	}
}
@media (min-width: 992px) {
	.school-overview .rating {
		-webkit-display: flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
	}
	.school-overview .reviews {
		width: 70%;
	}
	.school-overview .rates li {
		width: 46%;
		max-width: 363px;
	}
	.school-overview .rates li:nth-child(n+3) {
		margin-top: 30px;
	}
}
@media (min-width: 992px) and (max-width: 1399px) {
	.school-overview .reviews {
		width: 67%;
	}
}
@media (max-width: 991px) {
	.school-overview .rating .total {
		margin: 0 auto 30px;
	}
	.school-overview .rating {
		padding: 30px 60px 40px;
	}
	.school-overview .menu {
		margin-bottom: 50px;
	}
}
@media (max-width: 767px) {
	.school-overview .rating {
		padding: 30px 40px;
	}
}
@media (max-width: 575px) {
	.school-overview .menu {
		padding: 0 30px;
		margin: 0 -30px 40px;
		font-size: 14px;
	}
	.school-overview .menu a:not(:last-child) {
		margin-right: 30px;
	}
	.school-overview .rating {
		padding: 30px 20px;
	}
}
@media (max-width: 414px) {
	.school-overview .menu {
		padding: 0 20px;
		margin: 0 -20px 40px;
	}
}

/* Webinars */
.webinars-settings {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 0 70px;
}
.webinars-settings .items-switcher {
	margin: 0 auto 10px 0;
}
.webinars-settings .search-form {
	height: 48px;
	margin: 0 0 10px 30px;
}
.webinars-settings .search-form input {
	width: 528px;
	max-width: 40vw;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
}
.webinars-settings .search-form:not(.active) input {
	opacity: 0;
	visibility: hidden;
}
.webinars-settings .search-form .button {
	width: 48px;
	height: 100%;
	border-radius: 6px;
}
.webinars-settings .dropdown {
	margin: 0 0 10px 30px;
}
.webinars-settings .view-switcher {
	margin-bottom: 10px;
	order: 4;
}
.webinars.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -15px;
	position: relative;
}
.webinars.grid .item {
	-webkit-flex-direction: column;
	flex-direction: column;
	width: calc(33.333% - 30px);
	margin: 15px;
}
.webinars .item {
	display: -webkit-flex;
	display: flex;
	border: 1px solid #E4E9F2;
	-webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
	padding: 20px;
	border-radius: 10px;
	color: #272B37;
	-webkit-transition: .15s;
	transition: .15s;
}
.webinars .item:hover {
	border-color: #7324FF;
	-webkit-box-shadow: 0 0 0 2px #7324FF inset;
	box-shadow: 0 0 0 2px #7324FF inset;
}
.webinars .cover {
	height: 218px;
	overflow: hidden;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.webinars .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.webinars .cover .type {
	background: #F7F8FB;
	color: rgba(39,43,55,0.8);
	padding: 4px 12px;
	border: 1px solid #E4E9F2;
	border-radius: 4px;
	font-size: 12px;
	position: absolute;
	left: 15px;
	top: 15px;
}
.webinars .title {
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 15px;
}
.webinars .title:hover {
	color: #5A5E6A;
}
.webinars .meta {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.webinars .params {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	font-size: 12px;
	margin: 13px -5px 2px 0;
}
.webinars .params li {
	margin-right: 15px;
}
.webinars .params .views {
	padding-left: 18px;
	background: url("../img/eye.svg") 0 50% no-repeat;
}
.webinars .tags {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 5px -5px 0 0;
}
.webinars .tags li {
	margin: 5px 5px 0 0;
}
.webinars .tags a {
	display: block;
	padding: 0 8px;
	font-size: 10px;
	font-weight: 600;
	line-height: 22px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 4px;
}
.webinars .tags a:before {
	content: "#";
}
.webinars .tags a:hover {
	background: #fff;
}
.webinars.list .item + .item {
	margin-top: 20px;
}
.webinars.list .cover {
	width: 200px;
	height: 120px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin: 0 30px 0 0;
}
.webinars.list .title {
	max-width: 610px;
	margin: 0 0 10px;
}
.webinars.list .meta {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.webinars.list .params {
	margin-right: 25px;
}
@media (max-width: 1399px) {
	.webinars-settings {
		margin-bottom: 60px;
	}
}
@media (max-width: 1199px) {
	.webinars-settings {
		margin-bottom: 50px;
	}
	.webinars.grid {
		margin: -10px;
	}
	.webinars.grid .item {
		width: calc(33.333% - 20px);
		margin: 10px;
	}
	.webinars .title {
		font-size: 20px;
	}
}
@media (min-width: 992px) {
	.webinars-settings .search-form {
		height: 60px;
	}
	.webinars-settings .search-form .button {
		width: 60px;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.webinars.list .item {
		padding: 20px 30px;
	}
}
@media (max-width: 991px) {
	.webinars-settings {
		margin-bottom: 40px;
	}
	.webinars-settings .items-switcher a {
		padding: 0 20px;
	}
	.webinars.grid .item {
		width: calc(50% - 20px);
	}
	.webinars.grid .item:nth-child(n+7) {
		display: none;
	}
	.webinars.list .cover {
		width: 150px;
		height: 80px;
		margin-right: 20px;
	}
	.webinars.list .title {
		font-size: 18px;
		margin: 0;
	}
}
@media (max-width: 767px) {
	.webinars-settings .items-switcher {
		width: 100%;
		margin: 0 0 30px;
	}
	.webinars-settings .items-switcher a {
		padding: 0 10px;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}
	.webinars-settings .search-form {
		min-width: 48px;
		z-index: 51;
		order: 2;
	}
	.webinars-settings .search-form input {
		max-width: 70vw;
	}
}
@media (max-width: 575px) {
	.webinars-settings {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.webinars-settings .dropdown {
		margin-left: 0;
	}
	.webinars-settings .search-form {
		height: 42px;
	}
	.webinars-settings .search-form .button {
		width: 42px;
	}
	.webinars-settings .search-form {
		order: 2;
	}
	.webinars.grid .item {
		width: 100%;
	}
	.webinars.grid .item:nth-child(n+5) {
		display: none;
	}
	.webinars.list .item {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.webinars.list .cover {
		margin: 0 0 10px;
	}
}

/* Content form */
.content-form {
	margin: 150px 0 100px;
	padding: 60px 45px;
	background: -webkit-linear-gradient(355.55deg, #7B13FF, #A066FF);
	background: linear-gradient(94.45deg, #7B13FF, #A066FF);
	border-radius: 22px;
	color: #fff;
}
.content-form.alt {
	margin: 60px 0;
}
.content-form:first-child {
	margin-top: 0;
}
.content-form:last-child {
	margin-bottom: 0;
}
.content-form .header {
	font-size: 56px;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 40px;
}
.content-form .description {
	font-size: 24px;
	font-weight: 500;
}
.content-form .form {
	padding: 70px 75px 40px;
	background: #fff;
	color: #272B37;
	border-radius: 30px;
	position: relative;
	z-index: 2;
}
.content-form .form:before {
	content: "";
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 2px solid #E4E9F2;
	border-radius: 20px;
	position: absolute;
	left: 15px;
	top: 15px;
	border-radius: 30px;
	z-index: -1;
}
.content-form .form:after {
	content: "";
	width: 389px;
	height: 371px;
	background: url("../img/character5.png") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: -278px;
	top: -190px;
	pointer-events: none;
}
.content-form .telegram {
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}
.content-form .telegram a {
	display: inline-block;
	padding: 0 28px 2px 0;
	border-bottom: 1px solid currentColor;
	position: relative;
}
.content-form .telegram a:hover {
	color: #7324FF;
}
.content-form .telegram a:before, .content-form .telegram a:after {
	content: "";
	width: 18px;
	height: 18px;
	background: url("../img/social-networks/telegram.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -9px;
}
.content-form .telegram a:after {
	background-image: url("../img/social-networks/telegram-blue.svg");
	opacity: 0;
}
.content-form .telegram a:hover:before {
	opacity: 0;
}
.content-form .telegram a:hover:after {
	opacity: 1;
}
.content-form.alt .form:after {
	content: none;
}
@media (max-width: 1399px) {
	.content-form .header {
		font-size: 52px;
	}
	.content-form .description {
		font-size: 20px;
	}
	.content-form .form:after {
		width: 320px;
		height: 305px;
		left: -227px;
		top: -156px;
	}
}
@media (min-width: 1200px) {
	.content-form {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.content-form .text {
		width: 42%;
		max-width: 550px;
	}
	.content-form .form {
		width: 47.75%;
	}
}
@media (max-width: 1199px) {
	.content-form {
		padding: 40px;
		margin: 60px 0;
	}
	.content-form .text {
		max-width: 600px;
		margin-right: 240px;
	}
	.content-form .form {
		margin: 40px 120px 0 0;
	}
	.content-form .form:after {
		-webkit-transform: scaleX(-1) rotate(33deg);
		transform: scaleX(-1) rotate(33deg);
		left: auto;
		right: -168px;
		top: -216px;
	}
}
@media (max-width: 991px) {
	.content-form .header {
		font-size: 32px;
		margin-bottom: 20px;
	}
	.content-form .description {
		font-size: 18px;
	}
	.content-form .form {
		padding: 45px;
		margin-top: 32px;
	}
	.content-form .telegram {
		font-size: 16px;
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.content-form {
		padding: 40px 30px;
		margin: 60px -30px;
		border-radius: 0;
	}
	.content-form.alt {
		margin: 40px -30px;
	}
}
@media (max-width: 575px) {
	.content-form {
		margin: 40px -30px;
	}
	.content-form .text {
		margin-right: 60px;
	}
	.content-form .description {
		font-size: 16px;
		margin-right: 40px;
	}
	.content-form .form {
		padding: 35px 30px;
		border-radius: 15px;
		margin-right: 0;
	}
	.content-form .form:before {
		border-radius: 12px;
	}
	.content-form .form:after {
		width: 85px;
		height: 102px;
		background-image: url("../img/character6.png");
		-webkit-transform: none;
		transform: none;
		right: 0;
		top: -76px;
	}
	.content-form .telegram {
		font-size: 12px;
	}
}
@media (max-width: 414px) {
	.content-form .header {
		font-size: 24px;
	}
	.content-form .description {
		font-size: 12px;
	}
	.content-form {
		padding: 40px 20px;
		margin: 40px -20px;
	}
	.content-form.alt {
		margin: 40px -20px;
	}
}

/* Schedule */
.schedule-settings {
	margin-bottom: 80px;
}
.schedule-settings .title {
	font-size: 22px;
	margin: 40px 0 0;
}
.schedule .date {
	font-size: 34px;
	font-weight: bold;
	color: #272B37;
	margin-bottom: 40px;
}
.schedule .date ~ .date {
	margin-top: 100px;
}
.schedule .category {
	width: 14%;
}
.schedule ul {
	border-bottom: 1px solid #E4E9F2;
}
.schedule li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid #E4E9F2;
}
.schedule .time {
	width: 11%;
	font-size: 22px;
	font-weight: bold;
	color: #272B37;
}
.schedule .teacher img {
	width: 80px;
	height: 80px;
	border-radius: 8px;
	position: absolute;
	left: 0;
	top: 0;
}
.schedule .teacher {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 80px;
	width: 340px;
	padding-left: 100px;
	line-height: 1.3;
	position: relative;
	margin-left: auto;
}
.schedule .teacher .name {
	font-size: 20px;
	font-weight: bold;
	color: #272B37;
}
.schedule .teacher .position {
	font-size: 16px;
	margin: 10px 0 4px;
}
.schedule .title {
	width: 34%;
	font-size: 22px;
	line-height: 1.3;
	margin-right: 30px;
}
.schedule .category a {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	height: 46px;
	padding: 0 22px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 8px;
	background: #7324FF;
	color: #fff;
}
.schedule .type {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	height: 50px;
	padding: 0 22px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	border-radius: 8px;
	background: #F7F8FB;
	color: #272B37;
	border: 1px solid #E4E9F2;
}
@media (max-width: 1399px) {
	.schedule .time {
		width: 9%;
	}
	.schedule .cateogry {
		width: 12%;
	}
	.schedule .title {
		width: 32%;
		font-size: 20px;
	}
}
@media (max-width: 1199px) {
	.schedule-settings {
		margin-bottom: 60px;
	}
	.schedule li {
		padding: 22px 0;
	}
	.schedule .date {
		font-size: 28px;
	}
	.schedule .time {
		width: 7%;
		font-size: 18px;
	}
	.schedule .cateogry {
		width: 10%;
	}
	.schedule .title {
		width: 28%;
		font-size: 18px;
	}
	.schedule .category a {
		height: 38px;
		padding: 0 14px;
		font-size: 14px;
	}
	.schedule .type {
		height: 38px;
		padding: 0 15px;
		font-size: 14px;
	}
	.schedule .teacher {
		min-height: 70px;
		width: 280px;
		padding-left: 90px;
	}
	.schedule .teacher img {
		width: 70px;
		height: 70px;
	}
	.schedule .teacher .name {
		font-size: 15px;
	}
	.schedule .teacher .position {
		font-size: 13px;
	}
}
@media (max-width: 991px) {
	.schedule-settings .title {
		font-size: 16px;
	}
	.schedule li {
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.schedule .time {
		width: 80px;
		margin-top: 6px;
	}
	.schedule .category {
		width: auto;
		margin-right: 30px;
	}
	.schedule .date {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.schedule .title {
		width: calc(100% - 310px);
		order: 4;
		margin: -20px 0 0;
	}
	.schedule .date ~ .date {
		margin-top: 60px;
	}
}
@media (min-width: 768px) {
	.schedule-settings {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.schedule-settings .title {
		margin: 0 30px 0 0;
		order: -1;
	}
}
@media (max-width: 767px) {
	.schedule .title, .schedule .teacher {
		width: 100%;
		margin: 20px 0 0;
	}
}
@media (max-width: 575px) {
	.schedule-settings {
		margin-bottom: 40px;
	}
	.schedule .date ~ .date {
		margin-top: 50px;
	}
}

/* Comparison */
.comparison-header {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 90px;
	position: relative;
	z-index: 8;
}
.comparison-header .items-counter {
	display: block;
	margin-right: 10px;
}
.comparison-header .button {
	padding-left: 20px;
	padding-right: 15px;
	margin-top: 20px;
}
.comparison-table {
	font-size: 18px;
	border: 1px solid #B5B5B5;
	border-right: 0;
	color: #272B37;
	table-layout: fixed;
}
.comparison-table th, .comparison-table td {
	height: 67px;
	padding: 10px 25px;
	vertical-align: middle;
	border: 0;
	-webkit-box-shadow: -1px 0 0 0 #B5B5B5 inset;
	box-shadow: -1px 0 0 0 #B5B5B5 inset;
}
.comparison-table th:nth-child(n+5), .comparison-table td:nth-child(n+5), .comparison-table th:first-child:last-child, .comparison-table td:first-child:last-child {
	display: none;
}
.comparison-table thead th {
	padding: 38px 25px 60px;
	background: #fff;
	border: 0;
	-webkit-box-shadow: 0 1px 0 0 #B5B5B5, -1px 0 0 0 #B5B5B5 inset;
	box-shadow: 0 1px 0 0 #B5B5B5, -1px 0 0 0 #B5B5B5 inset;
	vertical-align: top;
	position: relative;
	position: sticky;
	top: 97px;
	z-index: 3;
}
.comparison-table thead th:after {
	content: "";
	width: 100%;
	height: 50px;
	-webkit-background: linear-gradient(rgba(76, 119, 150, 0.1) , rgba(76, 119, 150, 0));
	background: linear-gradient(rgba(76, 119, 150, 0.1) , rgba(76, 119, 150, 0));
	position: absolute;
	left: 0;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .15s;
	transition: .15s;
}
.comparison-table thead th.sticky:after {
	opacity: 1;
	visibility: visible;
}
.comparison-table thead th:first-child {
	z-index: 4;
}
.comparison-table .next, .comparison-table .prev {
	width: 40px;
	height: 40px;
	padding: 0;
	position: absolute;
	top: 103px;
	left: calc(100% - 30px);
}
.comparison-table .next:after, .comparison-table .prev:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../img/next2-white.svg") 50% 50% no-repeat;
	-webkit-background-size: 12px;
	background-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}
.comparison-table .prev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.comparison-table .next.disabled, .comparison-table .prev.disabled {
	opacity: 0;
	visibility: hidden;
}
.comparison-table .header, .comparison-table .title {
	display: block;
	font-size: 24px;
	line-height: 1.2;
	font-weight: bold;
}
.comparison-table .difference-switcher {
	padding-left: 42px;
	font-weight: normal;
	position: relative;
	cursor: pointer;
}
.comparison-table th:first-child:last-child .difference-switcher {
	display: none;
}
.comparison-table .difference-switcher:before {
	content: "";
	width: 27px;
	height: 27px;
	border: 2px solid #7324FF;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjMuNzNhMSAxIDAgMDEuMTMgMS40MWwtNS40MSA2LjVhMSAxIDAgMDEtMS40OC4wN0wuMyA1LjQ2YTEgMSAwIDExMS40Mi0xLjQybDIuNDcgMi40OEw4LjkuODZhMSAxIDAgMDExLjQtLjEzeiIvPjwvc3ZnPg==") 50% 50% no-repeat;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	cursor: pointer;
}
.comparison-table .difference-switcher.active:before {
	background-color: #7324FF;
}
.comparison-table.different-only tbody tr:not(.different) th, .comparison-table.different-only tbody tr:not(.different) td {
	color: rgba(39,43,55,0.3);
}
.comparison-table .bar, .comparison-table .response, .comparison-table .platform {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.comparison-table .bar.top {
	margin-bottom: 20px;
}
.comparison-table .sticky .bar.top {
	display: none;
}
.comparison-table .response {
	height: 26px;
	line-height: 24px;
	padding: 0 10px 0 9px;
	font-size: 12px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 4px;
	margin: 0 5px 10px 0;
}
.comparison-table .response li {
	font-size: 10px;
	font-weight: 600;
	padding-left: 16px;
	background: url("../img/star.svg") 0 50% no-repeat;
	margin-right: 10px;
}
.comparison-table .response .reviews-number {
	background-image: url("../img/comment.svg");
	margin-right: 0;
}
.comparison-table .platform {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 10px;
}
.comparison-table .platform img {
	max-width: 25px;
	max-height: 25px;
	margin-right: 8px;
}
.comparison-table .title {
	min-height: 2.4em;
	margin-bottom: 20px;
}
.comparison-table .price {
	font-size: 28px;
	font-weight: bold;
	white-space: nowrap;
}
.comparison-table .like, .comparison-table .remove, .comparison-table .lock {
	display: block;
	min-width: 30px;
	width: 30px;
	height: 30px;
	background: #fff url("../img/like-blue.svg") 50% 50% no-repeat;
	border: 1px solid #7324FF;
	border-radius: 4px;
	margin: 10px 0;
}
.comparison-table .remove {
	background-image: url("../img/remove-blue.svg"), url("../img/remove-white.svg");
	margin-left: 15px;
}
.comparison-table .like.active {
	background-color: #7324FF;
	background-image: url("../img/like-white.svg");
}
.comparison-table .lock {
	background-image: url("../img/lock-blue.svg"), url("../img/lock-white.svg");
	margin: 0;
	position: absolute;
	left: 25px;
	top: -20px;
}
.comparison-table .locked .lock {
	background-color: #7324FF;
	background-image: url("../img/lock-white.svg");
}
.comparison-table .links {
	margin-top: 20px;
}
.comparison-table thead .sticky .links {
	display: none;
}
.comparison-table .links .button {
	width: calc(50% - 6px);
	height: 43px;
	padding: 0 10px;
	font-size: 12px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.comparison-table tbody tr:nth-child(odd) {
	background: #F7F8FB;
}
.comparison-table .review-link {
	font-size: 14px;
	font-weight: 600;
	float: right;
	border-bottom: 1px solid currentColor;
}
.comparison-table .review-link:hover {
	color: #7324FF;
}
.comparison-table tfoot {
	border-top: 1px solid #B5B5B5;
}
.comparison-table tfoot .button {
	min-width: 230px;
	font-size: 16px;
	margin: 30px 0;
}
@media (max-width: 1199px) {
	.comparison-header {
		margin-bottom: 70px;
	}
	.comparison-table .next {
		left: calc(300% - 10px);
	}
	.comparison-table th:nth-child(n+4), .comparison-table td:nth-child(n+4) {
		display: none;
	}
}
@media (min-width: 992px) {
	.comparison-table thead th.sticky {
		padding-top: 60px;
		padding-bottom: 24px;
	}
	.comparison-table .lock:hover {
		background-color: #7324FF;
		background-image: url("../img/lock-white.svg");
	}
	.comparison-table .like:hover {
		background-color: #7324FF;
		background-image: url("../img/like-white.svg");
	}
	.comparison-table .remove:hover {
		background-color: #7324FF;
		background-image: url("../img/remove-white.svg");
	}
	.comparison-table thead th.sticky .lock {
		top: 15px;
	}
	.comparison-table .difference-switcher {
		position: absolute;
		bottom: 60px;
	}
	.comparison-table .sticky .difference-switcher {
		bottom: 38px;
	}
}
@media (max-width: 991px) {
	.comparison-header {
		margin-bottom: 50px;
	}
	.comparison-table-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.comparison-table {
		border-width: 0;
		border-bottom-width: 1px;
		font-size: 16px;
		position: relative;
		margin-top: 75px;
	}
	.comparison-table:after {
		content: "";
		width: 1px;
		height: 100%;
		background: #B5B5B5;
		position: absolute;
		left: 50%;
		top: 0;
		z-index: 5;
	}
	/*
	.comparison-table.different-only tbody tr:not(.different) {
		display: none;
	}
	*/
	.comparison-table th, .comparison-table td {
		width: 50%;
		height: 54px;
		padding: 15px 40px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.comparison-table th:first-child {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		padding-right: 53%;
		position: absolute;
		background: #fff;
	}
	.comparison-table thead th {
		padding: 25px 40px;
		top: 165px;
		-webkit-box-shadow: 0 -1px 0 0 #B5B5B5 inset;
		box-shadow: 0 -1px 0 0 #B5B5B5 inset;
	}
	.comparison-table thead th:first-child {
		width: 100vw;
		height: 67px;
		padding-top: 0;
		padding-right: 150px;
		padding-bottom: 0;
		left: 0;
		top: -67px;
		z-index: 7;
	}
	.comparison-table thead th:first-child.sticky {
		position: fixed;
		top: 98px;
	}
	.comparison-table thead th:first-child:after {
		content: none;
	}
	.comparison-table .header {
		font-size: 18px;
		margin-right: 40px;
	}
	.comparison-table .difference-switcher {
		font-size: 14px;
		padding-left: 32px;
	}
	.comparison-table .difference-switcher:before {
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
	.comparison-table .prev, .comparison-table .next {
		left: auto !important;
		top: 14px;
		right: 40px;
	}
	.comparison-table .prev {
		right: 100px;
	}
	.comparison-table .bar.top {
		padding-right: 45px;
	}
	.comparison-table .lock {
		left: auto;
		top: 22.5px;
		right: 40px;
	}
	.comparison-table .title {
		font-size: 18px;
	}
	.comparison-table .sticky .title {
		margin-right: 50px;
	}
	.comparison-table .price {
		font-size: 26px;
	}
	.comparison-table tfoot th {
		visibility: hidden;
	}
	.comparison-table tbody td {
		height: 108px;
		padding-top: 69px;
		background: #F7F8FB;
	}
	.comparison-table tfoot .button {
		margin: 0;
	}
}
@media (max-width: 767px) {
	.comparison-table th, .comparison-table td {
		padding: 15px 30px;
	}
	.comparison-table thead th {
		padding: 20px 30px 15px;
	}
	.comparison-table .lock {
		top: 17.5px;
		right: 30px;
	}
	.comparison-table .prev, .comparison-table .next {
		right: 30px;
	}
	.comparison-table .prev {
		right: 90px;
	}
	.comparison-table .bar.top {
		padding-right: 0;
	}
	.comparison-table .platform {
		width: 100%;
	}
}
@media (max-width: 575px) {
	.comparison-header {
		margin-bottom: 40px;
	}
	.comparison-header .items-counter .label {
		display: block;
		white-space: nowrap;
	}
	.comparison-header .button {
		padding-left: 10px;
		padding-right: 15px;
	}
	.comparison-table thead th {
		top: 139px;
	}
	.comparison-table thead th:first-child {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-right: 120px;
	}
	.comparison-table thead th:first-child.sticky {
		top: 72px;
	}
	.comparison-table .lock {
		top: 50px;
		right: 20px;
	}
	.comparison-table .sticky .lock {
		top: 5px;
		right: 5px;
	}
	.comparison-table .sticky .title {
		margin-right: 10px;
	}
	.comparison-table .header {
		width: 100%;
		margin: -5px 0 -15px;
	}
	.comparison-table .bar.top {
		margin-bottom: 5px;
	}
	.comparison-table .response {
		margin-right: -10px;
	}
	.comparison-table .platform img {
		width: 20px;
		height: 20px;
	}
	.comparison-table .remove {
		margin-left: 10px;
	}
	.comparison-table .title {
		margin-bottom: 10px;
	}
	.comparison-table .links {
		margin-top: 5px;
	}
	.comparison-table .links .button {
		width: 100%;
		margin-top: 5px;
	}
	.comparison-table tfoot .button {
		width: 100%;
		min-width: 0;
		height: 43px;
		padding: 0 20px;
		font-size: 12px;
	}
}
@media (max-width: 414px) {
	.comparison-table {
		font-size: 14px;
	}
	.comparison-table .prev, .comparison-table .next {
		right: 20px;
	}
	.comparison-table .prev {
		right: 80px;
	}
	.comparison-table th, .comparison-table td {
		padding: 10px 20px;
	}
	.comparison-table thead th {
		padding: 20px;
	}
	.comparison-table thead th.sticky {
		padding-bottom: 10px;
	}
	.comparison-table tbody td {
		height: 80px;
		padding-top: 50px;
	}
	.comparison-table th:first-child {
		height: 40px;
	}
	.comparison-table .title {
		margin-right: 10px;
	}
	.comparison-table .title {
		font-size: 15px;
		margin-right: -5px;
	}
	.comparison-table .price {
		font-size: 18px;
	}
}
@media (max-width: 359px) {
	.comparison-table, .comparison-table .review-link {
		font-size: 13px;
	}
	.comparison-table .title {
		font-size: 14px;
	}
}

/* About project */
.about-project .character {
	width: 633px;
	padding-left: 54px;
	background: url("../img/bg-about-character.svg") 50% 48% no-repeat;
	position: relative;
}
.about-project .character > img {
	width: 416px;
	height: 628px;
}
.about-project .character .quote {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 470px;
	height: 130px;
	padding: 30px 40px;
	background: #fff;
	border: 1px solid #C4C4C4;
	-webkit-box-shadow: 0px 30px 50px rgba(108, 109, 115, 0.1);
	box-shadow: 0px 30px 50px rgba(108, 109, 115, 0.1);
	border-radius: 65px;
	font-size: 17px;
	color: #272B37;
	font-weight: 600;
	position: absolute;
	right: -27px;
	bottom: -9px;
}
.about-project .character .quote:before {
	content: "";
	width: 90px;
	height: 58px;
	background: url("../img/about-character-pointer.svg") 50% 100% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 17%;
	bottom: 100%;
}
.about-project .character .quote img {
	display: inline-block;
	vertical-align: middle;
}
@media (min-width: 1400px) {
	.about-project .description {
		font-size: 24px;
		margin-top: 40px;
	}
}
@media (min-width: 992px) {
	.about-project {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
	}
	.about-project .description {
		width: calc(100% - 690px);
		max-width: 695px;
		order: 2;
	}
}
@media (max-width: 991px) {
	.about-project .character {
		width: 100%;
		padding: 0 0 40px;
		background-image: url("../img/bg-about-character-mobile.svg");
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		margin-top: 15px;
	}
	.about-project .character > img {
		width: 40vw;
		height: auto;
		margin: 0 auto;
	}
	.about-project .character .quote:before {
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}
	.about-project .character .quote {
		bottom: 0;
		right: 50%;
		margin-right: -235px;
	}
}
@media (max-width: 575px) {
	.about-project .character {
		background-position: 50% 70%;
	}
	.about-project .character > img {
		width: 36vw;
	}
	.about-project .character .quote {
		width: 285px;
		height: 63px;
		padding: 10px 25px;
		-webkit-box-shadow: 0px 30px 50px rgba(108, 109, 115, 0.1);
		box-shadow: 0px 30px 50px rgba(108, 109, 115, 0.1);
		font-size: 10px;
		margin-right: -142px;
	}
	.about-project .character .quote:before {
		width: 36px;
		height: 35px;
		left: 22%;
	}
}

/* Key feature */
.key-feature .character {
	width: 633px;
	background: url("../img/bg-key-feature.svg") 50% 100% no-repeat;
	position: relative;
}
.key-feature .character > img {
	width: 348px;
	height: 504px;
	margin: 0 auto;
}
.key-feature .cta {
	margin-top: 70px;
}
.key-feature .cta .title {
	font-family: var(--font-heading);
	font-size: 24px;
	line-height: 1.2;
	color: #7324FF;
}
.key-feature .cta {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
@media (min-width: 1400px) {
	.key-feature .description {
		font-size: 24px;
		margin-top: 50px;
	}
}
@media (min-width: 992px) {
	.key-feature .description {
		width: calc(100% - 690px);
		max-width: 695px;
		float: left;
	}
	.key-feature .character, .key-feature .cta {
		float: right;
		clear: right;
	}
	.key-feature .cta {
		width: 633px;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
@media (max-width: 991px) {
	.key-feature .character {
		width: 100%;
		padding-top: 14vw;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	.key-feature .character img {
		width: 37vw;
		height: auto;
	}
	.key-feature .cta .button {
		margin-right: 50px;
	}
	.key-feature .cta .title {
		order: 2;
	}
}
@media (max-width: 767px) {
	.key-feature .cta {
		display: block;
		margin-top: 40px;
	}
	.key-feature .cta .button {
		margin: 30px 0 0 12px;
	}
}
@media (max-width: 575px) {
	.key-feature .cta {
		text-align: center;
	}
}
@media (max-width: 414px) {
	.key-feature .cta {
		margin-top: 30px;
	}
	.key-feature .cta .title {
		font-size: 20px;
	}
}

/* Team quotes */
.team-quotes {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.team-quotes li {
	width: 48%;
	min-height: 156px;
	padding-left: 200px;
	position: relative;
}
.team-quotes li:nth-child(n+3) {
	margin-top: 60px;
}
.team-quotes img {
	width: 156px;
	height: 156px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 0;
}
.team-quotes .quote {
	min-height: 156px;
	background: #F7F8FB;
	padding: 32px 30px;
	border: 1px solid #E4E9F2;
	border-radius: 0 20px 20px 20px;
	color: #272B37;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	font-style: normal;
	margin: 0;
	position: relative;
}
.team-quotes .quote:before {
	content: "";
	width: 28px;
	height: 24px;
	background: url("../img/team-quote-pointer.svg") 100% 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 100%;
	top: -1px;
}
.team-quotes .author {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 300;
	font-style: normal;
	margin: 15px 0 0 10px;
}
@media (max-width: 991px) {
	.team-quotes li {
		width: 100%;
	}
	.team-quotes li:nth-child(n+2) {
		margin-top: 30px;
	}
}
@media (max-width: 575px) {
	.team-quotes li {
		min-height: 102px;
		padding-left: 122px;
	}
	.team-quotes li:nth-child(n+2) {
		margin-top: 20px;
	}
	.team-quotes img {
		width: 102px;
		height: 102px;
		border-radius: 12px;
	}
	.team-quotes .quote {
		min-height: 102px;
		padding: 10px 15px;
		font-size: 12px;
	}
	.team-quotes .quote:before {
		content: "";
		margin-right: -14px;
	}
	.team-quotes .quote:after {
		content: "";
		width: 14px;
		height: 30px;
		background: #F7F8FB;
		position: absolute;
		left: 0;
		top: 0;
	}
	.team-quotes .author {
		font-size: 12px;
	}
}

/* Team */
.team-section .section {
	margin-top: 100px;
}
.team-section .section .header {
	margin-bottom: 50px;
}
.team, .team > li {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.team > li {
	width: 47%;
	padding: 10px;
	background: #F7F8FB;
	border-radius: 16px;
	position: relative;
}
.team > li:nth-child(n+3) {
	margin-top: 60px;
}
.team img {
	width: 147px;
	height: 147px;
	border-radius: 20px;
}
.team .main {
	min-height: 147px;
	width: calc(100% - 157px);
	padding: 18px 20px;
	border: 2px solid #E4E9F2;
	border-radius: 14px;
}
.team .name {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	color: #272B37;
}
.team .position {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 4px;
}
.team .about {
	font-size: 16px;
	line-height: 1.3;
	margin-top: 18px;
}
.team .social-networks {
	position: absolute;
}
@media (max-width: 1199px) {
	.team-section .section {
		margin-top: 80px;
	}
	.team-section .section .header {
		margin-bottom: 40px;
	}
	.team > li {
		width: 100%;
	}
	.team > li:nth-child(n+2) {
		margin-top: 30px;
	}
}
@media (max-width: 991px) {
	.team-section .section {
		margin-top: 40px;
	}
	.team-section .section .header {
		margin-bottom: 20px;
	}
	.team > li:nth-child(n+2) {
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.team .about {
		font-size: 14px;
	}
}
@media (min-width: 576px) {
	.team .name, .team .position {
		max-width: calc(100% - 180px);
	}
	.team .social-networks {
		right: 30px;
		top: 38px;
	}
}
@media (max-width: 575px) {
	.team > li {
		padding: 18px 10px;
		margin-bottom: 40px;
	}
	.team img {
		width: 102px;
		height: 102px;
	}
	.team .main {
		min-height: 102px;
		width: calc(100% - 112px);
		padding: 15px;
	}
	.team .name {
		font-size: 16px;
	}
	.team .position {
		font-size: 12px;
	}
	.team .about {
		font-size: 12px;
	}
	.team .social-networks {
		left: 0;
		bottom: -40px;
	}
}
@media (max-width: 414px) {
	.team .name {
		font-size: 14px;
	}
	.team .position {
		font-size: 11px;
	}
	.team .about {
		font-size: 11px;
		margin-top: 10px;
	}
}

/* Contacts */
.main-contacts {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: -30px;
}
.main-contacts li {
	display: -webkit-flex;
	display: inline-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	vertical-align: top;
	width: 510px;
	max-width: 100%;
	height: 104px;
	padding-left: 160px;
	position: relative;
	margin: 20px 90px 30px 0;
}
.main-contacts li:last-child {
	margin-right: 0;
}
.main-contacts .icon {
	height: 104px;
	width: 104px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -52px;
}
.main-contacts .icon:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #7324FF;
	border-radius: 50%;
	-webkit-box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.main-contacts .icon img {
	max-width: 114%;
	max-height: 114%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.main-contacts .title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 12px;
	color: #272B37;
}
.requisites-list {
	color: #272B37;
}
.requisites-list dt {
	float: left;
	clear: left;
	margin-right: .4em;
}
@media (min-width: 1400px) {
	.requisites-list {
		font-size: 22px;
	}
}
@media (min-width: 992px) {
	.requisites-list:nth-child(odd):not(:last-child) {
		width: 48%;
		float: left;
	}
	.requisites-list:nth-child(even) {
		width: 48%;
		float: right;
	}
}
@media (max-width: 991px) {
	.requisites-list + .requisites-list {
		padding-top: 30px;
		border-top: 1px solid #E4E9F2;
		margin-top: 30px;
	}
}
@media (max-width: 575px) {
	.main-contacts {
		font-size: 12px;
	}
	.main-contacts li {
		height: 70px;
		padding-left: 82px;
		margin: 10px 0 20px;
	}
	.main-contacts .title {
		font-size: 16px;
		margin-bottom: 4px;
	}
	.main-contacts .icon {
		height: 62px;
		width: 62px;
		margin-top: -31px;
	}
	.requisites-list + .requisites-list {
		padding-top: 20px;
		border-top: 1px solid #E4E9F2;
		margin-top: 20px;
	}
}

/* Search results */
.search-results-settings {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E4E9F2;
	margin-bottom: 40px;
}
.search-results-settings .items-counter {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	font-size: 1em;
	margin: 0 30px 10px 0;
}
.search-results-settings .dropdown {
	margin: 0 60px 10px 0;
}
.search-results-settings .dropdown:last-child {
	margin-right: 0;
}
.search-results-settings .view-switcher {
	margin: 0 0 10px;
}
.search-results-settings .view-switcher .option {
	width: 18px;
	height: 18px;
}
.search-results-settings .view-switcher .option + .option {
	margin-left: 10px;
}
@media (max-width: 1199px) {
	.search-results-settings .dropdown {
		margin-right: 30px;
	}
}
@media (max-width: 991px) {
	.search-results-settings, .search-results-settings .dropdown {
		font-size: 12px;
	}
}
@media (max-width: 575px) {
	.search-results-settings {
		padding: 0;
		border: 0;
		margin-bottom: 20px;
	}
}

/* Modal search results */
.modal-search-results {
	width: 90%;
	max-width: 1420px;
	background: #fff;
	padding: 40px 50px;
	border-radius: 30px;
	margin: 138px auto 0;
	overflow: hidden;
}
.modal-search-results:before {
	content: none;
}
.modal-search-results .modal-trigger {
	display: none;
}
.modal-search-results .close {
	width: 56px;
	height: 56px;
	border: 0;
	background: url("../img/close.svg") 50% 50% no-repeat;
	opacity: .3;
	position: absolute;
	top: 22px;
	right: 30px;
}
.modal-search-results .close:hover {
	opacity: 1;
}
.modal-search-results > .header {
	font-size: 14px;
	color: #272B37;
	margin-right: 40px;
}
.modal-search-results > .header .request {
	font-weight: 600;
}
.modal-search-results > .header a {
	font-weight: 600;
	color: #7324FF;
	text-decoration: underline;
}
.modal-search-results > .header a:hover {
	color: #9B5FFF;
}
.modal-search-results .menu {
	color: #272B37;
	margin-top: 60px;
}
.modal-search-results .menu .active {
	text-shadow: 1px 0 0 currentColor;
}
.modal-search-results .tab {
	margin: 60px 0 20px;
	max-height: calc(100vh - 360px);
}
.modal-search-results .tab .header {
	display: inline-block;
	width: 200px;
	font-size: 24px;
	font-weight: 600;
	color: #272B37;
	margin-bottom: 10px;
}
.modal-search-results .show-all {
	padding-right: 27px;
	font-size: 14px;
	font-weight: 600;
	color: #7324FF;
	background: url("../img/arrow.svg") 100% 50% no-repeat;
}
.modal-search-results .show-all:hover {
	opacity: .8;
}
.modal-search-results .items {
	max-height: 100%;
}
.modal-search-results .item {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: center;
	justify-content: center;
	padding-left: 120px;
	min-height: 60px;
	color: #272B37;
	position: relative;
	margin-top: 20px;
}
.modal-search-results .items.extended .item {
	min-height: 70px;
}
.modal-search-results .items.short .item {
	min-height: 0;
	padding-left: 0;
}
.modal-search-results .cover {
	width: 100px;
	height: 60px;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}
.modal-search-results .item.extended .cover {
	height: 70px;
}
.modal-search-results .cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.modal-search-results .title, .modal-search-results .description {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 2.4em;
	font-size: 14px;
	line-height: 1.2;
}
.modal-search-results .meta {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	font-size: 12px;
	margin-bottom: 5px;
}
.modal-search-results .items.short .item {
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.modal-search-results .items.short .meta {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: -10px;
}
.modal-search-results .params {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	font-weight: 600;
}
.modal-search-results .params li {
	margin: 0 10px 5px 0;
}
.modal-search-results .tags {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.modal-search-results .tags li {
	margin: 0 10px 5px 0;
}
.modal-search-results .tags li:last-child {
	margin-right: 10px;
}
.modal-search-results .tags a {
	display: block;
	white-space: nowrap;
	padding: 0 8px;
	font-weight: 600;
	line-height: 22px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 4px;
}
.modal-search-results .tags a:before {
	content: "#";
}
.modal-search-results .tags a:hover {
	background: #fff;
}
.modal-search-results .price {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}
.modal-search-results .show-more {
	display: table;
	font-size: 14px;
	font-weight: 600;
	margin-top: 20px;
}
.modal-search-results .columns ~ .columns {
	margin-top: 60px;
}
@media (min-width: 1200px) {
	.modal-search-results .menu {
		width: 260px;
		line-height: 1.3;
		float: left;
	}
	.modal-search-results .menu li {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		height: 70px;
		border-top: 1px solid #E4E9F2;
	}
	.modal-search-results .menu li:after {
		content: attr(data-count);
		width: 40px;
		height: 30px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		line-height: 26px;
		border: 2px solid #E4E9F2;
		text-shadow: none;
		border-radius: 8px;
		margin-left: 10px;
	}
	.modal-search-results .menu li.active:after {
		border-color: transparent;
		background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
		background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
		-webkit-background-origin: border-box;
		background-origin: border-box;
		color: #fff;
	}
	.modal-search-results .tab {
		width: calc(100% - 316px);
		float: right;
	}
}
@media (max-width: 1199px) {
	.modal-search-results .menu {
		display: -webkit-flex;
		display: flex;
		position: relative;
		margin-bottom: 50px;
	}
	.modal-search-results .menu:after {
		content: "";
		width: 100%;
		height: 4px;
		background: #FBF5EC;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.modal-search-results .menu li {
		padding-bottom: 12px;
		position: relative;
	}
	.modal-search-results .menu li:before {
		content: "";
		width: 100%;
		height: 4px;
		background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
		background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
		position: absolute;
		left: 0;
		bottom: 0;
		opacity: 0;
		z-index: 2;
		-webkit-transition: .15s;
		transition: .15s;
	}
	.modal-search-results .menu li.active:before {
		opacity: 1;
		visibility: visible;
	}
	.modal-search-results .menu li:after {
		content: " (" attr(data-count) ")";
		font-weight: bold;
		text-shadow: none;
	}
	.modal-search-results .menu {
		margin-top: 30px;
	}
	.modal-search-results .tab {
		margin: 30px 0 10px;
		max-height: calc(100vh - 400px);
	}
	.modal-search-results .columns ~ .columns {
		margin-top: 50px;
	}
}
@media (min-width: 992px) {
	.modal-search-results .tab {
		padding-right: 40px;
	}
	.modal-search-results .mCSB_scrollTools .mCSB_draggerRail, .modal-search-results .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		padding: 0 13px;
	}
	.modal-search-results .columns {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.modal-search-results .columns > div {
		width: 48%;
	}
	.modal-search-results .columns + .show-more {
		margin-left: 52%;
	}
}
@media (max-width: 991px) {
	.modal-search-results {
		padding: 30px 40px;
		border-radius: 25px;
	}
	.modal-search-results .close {
		right: 20px;
		top: 12px;
	}
	.modal-search-results .menu, .modal-search-results .tab {
		margin: 30px 0 0;
	}
	.modal-search-results .column + .column {
		margin-top: 40px;
	}
}
@media (min-width: 768px) {
	.modal-search-results .menu {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.modal-search-results .menu {
		white-space: nowrap;
		overflow-x: auto;
		margin-bottom: 40px;
	}
	.modal-search-results .menu li + li {
		margin-left: 40px;
	}
}
@media (min-width: 576px) {
	#modal-search-results {
		z-index: 400;
	}
}
@media (max-width: 575px) {
	.modal-search-results {
		max-height: calc(100% - 132px);
		padding: 20px;
		border-radius: 10px;
		margin: 102px auto 30px;
	}
	.modal-search-results .close {
		right: 0;
		top: 0;
	}
	.modal-search-results > .header {
		font-size: 12px;
	}
	.modal-search-results .show-all {
		margin-top: 10px;
	}
	.modal-search-results .menu {
		padding: 0 20px;
		margin: 30px -20px 0;
	}
	.modal-search-results .menu li + li {
		margin-left: 30px;
	}
	.modal-search-results .tab {
		max-height: calc(100vh - 330px);
	}
	.modal-search-results .tab .header {
		width: auto;
	}
	.modal-search-results .tab .show-all {
		float: right;
	}
	.modal-search-results .item {
		min-height: 50px;
		padding-left: 95px;
		margin-top: 15px;
	}
	.modal-search-results .cover {
		width: 80px;
		height: 50px;
	}
	.modal-search-results .items.extended .cover {
		height: 67px;
	}
	.modal-search-results .meta {
		font-size: 10px;
		margin-bottom: 5px;
	}
	.modal-search-results .title, .modal-search-results .description {
		font-size: 11px;
	}
	.modal-search-results .price {
		font-size: 16px;
	}
	.modal-search-results .columns ~ .columns {
		margin-top: 30px;
	}
	.modal-search-results .column + .column {
		margin-top: 20px;
	}
}

/* Blog */
.blog-intro .header {
	display: inline-block;
	font-weight: bold;
	line-height: 1.2;
}
.blog-intro .annotation {
	width: 494px;
	max-width: 100%;
	padding: 24px 150px 0 0;
	float: right;
	position: relative;
	z-index: 3;
}
.blog-intro .annotation .logo {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
}
.blog-intro .annotation .logo:before {
	content: "";
	width: 86.67%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	box-shadow: 0px 20px 40px rgba(73, 120, 211, 0.25);
	position: absolute;
	right: 4%;
	top: 0;
	z-index: -1;
}
.blog-intro .annotation .text {
	font-family: var(--font-heading);
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
}
.blog-menu-wrapper {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin-top: 70px;
	position: relative;
	z-index: 51;
}
.blog-menu {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.blog-menu > li {
	margin: 24px 0;
}
.blog-menu > li > a {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	font-weight: 600;
	height: 46px;
	padding: 0 16px;
	border-radius: 8px;
	margin: 0 -16px;
	position: relative;
}
.blog-menu .more-trigger {
	background: #fff;
	color: #272B37;
	margin: 0;
}
.blog-menu .more-trigger:hover {
	background: #4A0DB8;
	color: #fff;
}
.blog-menu .submenu-trigger:after {
	content: "";
	width: 12px;
	height: 12px;
	background: url("../img/caret.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	-webkit-filter: invert(1) brightness(2);
	filter: invert(1) brightness(2);
	margin: 1px 0 0 10px;
}
.blog-menu .submenu-trigger.more-trigger:after {
	content: none;
}
.blog-menu .submenu-trigger.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.blog-menu .submenu-trigger:before {
	content: "";
	width: 32px;
	height: 16px;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkwIiBoZWlnaHQ9IjEwOSIgdmlld0JveD0iMCAwIDE5MCAxMDkiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgwLjI3IDcuMjljNi44Ni04Ljk1IDIxLjg0LTkuMjcgMjkuMDQtLjU3IDI0LjMgMzAuNjkgNDguNDggNjEuNDggNzIuNzUgOTIuMiAyLjUzIDMuMjggNS4wOSA2LjU0IDcuOTQgOS41NnYuNTJILjMyQzI2LjggNzQuOTcgNTMuNjcgNDEuMjQgODAuMjcgNy4yOXoiLz48L3N2Zz4=") 50% 100% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 100%;
	margin: 9px 0 0 -16px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
}
.blog-menu .submenu-trigger:last-child:before {
	content: none;
}
.blog-menu .submenu-wrapper {
	background: #fff;
	-webkit-box-shadow: 0px 10px 35px rgba(76, 119, 150, 0.15);
	box-shadow: 0px 10px 35px rgba(76, 119, 150, 0.15);
	color: #272B37;
	padding: 38px 40px 36px;
	border-radius: 20px;
	position: absolute;
	margin: 25px 0 0 -16px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .15s;
	transition: .15s;
}
.blog-menu .submenu {
	font-weight: 600;
	font-size: 16px;
}
.blog-menu .submenu a {
	display: block;
	padding: 6px 0 6px 22px;
	position: relative;
}
.blog-menu .submenu a:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #7324FF;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: .75em;
	margin-top: 1px;
}
.blog-menu .submenu .alt:before {
	background: -webkit-linear-gradient(355.57deg, #FFA14C, #FF5A13);
	background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
}
.blog-menu .submenu a:hover {
	color: #7324FF;
}
.blog-menu .search-form {
	margin-bottom: 30px;
}
.blog-menu .topics {
	color: #272B37;
}
.blog-menu .topics .label {
	font-weight: 600;
	margin-bottom: 20px;
}
.blog-menu .topics ul {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px -10px 0;
}
.blog-menu .topics li {
	margin: 0 10px 10px 0;
}
.blog-menu .topics a {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 42px;
	padding: 0 20px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600;
}
.blog-menu .topics:not(:last-child):after {
	content: "";
	display: block;
	height: 1px;
	background: #B5B5B5;
	margin: 35px -40px 20px;
}
.blog-menu .topics a:hover {
	border-color: #7324FF;
}
.blog-menu .courses-menu-dropdown {
	display: block !important;
	border-top: 0;
	-webkit-box-shadow: 0px 10px 35px rgba(76, 119, 150, 0.15);
	box-shadow: 0px 10px 35px rgba(76, 119, 150, 0.15);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .15s;
	transition: .15s;
}
.article-preview {
	font-size: 18px;
}
.article-preview + .show-more {
	display: table;
	color: #272B37;
	text-decoration: underline;
	font-size: 18px;
	font-weight: 600;
	margin-top: 60px;
}
.article-preview + .show-more:hover {
	color: #7324FF;
}
@media (max-width: 1399px) {
	.blog-menu {
		font-size: 18px;
	}
}
@media (max-width: 1199px) {
	.blog-intro .annotation {
		width: 450px;
		padding: 10px 80px 0 0;
	}
	.blog-intro .annotation .logo {
		width: 80px;
	}
	.blog-menu-wrapper {
		margin-top: 60px;
	}
	.blog-menu > li > a {
		height: 32px;
		padding: 0 12px;
		margin: 0 -12px;
	}
	.blog-menu .submenu-wrapper {
		margin-left: -12px;
	}
}
@media (min-width: 992px) {
	.blog-menu .submenu-wrapper:before {
		content: "";
		width: 100%;
		height: 30px;
		position: absolute;
		left: 0;
		bottom: 100%;
	}
	.blog-menu .submenu-wrapper .close, .blog-menu .courses-menu-dropdown .close {
		display: none;
	}
	.blog-menu > li:hover > a {
		background: #fff;
		color: #272B37;
		z-index: 21;
	}
	.blog-menu > li:hover .submenu-trigger:after {
		-webkit-filter: none;
		filter: none;
	}
	.blog-menu > li:hover .submenu-trigger:before, .blog-menu > li:hover .submenu-wrapper, .blog-menu > li:hover > .courses-menu-dropdown {
		opacity: 1;
		visibility: visible;
		z-index: 5;
	}
	.blog-menu:not(:hover) .courses-menu-dropdown .scrollable {
		visibility: hidden;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.blog-menu, .blog-menu .more-trigger {
		font-size: 16px;
	}
}
@media (max-width: 991px) {
	.page-intro.blog-intro {
		padding-bottom: 0;
	}
	.blog-menu-wrapper {
		border-bottom: 0;
		margin-top: 40px;
	}
	.blog-intro .annotation {
		margin-top: -5px;
	}
	.blog-menu > li {
		margin: 8px 0;
	}
	.blog-menu .submenu-trigger.active:before, .blog-menu .submenu-trigger.active + .submenu-wrapper, .blog-menu .submenu-trigger.active + .courses-menu-dropdown {
		opacity: 1;
		visibility: visible;
		z-index: 5;
	}
	.blog-menu .courses-menu-dropdown {
		border-radius: 0;
	}
	.blog-menu .courses-menu-dropdown .related-articles {
		display: none;
	}
	.blog-menu .submenu-trigger.active + .submenu-wrapper {
		z-index: 3;
	}
	.blog-menu > li:nth-child(3) .submenu.columns {
		-webkit-columns: auto;
		-moz-columns: auto;
		columns: auto;
	}
	.blog-menu .search-form {
		margin-right: 26px;
	}
	.blog-menu .submenu-wrapper .close, .blog-menu .courses-menu-dropdown .close {
		width: 66px;
		height: 66px;
		background: url("../img/close.svg") 50% 50% no-repeat;
		border: 0;
		position: absolute;
		right: 0;
		top: 0;
		opacity: .3;
		z-index: 3;
	}
	.blog-menu .courses-menu {
		padding-bottom: 20px;
	}
	.article-preview + .show-more {
		margin-top: 40px;
	}
}
@media (min-width: 768px) {
	.blog-menu > li:last-child {
		position: relative;
	}
	.blog-menu > li:last-child .submenu-wrapper {
		width: 550px;
		right: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.blog-menu {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		padding: 18px 0;
	}
	.blog-menu > li {
		width: 28%;
	}
	.blog-menu > li:nth-child(4n+4) {
		width: auto;
		margin-left: auto;
	}
	.blog-menu .courses-menu-dropdown {
		top: auto;
		margin-top: 25px;
	}
}
@media (max-width: 767px) {
	.blog-intro .annotation {
		width: 350px;
		padding: 0;
		float: none;
		margin: 10px 0 0;
	}
	.blog-intro .annotation .logo {
		top: -75px;
	}
	.blog-menu-wrapper {
		margin-top: 40px;
	}
	html:not(.blog-submenu-open) .blog-menu-wrapper > .container {
		overflow-x: auto;
	}
	.blog-menu > li + li {
		margin-left: 30px;
	}
	.blog-menu > li > a {
		white-space: nowrap;
	}
	.blog-menu .more-trigger {
		margin-right: 20px;
	}
	.blog-menu .submenu-trigger:before {
		margin-top: -2px;
		content: none;
	}
	.blog-menu .submenu-wrapper {
		width: calc(100vw - 60px);
		border-radius: 15px;
		padding: 22px 30px;
		left: 30px;
		margin: 15px 0 0;
	}
	.blog-menu .submenu-wrapper .close, .blog-menu .courses-menu-dropdown .close {
		width: 56px;
		height: 56px;
	}
	.blog-menu .submenu {
		font-size: 16px;
	}
	.blog-menu .submenu a {
		padding: 8px 0 8px 16px;
	}
	.blog-menu .submenu a:before {
		width: 6px;
		height: 6px;
		margin-top: 5px;
	}
	.blog-menu .submenu li:first-child {
		margin-right: 30px;
	}
	.blog-menu .topics:not(:last-child):after {
		margin: 30px -30px 15px;
	}
	.article-preview, .article-preview + .show-more {
		font-size: 16px;
	}
}
@media (min-width: 576px) {
	.blog-menu .submenu.columns {
		-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
	}
	.blog-menu .submenu.columns li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.blog-menu .courses-menu-dropdown .return {
		display: none;
	}
	.blog-menu .mobile-submenu {
		display: none;
	}
}
@media (max-width: 575px) {
	.blog-menu-wrapper {
		margin-top: 30px;
	}
	.blog-menu {
		font-size: 16px;
	}
	.blog-menu > li > a {
		height: 28px;
	}
	.blog-menu .topics a {
		height: 38px;
		padding: 0 16px;
		font-size: 12px;
	}
	.blog-menu .courses-menu-dropdown {
		background: #F7F8FB;
		padding-top: 30px;
	}
	.blog-menu .courses-menu-dropdown .return {
		width: calc(100% - 56px);
		height: 43px;
		border: 0;
		padding: 0 0 0 68px;
		background: #EDE0FF url("../img/arrow-left2.svg") 30px 50% no-repeat;
		text-align: left;
		font-size: 18px;
		font-weight: 600;
		line-height: 43px;
	}
	.blog-menu .courses-menu-dropdown .return:empty {
		display: none;
	}
	.blog-menu .courses-menu > li {
		height: 43px;
		font-size: 18px;
	}
	.blog-menu .courses-menu ul {
		background: #F7F8FB;
		font-size: 18px;
	}
	.blog-menu .courses-menu ul li {
		margin: 0;
	}
	.blog-menu .mobile-submenu {
		font-size: 16px;
		font-weight: bold;
		margin: -22px -30px;
	}
	.blog-menu .mobile-submenu li {
		border-top: 1px solid #E4E9F2;
	}
	.blog-menu .mobile-submenu > li:first-child, .blog-menu .mobile-submenu > li.active {
		border-color: transparent;
	}
	.blog-menu .mobile-submenu a {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		height: 40px;
		line-height: 1.1;
		padding: 0 20px;
	}
	.blog-menu .mobile-submenu a:after {
		content: "Назад";
		padding-left: 23px;
		background: url("../img/arrow.svg") 0 50% no-repeat;
		font-size: 14px;
		font-weight: normal;
		color: transparent;
		text-decoration: underline;
		margin-left: 30px;
		-webkit-transition: none;
		transition: none;
	}
	.blog-menu .mobile-submenu .active .trigger:after {
		background-image: url("../img/arrow-left.svg");
		color: #7324FF;
	}
	.blog-menu .mobile-submenu .active ul {
		display: block;
	}
	.blog-menu .mobile-submenu ul {
		font-size: 14px;
		font-weight: normal;
		display: none;
	}
	.blog-menu .mobile-submenu ul a:after {
		content: "";
		width: 8px;
		height: 8px;
		padding: 0;
		-webkit-background-size: contain;
		background-size: contain;
		margin-left: 10px;
	}
	.blog-menu .mobile-submenu ~ .topics, .blog-menu .mobile-submenu ~ .submenu {
		display: none;
	}
	.article-preview {
		font-size: 14px;
	}
}
@media (max-width: 414px) {
	.blog-menu > li + li {
		margin-left: 20px;
	}
	.blog-menu .submenu-wrapper {
		width: calc(100vw - 40px);
		padding: 20px;
		left: 20px;
	}
	.blog-menu .search-form {
		margin-right: 36px;
	}
	.blog-menu .topics:not(:last-child):after {
		margin: 30px -20px 15px;
	}
	.blog-menu .courses-menu-dropdown .return {
		padding: 0 0 0 58px;
		background-position: 20px 50%;
	}
	.article-preview {
		font-size: 12px;
	}
	.article-preview + .show-more {
		font-size: 14px;
		margin-top: 20px;
	}
	.blog-menu .mobile-submenu {
		margin: -20px;
	}
}

/* Article */
.article-meta {
	-webkit-display: flex;
	display: flex;
	-webkitflex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	margin: 40px 0 70px;
}
.article-meta li {
	margin: 0 30px 10px 0;
}
.article-meta li:last-child {
	margin-right: 0;
}
.article-meta .views {
	padding-left: 27px;
	background: url("../img/eye2.svg") 0 50% no-repeat;
}
.article-meta .reading-time {
	padding-left: 24px;
	background: url("../img/clock2.svg") 0 50% no-repeat;
	-webkit-background-size: 14px;
	background-size: 14px;
}
.article-meta .comments {
	padding-left: 25px;
	background: url("../img/comment3.svg") 0 50% no-repeat;
}
.article-meta .bookmark {
	width: 30px;
	height: 30px;
	border: 1px solid #7324FF;
	border-radius: 6px;
	background: url("../img/bookmark-blue.svg") 50% 50% no-repeat;
	-webkit-background-size: auto 12px;
	background-size: auto 12px;
}
.article-meta .bookmark.active {
	background-color: #7324FF;
	background-image: url("../img/bookmark-white.svg");
}
.article-section .section-header {
	max-width: 960px;
}
.article-tags {
	margin-bottom: 40px;
}
.article-tags .header {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 40px;
}
.article-tags ul {
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px -10px 0;
}
.article-tags li {
	margin: 0 10px 10px 0;
}
.article-tags a {
	-webkit-display: flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 50px;
	padding: 0 20px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	color: #272B37;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 600;
}
.article-tags a:hover {
	border-color: #7324FF;
}
.article-toc {
	margin-bottom: 80px;
}
.article-toc .header {
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	color: #272B37;
	margin-right: 60px;
}
.article-toc .switcher {
	display: inline-block;
	color: rgba(39,43,55,0.4);
	background: none;
	padding: 0;
	border: 0;
	font-size: 18px;
	border-bottom: 1px dashed currentColor;
}
.article-toc .switcher:hover {
	color: rgba(39,43,55,0.8);
}
.article-toc ul {
	font-size: 18px;
	margin-top: 30px;
}
.article-toc li {
	margin-top: 16px;
}
.article-toc a {
	font-weight: 600;
	color: #7324FF;
}
.article-toc a:hover {
	color: #9B5FFF;
}
.article-meta {
	margin-bottom: 80px;
	color: #272B37;
}
.article-intro {
	margin-bottom: 30px;
}

/* Article credits: author + expert */
.article-credits {
	display: flex;
	gap: 20px;
	margin-bottom: 40px;
	padding: 24px;
	background: #F7F8FB;
	border-radius: 14px;
}
.article-credits-card {
	flex: 1;
	min-width: 0;
}
.article-credits-label {
	font-size: 13px;
	font-weight: 600;
	color: #7324FF;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 12px;
}
.article-credits-person {
	display: flex;
	align-items: center;
	gap: 14px;
}
.article-credits-avatar {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
}
.article-credits-avatar img {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
}
.article-credits-avatar .avatar-placeholder {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(135deg, #9B5FFF, #7324FF);
}
.article-credits-info {
	min-width: 0;
}
.article-credits-name {
	font-size: 16px;
	font-weight: 600;
	color: #272B37;
	text-decoration: none;
}
a.article-credits-name:hover {
	color: #7324FF;
}
.article-credits-position {
	font-size: 13px;
	color: #777;
	margin-top: 3px;
	line-height: 1.4;
}
.article-credits-socials {
	display: flex;
	gap: 8px;
	margin-top: 8px;
}
.article-credits-socials .social-icon {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #F0F0F5;
	transition: background-color 0.2s;
}
.article-credits-socials .social-icon:hover {
	background-color: #E0DFEA;
}
.article-credits-socials .social-telegram {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237324FF'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.66-.52.36-1 .53-1.42.52-.47-.01-1.37-.26-2.03-.48-.82-.27-1.47-.42-1.42-.88.03-.24.37-.49 1.02-.74 3.98-1.73 6.64-2.88 7.97-3.44 3.8-1.58 4.59-1.86 5.1-1.87.11 0 .37.03.54.17.14.12.18.28.2.46-.01.06.01.24 0 .38z'/%3E%3C/svg%3E");
}
.article-credits-socials .social-linkedin {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237324FF'%3E%3Cpath d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z'/%3E%3C/svg%3E");
}
.article-credits-socials .social-vk {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237324FF'%3E%3Cpath d='M15.07 2H8.93C3.33 2 2 3.33 2 8.93v6.14C2 20.67 3.33 22 8.93 22h6.14C20.67 22 22 20.67 22 15.07V8.93C22 3.33 20.67 2 15.07 2zm3.08 14.27h-1.61c-.61 0-.8-.49-1.9-1.61-1.06-1.01-1.43-1.14-1.68-1.14-.35 0-.45.1-.45.57v1.47c0 .41-.13.65-1.2.65-1.77 0-3.74-1.08-5.12-3.08C4.38 10.67 3.8 8.79 3.8 8.32c0-.24.1-.46.57-.46h1.61c.43 0 .59.19.75.65.83 2.38 2.21 4.47 2.78 4.47.21 0 .31-.1.31-.64V10.2c-.06-1.14-.66-1.24-.66-1.64 0-.2.16-.4.43-.4h2.53c.36 0 .49.2.49.62v3.33c0 .36.16.49.26.49.21 0 .39-.13.78-.52 1.21-1.35 2.07-3.44 2.07-3.44.11-.24.31-.46.74-.46h1.61c.48 0 .59.25.48.62-.2.93-2.17 3.72-2.17 3.72-.17.28-.23.4 0 .71.17.22.73.71 1.1 1.14.69.78 1.21 1.43 1.35 1.88.15.46-.08.69-.52.69z'/%3E%3C/svg%3E");
}
.article-credits-count {
	display: inline-block;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #7324FF;
	text-decoration: none;
}
.article-credits-count:hover {
	text-decoration: underline;
}
@media (max-width: 767px) {
	.article-credits {
		flex-direction: column;
		gap: 16px;
		padding: 20px;
	}
}

.article-author {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	height: 124px;
	padding-left: 144px;
	color: #272B37;
	position: relative;
	margin-bottom: 60px;
}
.article-author img {
	width: 124px;
	height: 124px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.article-author .name {
	font-size: 22px;
	font-weight: 600;
}
.article-author .position {
	font-size: 14px;
	margin-top: 5px;
}
.article-author .more {
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
	margin-top: 20px;
}
.article-author .more:hover {
	color: #7324FF;
}
.article-table {
	margin: 80px 0;
	border-radius: 4px;
}
.article-author + .article-table {
	margin-top: 0;
}
.article-table th, .article-table td {
	padding: 20px;
	border: 0;
	vertical-align: top;
	color: rgba(39, 43, 55, 0.8);
}
.article-table thead th {
	background: #02A2F8;
	color: #fff;
}
.article-table thead th:first-child {
	background: #029BED;
}
.article-table tbody tr:nth-child(even) {
	background: #F7F8FB;
}
.article-table tbody th {
	background: #FCFCFC;
	font-weight: 600;
}
.article-table tbody tr:nth-child(even) th {
	background: #F1F2F5;
}
.article-image {
	margin: 80px 0;
	border-radius: 15px;
}
.article-intro ~ .article-image,
.article-credits ~ .article-image {
	margin-top: 0;
}
.article-quote {
	padding: 10px 0 0 80px;
	background: url("../img/quotes.svg") no-repeat;
	font-size: 30px;
	font-style: normal;
	font-weight: bold;
	margin: 60px 0;
}
.article-footnote {
	max-width: 28em;
	font-size: 18px;
	margin: 30px 0;
}
.article-footnote cite {
	display: block;
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	color: #272B37;
	margin: 0 0 15px;
}
.article-footnote blockquote {
	font-style: normal;
	margin: 0;
}
.article-case {
	border-left: 4px solid #FF9331;
	padding-left: 10px;
	font-style: italic;
	margin-left: 36px;
}
.article-case + .article-case {
	margin-top: 10px;
}
.article-figure {
	margin: 40px 0;
}
.article-figure .caption {
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
}
.article-related {
	background: #F7F8FB;
	padding: 60px 40px 40px;
	border: 1px solid #E4E9F2;
	border-radius: 14px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.article-related .header {
	max-width: 300px;
	font-size: 30px;
	line-height: 1.2;
	margin: 0 0 40px;
}
.article-related .description {
	max-width: 400px;
	font-size: 16px;
}
.article-related .show-more {
	display: table;
	padding: 0 23px 4px 0;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	border-bottom: 1px solid currentColor;
	margin: 40px 0 0;
	text-decoration: none;
}
.article-related .show-more:after {
	content: "";
	width: 14px;
	height: 100%;
	background: url("../img/arrow.svg") 100% 50% no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
.article-related img {
	max-width: 50%;
	max-height: 90%;
	position: absolute;
	right: 0;
	bottom: 50%;
	z-index: -1;
}
.article-important-note {
	padding: 24px 30px;
	border: 10px solid #EDE0FF;
	-webkit-box-shadow: 0px 8px 16px rgba(192, 206, 214, 0.3);
	box-shadow: 0px 8px 16px rgba(192, 206, 214, 0.3);
	border-radius: 22px;
	font-size: 30px;
}
.article-products {
	padding: 80px 130px 80px 113px;
	background: -webkit-linear-gradient(left, transparent 99%, #D9E0EB 99%), #FCFDFF linear-gradient(transparent 99%, #D9E0EB 99%);
	background: linear-gradient(to right, transparent 99%, #D9E0EB 99%), #FCFDFF linear-gradient(transparent 99%, #D9E0EB 99%);
	-webkit-background-size: 75px 75px;
	background-size: 75px 75px;
	background-position: 50% 50%;
	border: 1px solid #D9E0EB;
	border-radius: 30px/20px;
	margin: 60px 0;
	position: relative;
}
.article-products:before, .article-products:after {
	content: "";
	width: 99px;
	height: 80px;
	background: url("../img/paperclip.svg") no-repeat, url("../img/paperclip.svg") 0 100% no-repeat;
	position: absolute;
	left: -21px;
	top: 74px;
}
.article-products:after {
	top: auto;
	bottom: 74px;
}
.article-products .header {
	margin: 0 0 1em;
}
.article-products > :last-child {
	margin-bottom: 0;
}
.article-products ul li {
	padding-left: 0;
	margin-left: 0;
}
.article-products ul li:before {
	content: none;
}
.article-summary, .article-summary .advantages, .article-summary .disadvantages {
	margin-top: 20px;
}
.article-summary .label {
	font-size: 16px;
	font-weight: bold;
	color: #03AD14;
	padding-left: 45px;
	position: relative;
	margin: 0 0 30px 30px;
}
.article-summary .label:before {
	content: "";
	width: 30px;
	height: 30px;
	background: currentColor url("../img/plus-white.svg") 50% 50% no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
}
.article-summary .disadvantages .label {
	color: #DA1111;
}
.article-summary .disadvantages .label:before {
	background-image: url("../img/minus-white.svg");
}
.article-summary ul {
	padding: 20px 30px;
	background: rgba(3, 173, 20, 0.05);
	color: #272B37;
	border-radius: 12px;
}
.article-summary .disadvantages ul {
	background: rgba(218, 17, 17, 0.05);
}
.article-summary li {
	max-width: 290px;
	margin: 10px 0;
	font-size: 14px;
	font-weight: 600;
}
.article-summary li:before {
	content: "•";
	margin-right: 4px;
}
.article-product {
	padding: 40px;
	border-radius: 22px;
	background: #8428FF;
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.article-product:after {
	content: "";
	font-size: 453px;
	width: 1em;
	height: 1em;
	background: rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 0 0 .165em rgba(255,255,255,0.2);
	box-shadow: 0 0 0 .165em rgba(255,255,255,0.2);
	border-radius: 50%;
	position: absolute;
	right: -0.2em;
	bottom: -0.34em;
	z-index: -1;
}
.article-product .platform {
	display: inline-flex;
	align-items: center;
	height: 46px;
	padding: 0 15px;
	border-radius: 23px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	background: #fff;
	color: #000;
	margin: 0 0 35px;
}
.article-product .platform img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin-right: 12px;
}
.article-product .title {
	color: #fff;
	margin-bottom: 20px;
}
.article-product .description {
	font-size: 22px;
	line-height: 1.3;
}
.article-product .installment {
	display: inline-block;
	padding-left: 66px;
	position: relative;
	margin-top: 45px;
}
.article-product .installment:before {
	content: "%";
	width: 46px;
	height: 46px;
	font-size: 20px;
	font-weight: 500;
	line-height: 46px;
	background: #fff;
	color: #8428FF;
	border-radius: 6px;
	text-align: center;
	position: absolute;
	left: 0;
}
.article-product .installment .plan {
	font-size: 18px;
	font-weight: 600;
}
.article-product .installment .note {
	font-size: 12px;
	margin-top: 2px;
}
.article-product .button {
	font-size: 16px;
	padding: 0 34px;
	float: right;
	margin-top: 35px;
}
.article-product .button.white {
	color: #844AFF;
}
.article-product .button.white:hover {
	background-color: #461AA4;
	color: #fff;
}
.article-footer {
	padding-bottom: 40px;
	border-top: 1px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
	margin-top: 80px;
}
.article-footer .articles-topics {
	padding-bottom: 60px;
}
.article-share {
	margin-top: 30px;
}
.article-share .header {
	font-size: 22px;
	margin-bottom: 30px;
}
.article-share ul {
	display: -webkit-flex;
	display: flex;
}
.article-share li {
	margin-right: 15px;
}
.article-share a {
	display: block;
	width: 38px;
	height: 38px;
	border: 2px solid #7324FF;
	border-radius: 50%;
	position: relative;
}
.article-share a:before, .article-share a:after {
	content: "";
	width: 100%;
	height: 100%;
	padding: 9px;
	background: 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	-webkit-background-origin: content-box;
	background-origin: content-box;
	position: absolute;
	left: 0;
	top: 0;
}
.article-share .vkontakte:before {
	background-image: url("../img/social-networks/vkontakte-blue.svg");
}
.article-share .vkontakte:after {
	background-image: url("../img/social-networks/vkontakte-white.svg");
}
.article-share .facebook:before {
	background-image: url("../img/social-networks/facebook-blue.svg");
}
.article-share .facebook:after {
	background-image: url("../img/social-networks/facebook-white.svg");
}
.article-share .odnoklassniki:before {
	background-image: url("../img/social-networks/odnoklassniki-blue.svg");
}
.article-share .odnoklassniki:after {
	background-image: url("../img/social-networks/odnoklassniki-white.svg");
}
.article-share .twitter:before {
	background-image: url("../img/social-networks/twitter-blue.svg");
}
.article-share .twitter:after {
	background-image: url("../img/social-networks/twitter-white.svg");
}
.article-share .telegram:before {
	background-image: url("../img/social-networks/telegram-blue.svg");
}
.article-share .telegram:after {
	background-image: url("../img/social-networks/telegram-white.svg");
}
.article-share a:hover {
	background: #7324FF;
}
.article-share a:after {
	opacity: 0;
}
.article-share a:hover:before {
	opacity: 0;
}
.article-share a:hover:after {
	opacity: 1;
}
.article-footer .article-author {
	margin: 40px 0 0;
}
.article-comments {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.article-comments .comment-button {
	display: inline-block;
	padding: 16px 32px;
	background: linear-gradient(135deg, #FF8A00, #FF5C00);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 12px;
	text-decoration: none;
	transition: opacity 0.2s, transform 0.2s;
}
.article-comments .comment-button:hover {
	opacity: 0.9;
	transform: translateY(-1px);
	color: #fff;
}
.article-comments .counter {
	font-size: 16px;
	font-weight: 500;
	padding-left: 24px;
	background: url("../img/comment3.svg") 0 50% no-repeat;
	margin: 0;
}

/* Comments section */
.comments-section {
	margin-top: 60px;
}
.comments-title {
	font-size: 24px;
	font-weight: 700;
	color: #272B37;
	margin-bottom: 30px;
}
.comment-list {
	list-style: none;
	padding: 0;
	margin: 0 0 40px;
}
.comment-list .comment {
	padding: 20px 0;
	border-bottom: 1px solid #E4E9F2;
}
.comment-list .comment:last-child {
	border-bottom: none;
}
.comment-list .comment-author {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.comment-list .comment-author img {
	border-radius: 50%;
}
.comment-list .comment-author .fn {
	font-weight: 600;
	font-style: normal;
	color: #272B37;
}
.comment-list .comment-metadata {
	font-size: 13px;
	color: #888;
	margin-bottom: 10px;
}
.comment-list .comment-metadata a {
	color: #888;
}
.comment-list .comment-content p {
	margin: 0;
	line-height: 1.6;
	color: #555;
}
.comment-list .reply a {
	font-size: 13px;
	font-weight: 600;
	color: #7324FF;
}
.comment-list .children {
	list-style: none;
	padding-left: 40px;
}

/* Post navigation */
.post-navigation {
	display: flex;
	gap: 20px;
	margin-top: 50px;
}
.post-nav-card {
	flex: 1;
	display: flex;
	border: 1px solid #E4E9F2;
	border-radius: 14px;
	overflow: hidden;
	text-decoration: none;
	color: #272B37;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.post-nav-card:hover {
	border-color: #7324FF;
	box-shadow: 0 0 0 2px #7324FF inset;
	color: #272B37;
}
.post-nav-cover {
	width: 140px;
	min-height: 120px;
	flex-shrink: 0;
	overflow: hidden;
}
.post-nav-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.post-nav-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 16px 20px;
	min-width: 0;
}
.post-nav-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #7324FF;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 8px;
}
.post-nav-label svg {
	flex-shrink: 0;
}
.post-nav-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.post-nav-card.next {
	flex-direction: row-reverse;
}
.post-nav-card.next .post-nav-info {
	text-align: right;
}
.post-nav-card.next .post-nav-label {
	justify-content: flex-end;
}
@media (max-width: 767px) {
	.post-navigation {
		flex-direction: column;
		gap: 12px;
	}
	.post-nav-cover {
		width: 100px;
		min-height: 90px;
	}
	.post-nav-info {
		padding: 12px 16px;
	}
	.post-nav-title {
		font-size: 14px;
	}
}

/* Comment form */
.comment-form-wrapper {
	background: linear-gradient(135deg, #8B5CF6, #7C3AED, #6D28D9);
	border-radius: 20px;
	padding: 50px 50px 50px 50px;
	position: relative;
	margin-top: 40px;
}
.comment-form-character {
	position: absolute;
	right: 50px;
	top: -40px;
	width: 300px;
	z-index: 2;
	pointer-events: none;
}
.comment-form-character img {
	width: 100%;
	height: auto;
	display: block;
}
.comment-form-inner {
	position: relative;
	z-index: 1;
	max-width: calc(100% - 140px);
}
.comment-form-content {
	width: 100%;
}
.comment-form-heading {
	font-size: 32px;
	font-weight: 800;
	color: #fff;
	margin: 0 0 10px;
	line-height: 1.2;
}
.comment-form-description {
	font-size: 17px;
	color: rgba(255, 255, 255, 0.85);
	margin: 0 0 25px;
	line-height: 1.5;
}
.comment-form-card {
	background: #fff;
	border-radius: 14px;
	padding: 25px;
	position: relative;
	z-index: 1;
}
.comment-form-card .comment-form {
	margin: 0;
	padding: 0;
}
.comment-form-field {
	margin-bottom: 12px;
}
.comment-form-row {
	display: flex;
	gap: 12px;
}
.comment-form-row .comment-form-field.half {
	flex: 1;
}
.comment-form-field textarea,
.comment-form-field input[type="text"],
.comment-form-field input[type="email"] {
	width: 100%;
	border: 1px solid #E4E9F2;
	border-radius: 10px;
	padding: 14px 16px;
	font-size: 16px;
	font-family: inherit;
	color: #272B37;
	background: #F9FAFB;
	transition: border-color 0.2s;
	box-sizing: border-box;
	resize: vertical;
}
.comment-form-field textarea:focus,
.comment-form-field input:focus {
	outline: none;
	border-color: #7324FF;
	background: #fff;
}
.comment-form-field textarea::placeholder,
.comment-form-field input::placeholder {
	color: #999;
}
.comment-form-consent {
	margin: 14px 0 0;
}
.comment-form-consent label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 13px;
	color: #666;
	line-height: 1.4;
	cursor: pointer;
}
.comment-form-consent input[type="checkbox"] {
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin-top: 1px;
	accent-color: #7324FF;
	cursor: pointer;
}
.comment-form-consent a {
	color: #7324FF;
	text-decoration: underline;
}
.comment-form-consent a:hover {
	color: #5A1ACC;
}
.comment-form-card .form-submit {
	margin: 15px 0 0;
}
.comment-submit-btn {
	display: block;
	width: 100%;
	padding: 16px;
	background: linear-gradient(135deg, #FF8A00, #FF5C00);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	font-family: inherit;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	transition: opacity 0.2s, transform 0.2s;
}
.comment-submit-btn:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}
@media (max-width: 991px) {
	.comment-form-wrapper {
		padding: 35px;
	}
	.comment-form-heading {
		font-size: 26px;
	}
	.comment-form-character {
		width: 170px;
		right: 20px;
		top: -20px;
	}
	.comment-form-inner {
		max-width: calc(100% - 100px);
	}
}
@media (max-width: 767px) {
	.comment-form-wrapper {
		padding: 30px 20px 25px;
		overflow: visible;
	}
	.comment-form-character {
		position: absolute;
		right: -5px;
		top: -50px;
		width: 120px;
	}
	.comment-form-inner {
		max-width: 100%;
	}
	.comment-form-heading {
		font-size: 22px;
		padding-right: 80px;
	}
	.comment-form-description {
		font-size: 14px;
		padding-right: 60px;
	}
	.comment-form-row {
		flex-direction: column;
		gap: 0;
	}
}

@media (min-width: 1400px) {
	.article-intro {
		font-size: 22px;
	}
	.single-article h2 {
		font-size: 44px;
	}
}
@media (max-width: 1399px) {
	.article-footnote {
		font-size: 16px;
	}
	.article-footnote cite {
		font-size: 20px;
	}
	.article-product .description {
		font-size: 20px;
	}
	.article-product {
		margin: 80px 0;
	}
}
@media (max-width: 1199px) {
	.article-meta {
		margin: 30px 0 50px;
	}
	.article-intro {
		margin-bottom: 60px;
	}
	.article-table, .article-image {
		margin: 60px 0;
	}
	.article-quote {
		font-size: 24px;
	}
	.article-footnote {
		font-size: 14px;
	}
	.article-footnote cite {
		font-size: 18px;
	}
	.article-related img {
		right: -60px;
	}
	.article-important-note {
		font-size: 26px;
	}
	.article-product .platform {
		margin-bottom: 25px;
	}
	.article-product .description {
		font-size: 18px;
	}
	.article-product {
		margin: 60px 0;
	}
	.article-comments {
		margin-top: 50px;
	}
}
@media (min-width: 992px) {
	.article-intro {
		display: block;
		width: 100%;
		max-width: 930px;
		margin-top: 10px;
	}
	.article-meta .bookmark:hover {
		background-color: #9B5FFF;
		background-image: url("../img/bookmark-white.svg");
		border-color: #9B5FFF;
	}
	.single-article {
		padding-right: 40%;
	}
	.single-article .article-image {
		max-width: 166.67%;
	}
	.single-article .article-quote, .single-article .cta-start, .article-important-note, .article-products {
		margin-right: -66.67%;
	}
	.single-article .has-footnote {
		position: relative;
	}
	.single-article .article-footnote {
		width: 53%;
		position: absolute;
		right: -66.67%;
		top: 0;
		margin: 0;
	}
	.single-article h2 ~ .article-footnote {
		margin-top: 20px;
	}
	.article-related .description {
		min-height: 150px;
	}
	.article-footer, .article-comments {
		width: 60%;
	}
}
@media (max-width: 991px) {
	.article-meta {
		font-size: 14px;
		margin: 25px 0 40px;
	}
	.article-intro {
		margin-bottom: 30px;
	}
	.article-author {
		margin-bottom: 50px;
	}
	.article-author {
		height: 96px;
		padding-left: 116px;
	}
	.article-author img {
		width: 96px;
		height: 96px;
	}
	.article-author .name {
		font-size: 20px;
	}
	.article-author .more {
		font-size: 14px;
		margin-top: 10px;
	}
	.article-toc {
		font-size: 14px;
		margin-bottom: 60px;
	}
	article-toc .header {
		font-size: 18px;
	}
	article-toc ul .switcher {
		font-size: 16px;
	}
	.article-toc ul {
		font-size: 14px;
		margin: 10px -20px 0 0;
	}
	.article-table {
		padding-left: 40px;
		margin: 50px -40px;
	}
	.article-table th, .article-table td {
		padding: 15px;
	}
	.article-image {
		margin: 50px 0;
	}
	.article-quote {
		padding: 0 0 0 2em;
		-webkit-background-size: 1em auto;
		background-size: 1em auto;
		font-size: 20px;
		margin: 50px 0;
	}
	.article-case {
		margin-left: 10px;
	}
	.article-related {
		padding-top: 50px;
	}
	.article-related .header {
		font-size: 26px;
		margin-bottom: 20px;
	}
	.article-related img {
		max-height: 54%;
	}
	.article-important-note {
		padding: 24px 30px;
		font-size: 22px;
	}
	.article-products {
		padding: 26px 52px;
		background-size: 36px 36px;
		border-radius: 15px/10px;
		font-size: 14px;
	}
	.article-products:before, .article-products:after {
		width: 48px;
		height: 39px;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		left: -10px;
	}
	.article-products:before {
		top: 36px;
	}
	.article-products:after {
		bottom: 36px;
	}
	.article-summary .label {
		font-size: 14px;
		margin: 0 0 20px;
	}
	.article-summary .label:before {
		width: 26px;
		height: 26px;
	}
	.article-summary ul {
		padding: 5px 15px;
	}
	.article-product {
		margin: 50px 0;
	}
	.article-footer {
		margin-top: 60px;
		padding-bottom: 30px;
	}
	.article-footer .articles-topics {
		padding-bottom: 30px;
	}
	.article-share .header {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.article-comments {
		margin-top: 40px;
	}
}
@media (min-width: 768px) {
	.article-related img {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
	.article-summary {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.article-summary .advantages, .article-summary .disadvantages {
		width: calc(50% - 20px);
	}
	.article-footer {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.article-share {
		display: inline-block;
	}
	.article-footer .article-author {
		max-width: 400px;
		margin: 40px 0 0;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.article-footer .article-author {
		max-width: 350px;
	}
}
@media (max-width: 767px) {
	.article-meta {
		position: relative;
		padding: 5px 25px 0 0;
	}
	.article-meta .reading-time {
		order: 5;
	}
	.article-meta .bookmark {
		position: absolute;
		right: 0;
		top: 0;
	}
	.article-table {
		padding-left: 30px;
		margin: 40px -30px;
	}
	.article-footnote {
		font-size: 12px;
	}
	.article-footnote cite {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.article-related .description {
		min-height: 180px;
		font-size: 14px;
	}
	.article-related img {
		bottom: 40px;
	}
	.article-important-note {
		font-size: 18px;
	}
	.article-footer .article-author {
		margin-top: 30px;
	}
	.article-comments {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.article-comments .comment-button {
		font-size: 16px;
		padding: 14px 24px;
	}
	.article-content h2 {
		font-size: 28px;
	}
	.article-content h3 {
		font-size: 24px;
	}
}
@media (max-width: 575px) {
	.article-meta {
		font-size: 12px;
		margin-bottom: 30px;
	}
	.article-meta li {
		margin-right: 15px;
	}
	.article-toc {
		margin-bottom: 40px;
	}
	.article-toc .header {
		font-size: 14px;
	}
	.article-toc .switcher {
		font-size: 14px;
	}
	.article-toc ul {
		font-size: 12px;
		margin: 0;
	}
	.article-toc li:nth-child(even) {
		margin-right: 0;
	}
	.article-table th, .article-table td {
		padding: 10px;
	}
	.article-image {
		margin: 40px 0;
		border-radius: 10px;
	}
	.article-quote {
		margin: 40px 0;
	}
	.article-figure {
		margin: 30px 0;
	}
	.article-figure .caption {
		font-size: 12px;
		margin-top: 10px;
	}
	.article-important-note {
		padding: 15px;
		border-width: 8px;
		border-radius: 20px;
		font-size: 16px;
		margin: 30px 0;
	}
	.article-products {
		padding: 40px 20px 20px;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
		margin: 40px 0;
	}
	.article-products:before, .article-products:after {
		width: 34px;
		height: 28px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		left: 30px;
		top: -6px;
	}
	.article-products:after {
		bottom: auto;
		left: auto;
		right: 30px;
	}
	.article-product:after {
		font-size: 234px;
		right: 50%;
		margin-right: -0.5em;
	}
	.article-product {
		padding: 30px;
		margin: 30px 0;
	}
	.article-product .title {
		font-size: 22px;
	}
	.article-product .description {
		font-size: 16px;
	}
	.article-product .installment {
		display: block;
		padding-left: 50px;
		margin: 20px 0 0;
	}
	.article-product .installment:before {
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
	}
	.article-product .installment .plan {
		font-size: 16px;
	}
	.article-product .button {
		display: -webkit-flex;
		display: flex;
		width: 100%;
		max-width: 260px;
		padding: 0 10px;
		float: none;
		margin: 30px auto 0;
	}
	.article-share .header {
		font-size: 16px;
	}
	.article-comments {
		margin-top: 30px;
	}
	.article-comments .counter {
		font-size: 14px;
	}
	.article-content h2 {
		font-size: 24px;
	}
	.article-content h3 {
		font-size: 20px;
	}
}
@media (max-width: 414px) {
	.article-meta .reading-time {
		margin-right: -25px;
	}
	.article-author {
		margin-bottom: 30px;
	}
	.article-author .name {
		font-size: 16px;
	}
	.article-table {
		padding-left: 20px;
		margin: 30px -20px;
	}
	.article-image {
		margin: 30px 0;
	}
	.article-quote {
		font-size: 14px;
		margin: 30px 0;
	}
	.article-footnote cite {
		font-size: 14px;
	}
	.article-related {
		padding: 20px 26px;
	}
	.article-related .header {
		font-size: 18px;
	}
	.article-related .description {
		min-height: 140px;
		font-size: 12px;
	}
	.article-related .show-more {
		font-size: 14px;
	}
	.article-related img {
		max-height: 118px;
		bottom: 20px;
		right: -10px;
	}
	.article-important-note {
		font-size: 14px;
	}
	.article-product {
		padding: 20px;
	}
}

/* Quiz */
.quiz-section .section-intro {
	font-size: 24px;
	margin-bottom: 120px;
}
.quiz .step {
	min-height: 468px;
	padding: 68px 120px 50px;
	background: -webkit-linear-gradient(355.55deg, #5a10e0, #8B4FFF);
	background: linear-gradient(94.45deg, #5a10e0, #8B4FFF);
	border-radius: 30px;
	color: #fff;
	position: relative;
	z-index: 2;
}
.quiz .step:not(.active) {
	display: none;
}
.quiz .step.purple {
	background: -webkit-linear-gradient(355.55deg, #7B13FF, #A066FF);
	background: linear-gradient(94.45deg, #7B13FF, #A066FF);
}
.quiz .step.orange {
	background: -webkit-linear-gradient(355.55deg, #FF5A13, #FFA14C);
	background: linear-gradient(94.45deg, #FF5A13, #FFA14C);
}
.quiz .step.green {
	background: -webkit-linear-gradient(355.55deg, #00A757, #34CA00);
	background: linear-gradient(94.45deg, #00A757, #34CA00);
}
.quiz .step.pink {
	background: -webkit-linear-gradient(355.55deg, #B32D95, #FF72E0);
	background: linear-gradient(94.45deg, #B32D95, #FF72E0);
}
.quiz .step:after {
	content: "";
	width: 100%;
	height: 7vw;
	max-height: 90px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQyMCIgaGVpZ2h0PSI5MCIgdmlld0JveD0iMCAwIDE0MjAgOTAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxNDIwdjg5LjRjLTIuMDktOC45My03LjUxLTE3LjItMTUuNzEtMjEuNi01LjU0LTMuMTUtMTIuMDItMy43LTE4LjI2LTMuOEwzMS4wMSAxLjQzQTMwLjE1IDMwLjE1IDAgMDA1Ljc1IDEzLjc0Yy0yLjg2IDMuNTEtMy45MiA3Ljk2LTUuNzUgMTJWMHoiLz48L3N2Zz4=");
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
}
.quiz .number {
	width: 83px;
	height: 83px;
	padding-left: .2em;
	background: #fff;
	color: #272B37;
	-webkit-box-shadow: 0px .7em 1em rgba(90, 16, 224, 0.4);
	box-shadow: 0px .7em 1em rgba(90, 16, 224, 0.4);
	font-size: 50px;
	font-weight: bold;
	line-height: 83px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	left: 60px;
	top: -40px;
	z-index: 3;
}
.quiz .purple .number {
	-webkit-box-shadow: 0px .7em 1em rgba(79, 39, 164, 0.6);
	box-shadow: 0px .7em 1em rgba(79, 39, 164, 0.6);
}
.quiz .orange .number {
	-webkit-box-shadow: 0px .7em 1em rgba(217, 74, 13, 0.75);
	box-shadow: 0px .7em 1em rgba(217, 74, 13, 0.75);
}
.quiz .green .number {
	-webkit-box-shadow: 0px .7em 1em rgba(0, 73, 35, 0.4);
	box-shadow: 0px .7em 1em rgba(0, 73, 35, 0.4);
}
.quiz .pink .number {
	-webkit-box-shadow: 0px .7em 1em rgba(149, 15, 119, 0.7);
	box-shadow: 0px .7em 1em rgba(149, 15, 119, 0.7);
}
.quiz .text {
	min-height: 266px;
}
.quiz .title {
	max-width: 16em;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 1em;
}
.quiz .options {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 500px;
}
.quiz .options li {
	width: 50%;
	margin-bottom: 30px;
}
.quiz .options li:nth-child(odd) {
	padding-right: 10px;
}
.quiz .options label {
	font-size: 22px;
	margin: 0;
}
.quiz .options label:before {
	background: none;
	border-color: #fff;
}
.quiz .options :checked + label:before {
	background: #fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgZmlsbD0iIzM3ODhGMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjMuNzNhMSAxIDAgMDEuMTMgMS40MWwtNS40MSA2LjVhMSAxIDAgMDEtMS40OC4wN0wuMyA1LjQ2YTEgMSAwIDExMS40Mi0xLjQybDIuNDcgMi40OEw4LjkuODZhMSAxIDAgMDExLjQtLjEzeiIvPjwvc3ZnPg==") 4px 4px no-repeat;
}
.quiz .purple .options :checked + label:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgZmlsbD0iIzgzMjVGRiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjMuNzNhMSAxIDAgMDEuMTMgMS40MWwtNS40MSA2LjVhMSAxIDAgMDEtMS40OC4wN0wuMyA1LjQ2YTEgMSAwIDExMS40Mi0xLjQybDIuNDcgMi40OEw4LjkuODZhMSAxIDAgMDExLjQtLjEzeiIvPjwvc3ZnPg==");
}
.quiz .orange .options :checked + label:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgZmlsbD0iI0ZGNzQyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjMuNzNhMSAxIDAgMDEuMTMgMS40MWwtNS40MSA2LjVhMSAxIDAgMDEtMS40OC4wN0wuMyA1LjQ2YTEgMSAwIDExMS40Mi0xLjQybDIuNDcgMi40OEw4LjkuODZhMSAxIDAgMDExLjQtLjEzeiIvPjwvc3ZnPg==");
}
.quiz .green .options :checked + label:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgZmlsbD0iIzE1QjUzNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjMuNzNhMSAxIDAgMDEuMTMgMS40MWwtNS40MSA2LjVhMSAxIDAgMDEtMS40OC4wN0wuMyA1LjQ2YTEgMSAwIDExMS40Mi0xLjQybDIuNDcgMi40OEw4LjkuODZhMSAxIDAgMDExLjQtLjEzeiIvPjwvc3ZnPg==");
}
.quiz .pink .options :checked + label:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOSIgZmlsbD0iI0QwNDhCMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjMuNzNhMSAxIDAgMDEuMTMgMS40MWwtNS40MSA2LjVhMSAxIDAgMDEtMS40OC4wN0wuMyA1LjQ2YTEgMSAwIDExMS40Mi0xLjQybDIuNDcgMi40OEw4LjkuODZhMSAxIDAgMDExLjQtLjEzeiIvPjwvc3ZnPg==");
}
.quiz .options.radio label:before {
	background: transparent !important;
}
.quiz .button {
	min-width: 230px;
	padding: 0 20px;
	font-size: 16px;
	margin: 20px 20px 0 0;
	margin-right: 20px;
}
.quiz .button.show-results:after {
	content: "";
	width: 1em;
	height: 1em;
	background: url("../img/arrow.svg") 50% 50% no-repeat;
	margin: 0 -1em 0 1em;
}
.quiz .button.show-results:hover:after {
	-webkit-filter: brightness(1000);
	filter: brightness(1000);
}
.quiz .purple .button.white:not(.blank) {
	color: #844AFF;
}
.quiz .purple .button.white:not(.blank):hover {
	background-color: #461AA4;
	color: #fff;
}
.quiz .orange .button.white:not(.blank) {
	color: #FF6226;
}
.quiz .orange .button.white:not(.blank):hover {
	background-color: #DD4500;
	color: #fff;
}
.quiz .green .button.white:not(.blank) {
	color: #25C01C;
}
.quiz .green .button.white:not(.blank):hover {
	background-color: #007336;
	color: #fff;
}
.quiz .pink .button.white:not(.blank) {
	color: #D048B2;
}
.quiz .pink .button.white:not(.blank):hover {
	background-color: #990c8a;
	color: #fff;
}
.quiz .image {
	width: 680px;
	height: 680px;
	position: absolute;
	right: 0;
	bottom: 0;
	right: 32px;
	overflow: hidden;
	z-index: -1;
}
.quiz .image:before {
	content: "";
	font-size: 512px;
	width: 1em;
	height: 1em;
	background: rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 0 0 .164em rgba(255,255,255,0.2);
	box-shadow: 0 0 0 .164em rgba(255,255,255,0.2);
	border-radius: 50%;
	position: absolute;
	bottom: -0.5em;
	left: 50%;
	margin-left: -0.5em;
	z-index: -1;
}
.quiz .image img {
	max-height: 100%;
	margin: 0 auto;
}
.quiz .processing {
	width: 100%;
	text-align: center;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 500;
	position: absolute;
	left: 0;
	top: calc(50% - 1em);
}
.quiz-results {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.33;
	margin: -15px;
}
.quiz-results li {
	width: calc(33.333% - 30px);
	padding: 30px;
	background: #F7F8FB;
	color: #272B37;
	border: 1px solid #E4E9F2;
	border-radius: 20px;
	margin: 15px;
}
.quiz-results div {
	font-size: 44px;
	color: #7324FF;
	margin-top: 10px;
}
@media (min-width: 1200px) {
	.quiz-results-section .section-header {
		margin-bottom: 64px;
		margin-bottom: 80px;
	}
}
@media (max-width: 1279px) {
	.quiz .step {
		padding-left: 80px;
	}
	.quiz .image {
		right: 10px;
	}
}
@media (max-width: 1199px) {
	.quiz .step {
		min-height: 414px;
		padding: 60px 60px 40px;
		border-radius: 25px;
	}
	.quiz .text {
		min-height: 230px;
	}
	.quiz .title {
		font-size: 28px;
	}
	.quiz .options {
		max-width: 440px;
	}
	.quiz .options li {
		margin-bottom: 25px;
	}
	.quiz .options label {
		font-size: 20px;
	}
	.quiz .image {
		width: 512px;
		height: 512px;
	}
	.quiz .image:before {
		font-size: 385px;
	}
	.quiz-results {
		font-size: 24px;
		margin: -10px;
	}
	.quiz-results li {
		width: calc(33.333% - 20px);
		margin: 10px;
	}
	.quiz-results div {
		font-size: 34px;
	}
}
@media (min-width: 991px) {
	.quiz .button.prev {
		float: left;
	}
}
@media (max-width: 991px) {
	.quiz-section .section-intro {
		font-size: 20px;
		margin-bottom: 80px;
	}
	.quiz .step {
		min-height: 524px;
		border-radius: 20px;
	}
	.quiz .text {
		min-height: 260px;
	}
	.quiz .image {
		width: 350px;
		height: 350px;
		right: -30px;
	}
	.quiz .image:before {
		font-size: 330px;
		bottom: -0.4em;
	}
	.quiz .actions {
		max-width: 300px;
	}
	.quiz .button {
		margin: 15px 0 0;
	}
	.quiz .processing {
		font-size: 26px;
	}
	.quiz-results li {
		width: calc(50% - 20px);
		margin: 10px;
	}
}
@media (max-width: 767px) {
	.quiz .step {
		min-height: 490px;
	}
	.quiz .options {
		max-width: 380px;
	}
	.quiz .options label {
		font-size: 16px;
	}
	.quiz .image {
		width: 290px;
		height: 290px;
	}
	.quiz .image:before {
		font-size: 270px;
	}
	.quiz-results li {
		padding: 15px 20px;
	}
}
@media (min-width: 576px) and (max-width: 991px) {
	.quiz .image:before {
		left: .164em;
		margin-left: 0;
	}
}
@media (max-width: 575px) {
	.quiz-section .section-intro {
		font-size: 18px;
		margin-bottom: 60px;
	}
	.quiz .step {
		min-height: 530px;
		padding: 58px 40px 160px;
		border-radius: 15px;
	}
	.quiz .number {
		width: 50px;
		height: 50px;
		font-size: 30px;
		line-height: 50px;
		left: 40px;
		top: -22px;
	}
	.quiz .text {
		min-height: 182px;
	}
	.quiz .title {
		font-size: 20px;
	}
	.quiz .options {
		max-width: 340px;
		margin-right: -10px;
	}
	.quiz .options li {
		margin-bottom: 18px;
	}
	.quiz .options label {
		font-size: 14px;
	}
	.quiz .image {
		width: 200px;
		height: 170px;
		left: 50%;
		margin-left: -100px;
	}
	.quiz .image:before {
		font-size: 140px;
		bottom: -0.2em;
	}
	.quiz .processing {
		font-size: 23px;
	}
	.quiz-results {
		display: block;
		margin: 0;
	}
	.quiz-results li {
		width: auto;
		margin: 15px 0 0;
	}
	.quiz-results div {
		font-size: 30px;
	}
}
@media (max-width: 414px) {
	.quiz .processing {
		font-size: 20px;
	}
	.quiz .button {
		font-size: 14px;
		min-width: 100%;
	}
	.quiz-results {
		font-size: 20px;
	}
	.quiz-results div {
		font-size: 30px;
	}
}
@media (max-width: 359px) {
	.quiz .step {
		padding: 58px 20px 160px;
	}
}

/* Helper */
.site-helper {
	position: fixed;
	right: 50px;
	bottom: 80px;
	z-index: 201;
}
.site-helper.animate, .site-helper.expanded .cta {
	display: none !important;
}
.site-helper .menu, .site-helper .cta {
	padding: 30px;
	font-weight: 600;
	background: #fff;
	color: #272B37;
	border-radius: 20px;
	-webkit-box-shadow: 0px 20px 35px rgba(76,119,150,0.15);
	box-shadow: 0px 20px 35px rgba(76,119,150,0.15);
	margin-bottom: 20px;
	position: relative;
	display: none;
}
.site-helper .menu:after, .site-helper .cta:after {
	content: "";
	width: 30px;
	height: 18px;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIxIiBoZWlnaHQ9IjEyNyIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjUgMGgyMjBjLTkuNyAxMy0yMC4xIDI1LjUtMjkuOSAzOC42LTE5LjQgMjQuNi0zOC44IDQ5LjItNTggNzQtNCA1LjItOC4zIDExLjEtMTUgMTIuN2EyNC4yIDI0LjIgMCAwMS0xOS0yYy02LjItNC4xLTkuOS0xMC44LTE0LjYtMTYuM0M1Ni4zIDcxLjIgMjggMzUuOS41IDB6Ii8+PC9zdmc+") 50% 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 50px;
	top: 100%;
}
.site-helper .menu li + li {
	margin-top: 15px;
}
.site-helper .menu a {
	display: block;
	padding-left: 36px;
	position: relative;
}
.site-helper .menu a:before, .site-helper .menu a:after {
	content: "";
	width: 24px;
	height: 24px;
	background: 0 50% no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
}
.site-helper .menu .feedback:before {
	background-image: url("../img/email.svg");
}
.site-helper .menu .feedback:after {
	background-image: url("../img/email-blue.svg");
}
.site-helper .menu .faq:before {
	background-image: url("../img/question.svg");
}
.site-helper .menu .faq:after {
	background-image: url("../img/question-blue.svg");
}
.site-helper .menu .test:before {
	background-image: url("../img/check2.svg");
}
.site-helper .menu .test:after {
	background-image: url("../img/check2-blue.svg");
}
.site-helper .menu a:hover {
	color: #7324FF;
}
.site-helper .menu a:after, .site-helper .menu a:hover:before {
	opacity: 0;
}
.site-helper .menu a:hover:after {
	opacity: 1;
}
.site-helper .image {
	width: 120px;
	height: 120px;
	-webkit-filter: drop-shadow(0px 20px 20px rgba(73, 120, 211, 0.25));
	filter: drop-shadow(0px 20px 20px rgba(73, 120, 211, 0.25));
	float: right;
	cursor: pointer;
}
@media (max-width: 1199px) {
	.site-helper {
		right: 40px;
		bottom: 60px;
	}
}
@media (max-width: 767px) {
	.site-helper {
		right: 30px;
		bottom: 40px;
	}
}
@media (max-width: 575px) {
	.site-helper {
		right: 20px;
		bottom: 30px;
	}
	.site-helper .menu, .site-helper .cta {
		font-size: 18px;
	}
}
@media (max-width: 414px) {
	.site-helper .menu, .site-helper .cta {
		padding: 20px;
		border-radius: 12px;
		font-size: 16px;
	}
	.site-helper .menu:after, .site-helper .cta:after {
		right: 40px;
	}
	.site-helper .image {
		width: 100px;
		height: 100px;
	}
}

/* Footer */
.site-footer {
	background: #F7F8FB;
	color: #272B37;
	padding: 80px 0 35px;
}
.site-footer .subscription {
	padding-bottom: 77px;
	border-bottom: 1px solid #E4E9F2;
	margin-bottom: 46px;
}
.site-footer .subscription .header {
	max-width: 14em;
	font-size: 1.77em;
	font-weight: bold;
	line-height: 1.2;
}
.site-footer .subscription .header span {
	white-space: nowrap;
}
.site-footer .subscription .description {
	max-width: 31em;
	color: rgba(39,43,55,0.8);
	margin-top: 20px;
}
.site-footer .subscription .telegram {
	font-weight: bold;
	margin-top: 38px;
}
.site-footer .subscription .telegram a {
	display: inline-block;
	padding: 0 28px 2px 0;
	border-bottom: 1px solid currentColor;
	position: relative;
}
.site-footer .subscription .telegram a:hover {
	color: #7324FF;
}
.site-footer .subscription .telegram a:before, .site-footer .subscription .telegram a:after {
	content: "";
	width: 18px;
	height: 18px;
	background: url("../img/social-networks/telegram.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -9px;
}
.site-footer .subscription .telegram a:after {
	background-image: url("../img/social-networks/telegram-blue.svg");
	opacity: 0;
}
.site-footer .subscription .telegram a:hover:before {
	opacity: 0;
}
.site-footer .subscription .telegram a:hover:after {
	opacity: 1;
}
.footer-menu .header {
	display: table;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 24px;
}
.footer-menu a:hover {
	color: #7324FF;
}
.footer-menu li {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 16px;
}
.site-footer .contact .header {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 32px;
}
.footer-disclaimers {
	margin-top: 40px;
	padding: 24px 0;
	border-top: 1px solid #E4E9F2;
}
.footer-disclaimers p {
	font-size: 12px;
	line-height: 1.6;
	color: #8A9BAD;
	margin: 0 0 8px;
}
.footer-disclaimers p:last-child {
	margin-bottom: 0;
}
.site-footer .bottom {
	padding-top: 35px;
	border-top: 1px solid #E4E9F2;
	margin-top: 0;
}
.site-footer .bottom .inner {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}
.site-footer .site-logo {
	width: 170px;
	height: 30px;
	float: none;
}
.site-footer .copyright {
	font-size: 10px;
	color: rgba(39,43,55,0.8);
	max-width: 240px;
}
.site-footer .bottom .links {
	display: -webkit-flex;
	display: flex;
	font-size: 12px;
	line-height: 1.4;
}
.site-footer .bottom .links li {
	margin: 0 20px;
}
.site-footer .bottom .links a {
	color: rgba(39,43,55,0.6);
	text-decoration: underline;
}
.site-footer .bottom .links a:hover {
	color: rgba(114,116,121,0.6);
}
.site-footer .development {
	font-size: 12px;
}
.site-footer .development .label, .site-footer .development img {
	display: inline-block;
	vertical-align: middle;
}
.site-footer .development .label {
	margin-right: 10px;
}
.site-footer .development a:hover {
	opacity: .8;
}
.social-networks {
	display: -webkit-flex;
	display: flex;
}
.social-networks li + li {
	margin-left: 15px;
}
.social-networks a {
	display: block;
	width: 30px;
	height: 30px;
	background: #7324FF 50% 50% no-repeat;
	-webkit-background-size: 66.67%;
	background-size: 66.67%;
	border-radius: 4px;
}
.social-networks .facebook {
	background-image: url("../img/social-networks/facebook-white.svg");
	-webkit-background-size: auto 66.67%;
	background-size: auto 66.67%;
}
.social-networks .instagram {
	background-image: url("../img/social-networks/instagram-white.svg");
	-webkit-background-size: 53.33%;
	background-size: 53.33%;
}
.social-networks .vkontakte {
	background-image: url("../img/social-networks/vkontakte-white.svg");
	-webkit-background-size: 66.67% auto;
	background-size: 66.67% auto;
}
.social-networks .telegram {
	background-image: url("../img/social-networks/telegram-white.svg");
	-webkit-background-size: 60%;
	background-size: 60%;
}
.social-networks a:hover {
	background-color: #9B5FFF;
}
@media (min-width: 1280px) {
	.site-footer .subscription .about {
		font-size: 22px;
	}
	.site-footer .subscription .header {
		font-size: 48px;
		line-height: 1.3;
	}
}
@media (min-width: 1280px) and (max-width: 1399px) {
	.site-footer .bottom .links li {
		margin: 0 10px;
	}
}
@media (min-width: 992px) {
	.site-footer .subscription .about {
		width: 54%;
		float: left;
	}
	.site-footer .subscription-form, .site-footer .subscription .telegram {
		width: 44%;
		max-width: 458px;
		float: right;
		clear: right;
	}
	.site-footer .subscription .telegram {
		font-size: 18px;
	}
	.footer-menu {
		width: 72%;
		float: left;
	}
	.site-footer .contact {
		width: 26%;
		max-width: 225px;
		float: right;
	}
	.site-footer .contact .button {
		width: 100%;
	}
}
@media (min-width: 992px) and (max-width: 1279px) {
	.site-footer .bottom .links {
		display: block;
	}
	.site-footer .bottom .links li + li {
		margin-top: 4px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.site-footer .copyright {
		max-width: 180px;
	}
	.site-footer .development .label {
		display: block;
		margin: 0 0 5px;
	}
}
@media (max-width: 991px) {
	.site-footer {
		padding: 40px 0;
	}
	.site-footer .subscription .about {
		font-size: 18px;
		margin-bottom: 35px;
	}
	.site-footer .subscription {
		max-width: 568px;
		padding-bottom: 40px;
	}
	.footer-menu {
		margin-bottom: 34px;
	}
	.site-footer .bottom {
		padding-top: 30px;
	}
	.site-footer .copyright {
		text-align: right;
	}
	.site-footer .bottom .links {
		width: calc(100% - 200px);
		margin: 25px -20px 0;
	}
	.site-footer .development {
		margin-top: 25px;
	}
	.site-footer .contact {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.site-footer .contact .header {
		width: 9em;
		margin: 0 1em 0 0;
	}
	.site-footer .social-networks {
		position: absolute;
		right: 0;
		top: -129px;
	}
	.site-footer .social-networks a {
		width: 40px;
		height: 40px;
	}
}
@media (min-width: 768px) {
	.footer-menu {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.footer-menu > div {
		max-width: 212px;
	}
}
@media (max-width: 767px) {
	.site-footer .subscription .about {
		font-size: 16px;
	}
	.footer-menu ul {
		max-width: 320px;
		columns: 2;
	}
	.footer-menu li {
		font-size: 18px;
	}
	.footer-menu li:first-child {
		margin-top: 0;
	}
	.site-footer .bottom {
		margin-top: 90px;
	}
	.site-footer .bottom .links {
		width: calc(100% + 40px);
	}
	.site-footer .social-networks {
		position: absolute;
		right: auto;
		left: 0;
		top: -90px;
	}

}
@media (max-width: 575px) {
	.site-footer .subscription .header {
		font-size: 1.5em;
	}
	.site-footer .contact .header {
		font-size: 18px;
	}
	.site-footer .contact .button {
		font-size: 14px;
	}
	.site-footer .development .label {
		display: block;
		margin: 0 0 5px;
	}
	.site-footer .bottom .links {
		font-size: 10px;
	}
	.site-footer .copyright {
		max-width: 48%;
	}
	.site-footer .development .label {
		font-size: 10px;
		color: rgba(39,43,55,0.8);
	}
}
@media (max-width: 414px) {
	.site-footer {
		padding-bottom: 30px;
	}
	.site-footer .contact .header {
		font-size: 18px;
	}
	.site-footer .contact .header {
		width: calc(58% - 1em);
	}
	.site-footer .contact .button {
		width: 42%;
		padding: 0;
	}
	.site-footer .social-networks {
		width: calc(100% - 40px);
		-webkit-justify-content: space-between;
		justify-content: space-between;
		left: 20px;
	}
	.site-footer .bottom {
		min-height: 150px;
		padding-top: 20px;
		margin-top: 100px;
	}
	.site-footer .bottom .links {
		width: calc(100% + 10px);
		-webkit-justify-content: space-between;
		justify-content: space-between;
		font-size: 10px;
		margin: 0;
		margin: 20px -5px 0;
	}
	.site-footer .bottom .links li {
		margin: 0 5px;
	}
	.site-footer .bottom .links li:nth-child(even) {
		width: calc(100% - 150px);
		max-width: 160px;
	}
	.site-footer .development {
		margin-top: 20px;
	}
	.site-footer .copyright {
		width: calc(100% - 140px);
		max-width: 160px;
		text-align: left;
		position: absolute;
		right: 0;
		top: 84px;
	}
}

/* ═══════════════ Archive Course Landing ═══════════════ */
.archive-course-landing .archive-course-hero {
	margin-bottom: 0;
	padding-bottom: 0;
}
.archive-course-landing .archive-course-hero .section-header {
	margin-bottom: 20px;
}
.cr-page-intro {
	max-width: 800px;
	font-size: 18px;
	line-height: 1.6;
	color: #5A6A7E;
	margin-bottom: 0;
}
.cr-page-intro p:last-child {
	margin-bottom: 0;
}

/* Override course-categories-section negative margin on archive page */
.archive-course-landing .course-categories-section .section-header {
	margin-top: 0;
}

/* ─── Terms Index Grid (taxonomy index pages + /courses/ block 5) ─── */
.cr-terms-index__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.cr-terms-index__item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 16px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.cr-terms-index__item:hover {
	border-color: #FF6B35;
	box-shadow: 0 4px 20px rgba(255, 107, 53, 0.1);
	text-decoration: none;
	color: inherit;
}
.cr-terms-index__item--hidden {
	display: none;
}
.cr-terms-index__icon {
	width: 40px;
	height: 40px;
	object-fit: contain;
	margin-bottom: 12px;
}
.cr-terms-index__name {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 8px;
	color: #1A1A2E;
}
.cr-terms-index__count {
	font-size: 14px;
	color: #8A9BB5;
	margin-top: auto;
}
.cr-terms-index__more-wrap {
	text-align: center;
	margin-top: 40px;
}
.cr-terms-index__more-btn {
	min-width: 260px;
}
.cr-terms-index__more-count {
	font-weight: 400;
	opacity: 0.7;
	margin-left: 4px;
}

/* SEO extra block */
.cr-page-extra__content {
	max-width: 900px;
	font-size: 16px;
	line-height: 1.7;
	color: #5A6A7E;
}
.cr-page-extra__content h2,
.cr-page-extra__content h3 {
	color: #1A1A2E;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
.cr-page-extra__content p:last-child {
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.cr-terms-index__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
	.cr-terms-index__item {
		padding: 20px;
	}
	.cr-terms-index__name {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.cr-terms-index__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	.cr-page-intro {
		font-size: 16px;
	}
}
@media (max-width: 575px) {
	.cr-terms-index__grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.cr-terms-index__item {
		flex-direction: row;
		align-items: center;
		gap: 16px;
		padding: 16px 20px;
	}
	.cr-terms-index__icon {
		width: 32px;
		height: 32px;
		margin-bottom: 0;
		flex-shrink: 0;
	}
	.cr-terms-index__name {
		font-size: 15px;
		margin-bottom: 2px;
	}
	.cr-terms-index__count {
		margin-top: 0;
	}
	.cr-terms-index__more-wrap {
		margin-top: 24px;
	}
	.cr-terms-index__more-btn {
		min-width: 200px;
	}
}

/* ═══════════════════════════════════════════════
   School pages (single + archive)
   ═══════════════════════════════════════════════ */

/* School intro — inherits course-intro styles, overrides sidebar */
.school-intro.course-intro {
	padding-bottom: 120px;
	margin-bottom: -150px;
}
.school-intro.course-intro:after {
	/* Inherits the SVG wave from .course-intro:after */
}
.school-intro .description {
	max-width: 48em;
	font-size: 20px;
	line-height: 1.6;
	opacity: 0.92;
}
.school-intro-actions {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 60px;
}

/* School sidebar (replaces pricing block on school pages) */
.school-sidebar {
	text-align: center;
}
.school-promo-block {
	margin-bottom: 24px;
	padding: 24px;
	background: rgba(115, 36, 255, 0.06);
	border-radius: 12px;
}
.school-promo-label {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: rgba(39, 43, 55, 0.5);
	margin-bottom: 12px;
}
.school-promo-code {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.3;
	color: #7324FF;
	word-break: break-all;
}
.school-promo-copy {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	color: #7324FF;
	opacity: 0.6;
	transition: opacity 0.2s;
}
.school-promo-copy:hover {
	opacity: 1;
}
.school-promo-discount {
	font-size: 15px;
	font-weight: 600;
	color: #272B37;
	margin-top: 8px;
}
.school-promo-desc {
	font-size: 14px;
	color: rgba(39, 43, 55, 0.7);
	margin-top: 6px;
	line-height: 1.5;
}
.school-cashback {
	padding: 16px 20px;
	background: #F7F8FB;
	border-radius: 12px;
	margin-bottom: 20px;
	text-align: center;
}
.school-cashback-label {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: rgba(39, 43, 55, 0.5);
	margin-bottom: 6px;
}
.school-cashback-value {
	font-size: 24px;
	font-weight: bold;
	color: #00a32a;
}
.school-sidebar .actions {
	margin-top: 20px;
}
.school-sidebar .actions .button {
	margin: 0;
	width: 100%;
}

/* School editorial section — mirrors .course-overview-section */
.school-editorial-section {
	padding-top: 0;
	position: relative;
	z-index: 3;
}

.school-editorial .description p {
	margin-bottom: 10px;
}
.school-editorial .description p:last-child {
	margin-bottom: 0;
}

/* Pros/cons in school editorial — each 50% width */
.school-editorial .summary {
	gap: 24px;
}
.school-editorial .advantages,
.school-editorial .disadvantages {
	width: 48% !important;
}

/* School nav — override negative margin from course nav for school pages */
.school-nav-sticky-wrapper .course-nav-wrapper {
	margin-top: 0;
}
/* Nav items left-aligned (not space-between) */
@media (min-width: 992px) {
	.school-nav-sticky-wrapper .course-nav {
		justify-content: flex-start;
		gap: 40px;
	}
}

/* School overview section */
.school-overview-section {
	padding-top: 40px;
}
.school-overview-text {
	font-size: 16px;
	line-height: 1.8;
	color: #272B37;
}
.school-overview-text p {
	margin-bottom: 16px;
}
.school-overview-text p:last-child {
	margin-bottom: 0;
}
.school-overview-text h2,
.school-overview-text h3,
.school-overview-text h4 {
	margin-top: 32px;
	margin-bottom: 12px;
}
.school-overview-text ul,
.school-overview-text ol {
	margin: 12px 0 16px;
	padding-left: 24px;
}
.school-overview-text ul {
	list-style: disc;
}
.school-overview-text ol {
	list-style: decimal;
}
.school-overview-text li {
	margin-bottom: 6px;
	padding-left: 4px;
}
.school-overview-text li:last-child {
	margin-bottom: 0;
}

/* School stats */
.school-stats {
	display: flex;
	gap: 20px;
	margin-top: 40px;
	padding: 32px 40px;
	background: #F7F8FB;
	border: 1px solid #E4E9F2;
	border-radius: 16px;
}
.school-stat {
	flex: 1;
	text-align: center;
}
.school-stat__value {
	font-size: 32px;
	font-weight: bold;
	color: #7324FF;
	line-height: 1.3;
}
.school-stat__label {
	font-size: 14px;
	color: rgba(39, 43, 55, 0.6);
	margin-top: 4px;
}

/* Section header row — title + button side by side */
.section-header-row {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 40px;
	gap: 20px;
}
.section-header-row .section-header {
	margin-bottom: 0;
}
.section-header-row .button {
	flex-shrink: 0;
	white-space: nowrap;
}

/* Courses section footer */
.courses-section-footer {
	text-align: center;
	margin-top: 40px;
}

/* Course cards inside school page — no purple hover on buttons */
.courses-section .courses .item .button:hover {
	color: #fff;
}
/* Course cards inside catalog — no purple hover on buttons */
.cr-catalog__grid .item .button:hover {
	color: #fff;
}

/* ─── School archive page ─── */
.schools-page {
	padding-bottom: 80px;
}
.schools-page .section-intro {
	font-size: 18px;
	color: rgba(39, 43, 55, 0.7);
	line-height: 1.6;
	margin-bottom: 40px;
}
.schools-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 24px;
}

/* School card */
.school-card {
	display: flex;
	flex-direction: column;
	padding: 28px 24px;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 16px;
	text-decoration: none;
	color: #272B37;
	transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.school-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(115, 36, 255, 0.12);
	border-color: #7324FF;
	color: #272B37;
	text-decoration: none;
}
.school-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 16px;
}
.school-card__icon {
	width: 64px;
	height: 64px;
	border-radius: 14px;
	overflow: hidden;
	background: #F7F8FB;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.school-card__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.school-card__placeholder {
	font-size: 28px;
	font-weight: bold;
	color: #7324FF;
}
.school-card__rating {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 6px 12px;
	background: #F7F8FB;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 600;
}
.school-card__rating-value {
	color: #272B37;
}
.school-card__rating-star {
	color: #f5a623;
	font-size: 16px;
}
.school-card__title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 12px;
}
.school-card__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	font-size: 14px;
	color: rgba(39, 43, 55, 0.6);
	margin-bottom: 12px;
}
.school-card__stat strong {
	font-weight: 600;
	color: #272B37;
}
.school-card__excerpt {
	font-size: 14px;
	color: rgba(39, 43, 55, 0.65);
	line-height: 1.5;
	flex-grow: 1;
	margin-bottom: 16px;
}
.school-card__link {
	font-size: 14px;
	font-weight: 600;
	color: #7324FF;
	transition: color 0.15s;
}
.school-card:hover .school-card__link {
	color: #9B5FFF;
}

/* ─── TOP-12 schools section ─── */
.schools-top-section {
	margin-bottom: 60px;
}
.schools-top-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 32px;
}
.schools-top-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	height: 36px;
	padding: 0 14px;
	background: linear-gradient(135deg, #7324FF, #9B5FFF);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.5px;
	border-radius: 8px;
	flex-shrink: 0;
}
.schools-top-title {
	font-size: 24px;
	font-weight: 700;
	color: #272B37;
	margin: 0;
	line-height: 1.3;
}
.schools-grid--top {
	gap: 20px;
}

/* ─── Intro row: text + expert card ─── */
.schools-intro-row {
	display: flex;
	gap: 40px;
	align-items: flex-start;
	margin-bottom: 48px;
}
.schools-intro-text {
	flex: 1;
	min-width: 0;
	font-size: 17px;
	color: rgba(39, 43, 55, 0.75);
	line-height: 1.7;
}
.schools-intro-text p {
	margin: 0 0 16px;
}
.schools-intro-text p:last-child {
	margin-bottom: 0;
}
.schools-intro-expert {
	flex-shrink: 0;
	width: 280px;
}
.expert-card {
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 16px;
	padding: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.expert-card__label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: #7324FF;
	background: #F3ECFF;
	padding: 4px 10px;
	border-radius: 6px;
	margin-bottom: 14px;
	white-space: nowrap;
}
.expert-card__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: #272B37;
	text-align: center;
}
.expert-card__inner:hover {
	text-decoration: none;
	color: #272B37;
}
.expert-card__photo {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	background: linear-gradient(135deg, #7324FF, #9B5FFF);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	flex-shrink: 0;
}
.expert-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.expert-card__initials {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
}
.expert-card__name {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 4px;
}
.expert-card__position {
	font-size: 14px;
	color: rgba(39, 43, 55, 0.6);
	line-height: 1.4;
	margin-bottom: 12px;
}
.expert-card__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #F7F8FB;
	color: #7324FF;
	font-size: 18px;
	font-weight: 600;
	transition: background 0.2s, color 0.2s;
}
.expert-card__inner:hover .expert-card__arrow {
	background: #7324FF;
	color: #fff;
}

/* ─── Schools page: expert card overrides ─── */
.schools-page .expert-card {
	display: flex;
	flex-direction: column;
	padding: 30px;
	gap: 0;
}
.schools-page .expert-card__label {
	text-align: center;
}

/* ─── Comparison table ─── */
.schools-comparison {
	margin-top: 60px;
	margin-bottom: 60px;
}
.schools-comparison__desc {
	font-size: 17px;
	color: rgba(39, 43, 55, 0.65);
	line-height: 1.6;
	margin: -8px 0 24px;
	max-width: 700px;
}
.schools-comparison__wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.schools-comparison__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 16px;
	overflow: hidden;
	font-size: 15px;
}
.schools-comparison__table thead {
	background: #F7F8FB;
}
.schools-comparison__table th {
	padding: 14px 16px;
	font-weight: 600;
	font-size: 13px;
	color: rgba(39, 43, 55, 0.6);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-align: left;
	white-space: nowrap;
	border-bottom: 1px solid #E4E9F2;
}
.schools-comparison__table td {
	padding: 14px 16px;
	border-bottom: 1px solid #f0f2f5;
	vertical-align: middle;
}
.schools-comparison__table tbody tr:last-child td {
	border-bottom: none;
}
.schools-comparison__table tbody tr:hover {
	background: #FAFAFF;
}
.schools-comparison__num {
	font-weight: 700;
	color: #7324FF;
	text-align: center;
	width: 40px;
}
.schools-comparison__th-num {
	width: 40px;
	text-align: center;
}
.schools-comparison__name {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
}
.schools-comparison__th-name {
	min-width: 200px;
}
.schools-comparison__name a {
	font-weight: 600;
	color: #272B37;
	text-decoration: none;
}
.schools-comparison__name a:hover {
	color: #7324FF;
}
.schools-comparison__icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F7F8FB;
}
.schools-comparison__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.schools-comparison__rating-badge {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	padding: 4px 10px;
	background: #F7F8FB;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
}
.schools-comparison__star {
	color: #f5a623;
	font-size: 14px;
}
.schools-comparison__link {
	font-size: 14px;
	font-weight: 600;
	color: #7324FF;
	text-decoration: none;
	white-space: nowrap;
}
.schools-comparison__link:hover {
	color: #9B5FFF;
}

/* ─── FAQ section ─── */
.schools-faq {
	margin-top: 60px;
	margin-bottom: 0;
}
.schools-faq__list {
	max-width: 800px;
}
.schools-faq__item {
	border: 1px solid #E4E9F2;
	border-radius: 12px;
	margin-bottom: 12px;
	background: #fff;
	overflow: hidden;
	transition: border-color 0.2s;
}
.schools-faq__item[open] {
	border-color: #7324FF;
}
.schools-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 24px;
	cursor: pointer;
	font-size: 17px;
	font-weight: 600;
	color: #272B37;
	line-height: 1.4;
	list-style: none;
	user-select: none;
}
.schools-faq__question::-webkit-details-marker {
	display: none;
}
.schools-faq__question::marker {
	content: '';
}
.schools-faq__chevron {
	flex-shrink: 0;
	transition: transform 0.25s ease;
	color: rgba(39, 43, 55, 0.4);
}
.schools-faq__item[open] .schools-faq__chevron {
	transform: rotate(180deg);
	color: #7324FF;
}
.schools-faq__answer {
	padding: 0 24px 20px;
	font-size: 16px;
	color: rgba(39, 43, 55, 0.75);
	line-height: 1.65;
}
.schools-faq__answer p {
	margin: 0 0 12px;
}
.schools-faq__answer p:last-child {
	margin-bottom: 0;
}

/* ─── Responsive: intro row + table + FAQ ─── */
@media (max-width: 768px) {
	.schools-intro-row {
		flex-direction: column;
		gap: 24px;
	}
	.schools-intro-expert {
		width: 100%;
	}
	.expert-card__inner {
		flex-direction: row;
		text-align: left;
		gap: 16px;
	}
	.expert-card__photo {
		width: 56px;
		height: 56px;
		margin-bottom: 0;
	}
	.expert-card__position {
		margin-bottom: 0;
	}
	.expert-card__arrow {
		margin-left: auto;
	}
	.schools-comparison__table {
		font-size: 14px;
	}
	.schools-comparison__table th,
	.schools-comparison__table td {
		padding: 10px 12px;
	}
	.schools-faq__question {
		font-size: 16px;
		padding: 16px 18px;
	}
	.schools-faq__answer {
		padding: 0 18px 16px;
		font-size: 15px;
	}
}

/* ─── Home page content block ─── */
.cr-page-content {
	padding: 40px 0 60px;
}
.cr-page-content__body {
	max-width: 900px;
	font-size: 16px;
	line-height: 1.8;
}
.cr-page-content__body p {
	color: #3A3F4B;
	margin-bottom: 1.2em;
}
.cr-page-content__body p:last-child {
	margin-bottom: 0;
}
.cr-page-content__body h2,
.cr-page-content__body h3 {
	color: #1A1A2E;
	margin-top: 2em;
	margin-bottom: 0.6em;
}
.cr-page-content__body ul,
.cr-page-content__body ol {
	color: #3A3F4B;
	margin-bottom: 1.2em;
	padding-left: 1.5em;
}
.cr-page-content__body a {
	color: #7324FF;
	text-decoration: underline;
}
.cr-page-content__body a:hover {
	color: #9B5FFF;
}

/* ─── Home page school cards slider ─── */
.schools-cards-section {
	padding-top: 60px;
	padding-bottom: 0;
}
.schools-cards-section__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 40px;
}
.schools-cards-section__head .section-header {
	margin-bottom: 8px;
}
.schools-cards-section__head .section-intro {
	max-width: 600px;
	font-size: 18px;
	color: rgba(39, 43, 55, 0.7);
	line-height: 1.6;
	margin-bottom: 0;
}
.schools-cards-section__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 16px;
	flex-shrink: 0;
}
.schools-cards-section__actions .button.skewed {
	flex-shrink: 0;
}
.schools-cards-slider.owl-carousel .owl-stage-outer {
	overflow: visible;
	padding: 8px 0 20px;
}
.schools-cards-slider.owl-carousel {
	overflow: hidden;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: -4px;
	margin-right: -4px;
}
.schools-cards-slider.owl-carousel .owl-stage {
	display: flex;
}
.schools-cards-slider.owl-carousel .owl-item {
	display: flex;
}
.school-card--slide {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.schools-cards-slider .school-card__link {
	margin-top: auto;
}
/* Nav arrows — placed in section header area */
.schools-cards-section__nav {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	margin-top: 6px;
}
.schools-cards-section__counter {
	font-size: 14px;
	color: rgba(39, 43, 55, 0.5);
	white-space: nowrap;
}
.schools-cards-section__nav-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #E4E9F2;
	background: #fff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #7324FF;
	transition: all 0.2s;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.schools-cards-section__nav-btn:hover {
	background: #7324FF;
	color: #fff;
	border-color: #7324FF;
}
.schools-cards-section__nav-btn svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}
/* Hide owl default nav — we use custom buttons */
.schools-cards-slider .owl-nav {
	display: none !important;
}
.schools-cards-slider .owl-dots {
	text-align: center;
	margin-top: 20px;
}
@media (max-width: 767px) {
	.schools-cards-section {
		padding-top: 40px;
		padding-bottom: 0;
	}
	.schools-cards-section__head {
		flex-direction: column;
		gap: 16px;
		margin-bottom: 28px;
	}
	.schools-cards-section__nav {
		align-self: flex-end;
	}
}
@media (max-width: 575px) {
	.schools-cards-section__nav-btn {
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
}

/* TOP card — with position number */
.school-card--top {
	position: relative;
	border-color: rgba(115, 36, 255, 0.15);
	background: linear-gradient(180deg, rgba(115, 36, 255, 0.03) 0%, #fff 100%);
}
.school-card--top:hover {
	border-color: #7324FF;
}
.school-card__position {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 28px;
	height: 28px;
	background: #7324FF;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	border-radius: 8px;
}

/* "All schools" sub-section */
.schools-all-section {
	padding-top: 20px;
	border-top: 1px solid #E4E9F2;
}
.schools-all-section .section-header {
	margin-bottom: 32px;
}
.section-header__count {
	font-weight: 400;
	color: #8E93A5;
}

/* SEO text block at bottom */
.cr-page-bottom {
	margin-top: 60px;
	padding-top: 40px;
	border-top: 1px solid #E4E9F2;
	font-size: 16px;
	line-height: 1.8;
	color: #272B37;
}
.cr-page-bottom h2 {
	font-size: 24px;
	margin: 32px 0 16px;
}
.cr-page-bottom h3 {
	font-size: 20px;
	margin: 24px 0 12px;
}
.cr-page-bottom p {
	margin-bottom: 16px;
}
.cr-page-bottom ul, .cr-page-bottom ol {
	margin: 0 0 16px 24px;
}
.cr-page-bottom a {
	color: #7324FF;
}
.cr-page-bottom a:hover {
	color: #9B5FFF;
}

/* ─── School page responsive ─── */
@media (max-width: 1199px) {
	.school-stats {
		padding: 24px 30px;
	}
	.school-stat__value {
		font-size: 26px;
	}
}
@media (max-width: 991px) {
	.school-editorial .advantages,
	.school-editorial .disadvantages {
		width: 100% !important;
	}
	.school-stats {
		flex-wrap: wrap;
	}
	.school-stat {
		min-width: 120px;
	}
}
@media (max-width: 767px) {
	.school-intro.course-intro {
		padding-bottom: 60px;
		margin-bottom: 0;
	}
	.school-intro.course-intro:after {
		content: none;
	}
	.school-intro-actions {
		flex-direction: column;
		align-items: flex-start;
	}
	.section-header-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
	.school-stats {
		padding: 20px;
		gap: 16px;
	}
	.school-stat__value {
		font-size: 22px;
	}
	.school-promo-code {
		font-size: 22px;
	}
	.schools-top-header {
		flex-direction: column;
		gap: 10px;
	}
	.schools-top-title {
		font-size: 20px;
	}
	.schools-top-section {
		margin-bottom: 40px;
	}
}
@media (max-width: 575px) {
	.school-intro .description {
		font-size: 16px;
	}
	.schools-grid {
		grid-template-columns: 1fr;
	}
	.school-card {
		padding: 20px 18px;
	}
	.school-card__title {
		font-size: 18px;
	}
	.school-stats {
		flex-direction: column;
		gap: 12px;
	}
	.school-stat {
		display: flex;
		align-items: center;
		gap: 12px;
		text-align: left;
	}
	.school-stat__value {
		font-size: 20px;
		min-width: 60px;
	}
	.schools-top-title {
		font-size: 18px;
	}
	.school-card__position {
		width: 24px;
		height: 24px;
		font-size: 12px;
		line-height: 24px;
		top: 10px;
		left: 10px;
	}
}

/* ==========================================================================
   Expert / Person Page  (v2 — profile-card layout)
   ========================================================================== */

.expert-page {
	padding-bottom: 64px;
	min-height: 60vh;
}

/* ---- Profile section (gradient bg) ---- */
.expert-profile {
	background: linear-gradient(160deg, #F5F0FF 0%, #EDE4FF 40%, #E8DFFF 100%);
	padding: 48px 0 56px;
}

/* ---- Main card ---- */
.expert-page .expert-card {
	display: flex;
	flex-direction: row;
	gap: 100px;
	justify-content: center;
	background: #fff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 4px 24px rgba(115, 36, 255, 0.07), 0 1px 3px rgba(0,0,0,0.04);
}

/* Left column — avatar + info */
.expert-page .expert-card-left {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	flex-shrink: 0;
	gap: 16px;
	max-width: 500px;
}

/* Right column — sidebar widgets inside card */
.expert-card-sidebar {
	flex-shrink: 0;
	width: 320px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.expert-card-avatar {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 6px 24px rgba(115, 36, 255, 0.18);
	border: 4px solid #fff;
	outline: 3px solid rgba(115, 36, 255, 0.12);
}
.expert-card-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.expert-avatar-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #9B5FFF, #7324FF);
	color: #fff;
	font-size: 52px;
	font-weight: 700;
	font-family: 'Inter Tight', sans-serif;
}

/* Social icons (compact circles) */
.expert-card-socials {
	display: flex;
	gap: 10px;
}
.expert-soc {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.2s ease;
}
.expert-soc svg {
	width: 22px;
	height: 22px;
}
.expert-soc--tg {
	background: #E8F4FD;
	color: #0088cc;
}
.expert-soc--tg:hover {
	background: #0088cc;
	color: #fff;
}
.expert-soc--vk {
	background: #E8EDF5;
	color: #4C75A3;
}
.expert-soc--vk:hover {
	background: #4C75A3;
	color: #fff;
}
.expert-soc--li {
	background: #E8F0F8;
	color: #0077B5;
}
.expert-soc--li:hover {
	background: #0077B5;
	color: #fff;
}
.expert-soc--web {
	background: #F0F0F5;
	color: #555;
}
.expert-soc--web:hover {
	background: #555;
	color: #fff;
}
.expert-soc--web svg {
	width: 20px;
	height: 20px;
	fill: none;
}
.expert-soc--web:hover svg {
	stroke: #fff;
	fill: none;
}
.expert-soc--tgch {
	background: #E8F4FD;
	color: #0088cc;
	position: relative;
}
.expert-soc--tgch:hover {
	background: #0088cc;
	color: #fff;
}
.expert-soc--tgch::after {
	content: '';
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #0088cc;
	border: 2px solid #fff;
}
.expert-soc:hover svg {
	fill: #fff;
}

/* Info fields (inside left column) */
.expert-card-name {
	font-family: 'Inter Tight', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #272B37;
	margin: 0 0 8px;
	line-height: 1.2;
}
.expert-card-position {
	font-size: 18px;
	color: #7324FF;
	font-weight: 600;
	margin-bottom: 8px;
}
.expert-card-exp {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 15px;
	color: #666;
	margin-bottom: 16px;
}
.expert-card-exp svg {
	flex-shrink: 0;
	color: #7324FF;
}
.expert-card-roles {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 20px;
}
.expert-page .expert-card-roles {
	justify-content: center;
}
.expert-role-tag {
	display: inline-block;
	padding: 5px 16px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	color: #7324FF;
	background: rgba(115, 36, 255, 0.07);
	border: 1px solid rgba(115, 36, 255, 0.14);
	line-height: 1.4;
}
.expert-card-bio {
	font-size: 15px;
	line-height: 1.7;
	color: #444;
	max-width: 720px;
}
.expert-card-bio p { margin-bottom: 14px; }
.expert-card-bio p:last-child { margin-bottom: 0; }

/* Links in bio */
.expert-card-bio a {
	color: #7324FF;
	text-decoration: underline;
	text-decoration-color: rgba(115, 36, 255, 0.3);
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	transition: all 0.15s;
}
.expert-card-bio a:hover {
	color: #5A13D4;
	text-decoration-color: #5A13D4;
	text-decoration-thickness: 2px;
}

/* H2 headings in bio */
.expert-card-bio h2 {
	font-family: 'Inter Tight', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #272B37;
	margin: 32px 0 14px;
	line-height: 1.3;
	letter-spacing: -0.01em;
}
.expert-card-bio h2:first-child { margin-top: 0; }

/* H3 headings in bio */
.expert-card-bio h3 {
	font-family: 'Inter Tight', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #272B37;
	margin: 24px 0 10px;
	line-height: 1.3;
}

/* Bold text in bio */
.expert-card-bio strong {
	color: #272B37;
	font-weight: 600;
}

/* Lists in bio */
.expert-card-bio ul, .expert-card-bio ol {
	margin: 12px 0;
	padding-left: 24px;
}
.expert-card-bio li {
	margin-bottom: 6px;
}

/* ---- Expert page body layout: content + sidebar ---- */
.expert-body {
	display: flex;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.expert-body-main {
	flex: 1;
	min-width: 0;
}
.expert-body-sidebar {
	width: 320px;
	flex-shrink: 0;
}
.expert-sidebar-sticky {
	position: sticky;
	top: 24px;
}

/* Sidebar widgets */
.expert-sidebar-widget {
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 14px;
	padding: 24px;
	margin-bottom: 20px;
}
.expert-card-sidebar .expert-sidebar-widget {
	margin-bottom: 0;
}
.expert-sidebar-widget-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #272B37;
	margin: 0 0 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.expert-sidebar-widget-title svg {
	flex-shrink: 0;
	color: #7324FF;
}

/* Sidebar nav */
.expert-sidebar-nav {
	list-style: none;
	padding: 0;
	margin: 0;
}
.expert-sidebar-nav li {
	margin-bottom: 4px;
}
.expert-sidebar-nav a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 14px;
	color: #555;
	text-decoration: none;
	transition: all 0.15s;
}
.expert-sidebar-nav a:hover {
	background: #F5F0FF;
	color: #7324FF;
}
.expert-sidebar-nav .esn-count {
	margin-left: auto;
	font-size: 12px;
	font-weight: 600;
	color: #999;
	background: #f0f0f1;
	padding: 2px 8px;
	border-radius: 10px;
}
.expert-sidebar-nav a:hover .esn-count {
	background: #EDE4FF;
	color: #7324FF;
}

/* Sidebar contact links */
.expert-sidebar-links {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.expert-sidebar-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.15s;
	color: #555;
	background: #F8F8FA;
}
.expert-sidebar-link:hover {
	transform: translateX(2px);
}
.expert-sidebar-link svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}
.expert-sidebar-link span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.expert-sidebar-link--web { color: #555; }
.expert-sidebar-link--web:hover { background: #EBEBF0; color: #333; }
.expert-sidebar-link--web svg { fill: none; stroke: #555; }
.expert-sidebar-link--tgch { color: #0088cc; }
.expert-sidebar-link--tgch:hover { background: #E0F2FD; color: #006699; }
.expert-sidebar-link--tg { color: #0088cc; }
.expert-sidebar-link--tg:hover { background: #E0F2FD; color: #006699; }
.expert-sidebar-link--vk { color: #4C75A3; }
.expert-sidebar-link--vk:hover { background: #E8EDF5; color: #3B5E8A; }
.expert-sidebar-link--li { color: #0077B5; }
.expert-sidebar-link--li:hover { background: #E8F0F8; color: #005A8C; }

/* Sidebar stats mini */
.expert-sidebar-stats {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.expert-sidebar-stat-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
}
.expert-sidebar-stat-row .essr-label {
	color: #666;
}
.expert-sidebar-stat-row .essr-value {
	font-weight: 700;
	color: #272B37;
}
.expert-sidebar-stat-row .essr-value--purple { color: #7324FF; }

@media (max-width: 1023px) {
	.expert-body { flex-direction: column; gap: 24px; }
	.expert-body-sidebar { width: 100%; }
	.expert-sidebar-sticky { position: static; }
}

/* ---- Stats bar (under card) ---- */
.expert-stats-bar {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 24px;
}
.expert-stat-item {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 14px 28px;
	background: #fff;
	border-radius: 14px;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(115, 36, 255, 0.06);
	transition: all 0.2s ease;
}
.expert-stat-item:hover {
	box-shadow: 0 4px 16px rgba(115, 36, 255, 0.12);
	transform: translateY(-2px);
}
.expert-stat-item--teach { border-left: 3px solid #7324FF; }
.expert-stat-item--cauth { border-left: 3px solid #D17A00; }
.expert-stat-item--cexp  { border-left: 3px solid #1A8C50; }
.expert-stat-item--aauth { border-left: 3px solid #1967D2; }
.expert-stat-item--aexp  { border-left: 3px solid #C2185B; }
.expert-stat-num {
	font-family: 'Inter Tight', sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #7324FF;
	line-height: 1;
}
.expert-stat-lbl {
	font-size: 14px;
	color: #666;
}

/* ---- Content sections ---- */
.expert-section {
	padding: 48px 0 0;
}
.expert-section-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 28px;
	font-weight: 700;
	color: #272B37;
	margin: 0 0 8px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.expert-section-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 10px;
	border-radius: 16px;
	background: rgba(115, 36, 255, 0.1);
	color: #7324FF;
	font-size: 15px;
	font-weight: 600;
}
.expert-section-desc {
	font-size: 15px;
	color: #888;
	margin: 0 0 28px;
}

/* Courses grid — use standard .cr-catalog__grid layout */
.expert-courses .cr-catalog__grid.courses.grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 0;
}
.expert-courses .cr-catalog__grid.courses.grid > .item {
	width: auto;
	margin: 0;
	min-width: 0;
}
.expert-courses .cr-catalog__grid.courses.grid > .item:nth-child(n) {
	display: flex !important;
	width: auto !important;
	margin: 0 !important;
}

/* Article cards */
.expert-articles-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
	gap: 20px;
}
.expert-article-card {
	display: flex;
	gap: 16px;
	padding: 16px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid #EDEDF0;
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease;
}
.expert-article-card:hover {
	border-color: #D8D0F0;
	box-shadow: 0 4px 16px rgba(115, 36, 255, 0.08);
	transform: translateY(-2px);
}
.expert-article-cover {
	flex-shrink: 0;
	width: 100px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
}
.expert-article-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.expert-article-info {
	flex: 1;
	min-width: 0;
}
.expert-article-title {
	font-size: 15px;
	font-weight: 600;
	color: #272B37;
	margin: 0 0 6px;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.expert-article-card:hover .expert-article-title {
	color: #7324FF;
}
.expert-article-category {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	color: #7324FF;
	background: rgba(115, 36, 255, 0.06);
	margin-bottom: 6px;
}
.expert-article-meta {
	display: flex;
	gap: 12px;
	font-size: 13px;
	color: #999;
}

/* Reviews */
.expert-reviews-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
	gap: 20px;
}
.expert-review-card {
	padding: 24px;
	border-radius: 14px;
	background: #fff;
	border: 1px solid #EDEDF0;
	transition: border-color 0.2s;
}
.expert-review-card:hover {
	border-color: #D8D0F0;
}
.expert-review-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
}
.expert-review-author {
	font-size: 15px;
	color: #272B37;
}
.expert-review-author strong {
	font-weight: 600;
}
.expert-review-course {
	display: block;
	font-size: 13px;
	color: #888;
	margin-top: 3px;
}
.expert-review-course a {
	color: #7324FF;
	text-decoration: none;
}
.expert-review-course a:hover {
	text-decoration: underline;
}
.expert-review-rating {
	display: flex;
	gap: 2px;
	flex-shrink: 0;
}
.expert-review-text {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 12px;
}
.expert-review-date {
	font-size: 13px;
	color: #aaa;
}

/* "Show more" note */
.expert-section-more {
	text-align: center;
	margin-top: 24px;
}
.expert-more-note {
	display: inline-block;
	padding: 8px 20px;
	border-radius: 8px;
	font-size: 14px;
	color: #888;
	background: #F5F5F8;
}

/* Remove hover underline from links */
.expert-stats-bar a,
.expert-stats-bar a:hover {
	text-decoration: none;
}
.expert-courses .cr-catalog__grid.courses.grid .item a:not(.button),
.expert-courses .cr-catalog__grid.courses.grid .item a:not(.button):hover {
	text-decoration: none;
}
.expert-articles-grid a,
.expert-articles-grid a:hover {
	text-decoration: none;
}

/* ---- Responsive ---- */
@media (max-width: 767px) {
	.expert-profile { padding: 28px 0 36px; }
	.expert-page .expert-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 28px 20px;
		gap: 24px;
	}
	.expert-card-sidebar {
		width: 100%;
	}
	.expert-card-avatar {
		width: 120px;
		height: 120px;
	}
	.expert-avatar-placeholder { font-size: 40px; }
	.expert-card-name { font-size: 26px; }
	.expert-page .expert-card-roles { justify-content: center; }
	.expert-page .expert-card-exp { justify-content: center; }
	.expert-card-bio { text-align: left; }
	.expert-stats-bar { gap: 6px; }
	.expert-stat-item { padding: 10px 18px; }
	.expert-stat-num { font-size: 22px; }
	.expert-section { padding: 36px 0 0; }
	.expert-section-title { font-size: 24px; }
	.expert-articles-grid { grid-template-columns: 1fr; }
	.expert-article-card { flex-direction: column; }
	.expert-article-cover { width: 100%; height: 160px; }
	.expert-reviews-list { grid-template-columns: 1fr; }
	.expert-courses .cr-catalog__grid.courses.grid { grid-template-columns: 1fr; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.expert-page .expert-card { gap: 40px; padding: 32px; }
	.expert-card-sidebar { width: 280px; }
	.expert-card-avatar { width: 130px; height: 130px; }
	.expert-card-name { font-size: 28px; }
	.expert-articles-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
	.expert-reviews-list { grid-template-columns: 1fr; }
	.expert-courses .cr-catalog__grid.courses.grid { grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================================
   Experts Archive  (/expert/)
   ========================================================================== */

.experts-archive {
	padding-bottom: 64px;
}
.experts-archive-header {
	display: flex;
	align-items: baseline;
	gap: 16px;
	margin-bottom: 32px;
	padding-top: 8px;
}
.experts-archive-title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #272B37;
	margin: 0;
}
.experts-archive-count {
	font-size: 16px;
	color: #999;
	font-weight: 400;
}
.experts-archive-intro {
	margin: -12px 0 36px;
	max-width: 760px;
	color: #555;
	font-size: 15px;
	line-height: 1.7;
}
.experts-archive-intro p {
	margin: 0 0 12px;
}
.experts-archive-intro p:last-child {
	margin-bottom: 0;
}

/* Grid: 4 columns */
.experts-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

/* Card */
.expert-grid-card {
	display: block;
	text-decoration: none;
	color: inherit;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #EDEDF0;
	transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.expert-grid-card:hover {
	border-color: #D8D0F0;
	box-shadow: 0 8px 28px rgba(115, 36, 255, 0.1);
	transform: translateY(-4px);
	text-decoration: none;
}

/* Square photo */
.expert-grid-photo {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background: #F5F3FA;
}
.expert-grid-photo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
}
.expert-grid-card:hover .expert-grid-photo img {
	transform: scale(1.05);
}
.expert-grid-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter Tight', sans-serif;
	font-size: 64px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, #B388FF, #7324FF);
}

/* Hover overlay button */
.expert-grid-hover {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 14px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(0deg, rgba(115, 36, 255, 0.85) 0%, rgba(115, 36, 255, 0) 100%);
	opacity: 0;
	transform: translateY(8px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.expert-grid-card:hover .expert-grid-hover {
	opacity: 1;
	transform: translateY(0);
}

/* Info block */
.expert-grid-info {
	padding: 16px 18px 20px;
}
.expert-grid-name {
	font-family: 'Inter Tight', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #272B37;
	line-height: 1.3;
	margin-bottom: 4px;
}
.expert-grid-card:hover .expert-grid-name {
	color: #7324FF;
}
.expert-grid-position {
	font-size: 13px;
	color: #888;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Metrics row */
.expert-grid-metrics {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 8px;
}
.egm {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 8px;
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
}
.egm svg {
	flex-shrink: 0;
}
/* Преподаватель курсов */
.egm--teach {
	background: #EDE7FB;
	color: #7324FF;
}
/* Автор обзоров курсов */
.egm--cauth {
	background: #FFF3E0;
	color: #D17A00;
}
/* Эксперт обзоров курсов */
.egm--cexp {
	background: #E3F5EC;
	color: #1A8C50;
}
/* Автор статей */
.egm--aauth {
	background: #E8F0FE;
	color: #1967D2;
}
/* Эксперт статей */
.egm--aexp {
	background: #FCE4EC;
	color: #C2185B;
}

/* Counter */
.experts-archive-counter {
	text-align: center;
	font-size: 14px;
	color: #999;
	margin: 32px 0 8px;
}

/* Responsive */
@media (max-width: 1199px) {
	.experts-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
}
@media (max-width: 767px) {
	.experts-archive-header {
		flex-direction: column;
		gap: 4px;
	}
	.experts-archive-title {
		font-size: 26px;
	}
	.experts-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
	.expert-grid-info {
		padding: 12px 14px 16px;
	}
	.expert-grid-name {
		font-size: 14px;
	}
	.expert-grid-placeholder {
		font-size: 48px;
	}
}
@media (max-width: 479px) {
	.experts-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

/* ══════════════════════════════════════════════
   Taxonomy Page — Intro, Stats, Children, FAQ
   ══════════════════════════════════════════════ */

/* ─── Intro row: text + expert card ─── */
.cr-taxonomy-intro {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	margin-bottom: 24px;
}
.cr-taxonomy-intro__text {
	flex: 1;
	min-width: 0;
}
.cr-taxonomy-intro__expert {
	flex-shrink: 0;
	width: 280px;
}
#cr-catalog .expert-card {
	gap: 0;
	padding: 30px;
}
@media (max-width: 768px) {
	.cr-taxonomy-intro {
		flex-direction: column;
		gap: 16px;
	}
	.cr-taxonomy-intro__expert {
		width: 100%;
	}
}

/* ─── Stats block ─── */
.cr-taxonomy-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 12px;
}
.cr-taxonomy-stats__item {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 8px 16px;
	background: #F5F6FA;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
}
.cr-taxonomy-stats__value {
	font-weight: 700;
	color: #272B37;
}
.cr-taxonomy-stats__label {
	color: #8A8F9E;
}

/* ─── Stat tooltip ─── */
.cr-stat-tip {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: help;
	color: #B0B5C3;
	vertical-align: middle;
	margin-left: 2px;
}
.cr-stat-tip:hover {
	color: #6C5CE7;
}
.cr-stat-tip::after {
	content: attr(data-tip);
	position: absolute;
	left: 50%;
	top: calc(100% + 8px);
	transform: translateX(-50%);
	background: #272B37;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.45;
	padding: 10px 14px;
	border-radius: 8px;
	width: 260px;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s, visibility 0.15s;
	z-index: 100;
	box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.cr-stat-tip:hover::after {
	opacity: 1;
	visibility: visible;
}

/* ─── Subcategory / sibling tags ─── */
.cr-taxonomy-children {
	margin-bottom: 24px;
	padding: 20px 24px;
	background: #F9FAFB;
	border-radius: 12px;
}
.cr-taxonomy-children__title {
	font-size: 18px;
	font-weight: 700;
	color: #272B37;
	margin: 0 0 14px;
}
.cr-taxonomy-children__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.cr-taxonomy-children__tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 20px;
	font-size: 14px;
	color: #272B37;
	text-decoration: none;
	transition: border-color 0.2s, background 0.2s;
}
.cr-taxonomy-children__tag:hover {
	border-color: #7324FF;
	background: #F3ECFF;
	color: #7324FF;
	text-decoration: none;
}
.cr-taxonomy-children__count {
	font-size: 12px;
	color: #8A8F9E;
	background: #F0F1F5;
	padding: 1px 7px;
	border-radius: 10px;
}
.cr-taxonomy-children__tag:hover .cr-taxonomy-children__count {
	background: #E8DAFF;
	color: #7324FF;
}
.cr-taxonomy-children__tag--hidden {
	display: none;
}
.cr-taxonomy-children--expanded .cr-taxonomy-children__tag--hidden {
	display: inline-flex;
}
.cr-taxonomy-children__toggle {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 12px;
	padding: 6px 16px;
	background: #fff;
	border: 1px solid #E4E9F2;
	border-radius: 20px;
	font-size: 14px;
	color: #7324FF;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.cr-taxonomy-children__toggle:hover {
	border-color: #7324FF;
	background: #F3ECFF;
}
/* Expanded state: flex layout, button on the left as sticky vertical sidebar */
.cr-taxonomy-children--expanded {
	display: flex;
	flex-wrap: wrap;
}
.cr-taxonomy-children--expanded > .cr-taxonomy-children__title {
	width: 100%;
}
.cr-taxonomy-children--expanded > .cr-taxonomy-children__toggle {
	order: 1;
	position: sticky;
	top: 120px;
	align-self: flex-start;
	flex-shrink: 0;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	margin-top: 0;
	margin-right: 16px;
	padding: 12px 8px;
	border-radius: 12px;
	background: #fff;
	border-color: #7324FF;
	box-shadow: 0 2px 12px rgba(115, 36, 255, 0.12);
	z-index: 10;
	white-space: nowrap;
	letter-spacing: 0.5px;
}
.cr-taxonomy-children--expanded > .cr-taxonomy-children__list {
	order: 2;
	flex: 1;
	min-width: 0;
}
@media (max-width: 768px) {
	.cr-taxonomy-children--expanded {
		display: block;
	}
	.cr-taxonomy-children--expanded > .cr-taxonomy-children__toggle {
		position: sticky;
		bottom: 16px;
		top: auto;
		writing-mode: horizontal-tb;
		margin-right: 0;
		margin-top: 12px;
		padding: 6px 16px;
		border-radius: 20px;
	}
}

/* ─── FAQ section (taxonomy pages) ─── */
.cr-taxonomy-faq {
	margin-top: 48px;
	margin-bottom: 0;
}
.cr-taxonomy-faq__title {
	font-size: 24px;
	font-weight: 700;
	color: #272B37;
	margin: 0 0 20px;
}
.cr-taxonomy-faq__list {
	max-width: 800px;
}
.cr-taxonomy-faq__item {
	border: 1px solid #E4E9F2;
	border-radius: 12px;
	margin-bottom: 10px;
	overflow: hidden;
	transition: border-color 0.2s;
}
.cr-taxonomy-faq__item[open] {
	border-color: #7324FF;
}
.cr-taxonomy-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 24px;
	font-size: 17px;
	font-weight: 600;
	color: #272B37;
	cursor: pointer;
	list-style: none;
	user-select: none;
}
.cr-taxonomy-faq__question::-webkit-details-marker {
	display: none;
}
.cr-taxonomy-faq__question::marker {
	content: '';
}
.cr-taxonomy-faq__chevron {
	flex-shrink: 0;
	transition: transform 0.25s ease;
	color: rgba(39, 43, 55, 0.4);
}
.cr-taxonomy-faq__item[open] .cr-taxonomy-faq__chevron {
	transform: rotate(180deg);
	color: #7324FF;
}
.cr-taxonomy-faq__answer {
	padding: 0 24px 20px;
	font-size: 16px;
	color: #4A4F5E;
	line-height: 1.65;
}
.cr-taxonomy-faq__answer p {
	margin: 0 0 12px;
}
.cr-taxonomy-faq__answer p:last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.cr-taxonomy-children {
		padding: 16px;
	}
	.cr-taxonomy-faq__question {
		font-size: 16px;
		padding: 16px 18px;
	}
	.cr-taxonomy-faq__answer {
		padding: 0 18px 16px;
		font-size: 15px;
	}
	.cr-taxonomy-stats {
		gap: 6px;
	}
	.cr-taxonomy-stats__item {
		padding: 6px 12px;
		font-size: 13px;
	}
}

/* Methodology block */
.cr-methodology {
	margin-top: 24px;
	padding: 20px 24px;
	background: #f8f8fa;
	border-radius: 12px;
	border-left: 3px solid var(--purple, #6c5ce7);
}
.cr-methodology__title {
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 10px;
	color: #333;
}
.cr-methodology__text p {
	font-size: 14px;
	line-height: 1.6;
	color: #555;
	margin: 0 0 8px;
}
.cr-methodology__text p:last-child {
	margin-bottom: 0;
}

/* Affiliate disclosure */
.cr-disclosure {
	margin-top: 16px;
	padding: 12px 16px;
	background: #fafafa;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.5;
	color: #888;
}

/* Social proof near CTA */
.cr-social-proof {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #777;
	margin-top: 8px;
}
.cr-social-proof__rating {
	color: #f5a623;
	font-weight: 600;
}
.cr-social-proof__views {
	color: #999;
}

/* Spec table pills */
.spec-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.spec-pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 14px;
	background: #F3ECFF;
	border: 1px solid #E4D8F9;
	border-radius: 6px;
	color: #5A14CC;
	font-size: 14px;
	line-height: 1.4;
}
.spec-pill--green {
	background: #E8F5E9;
	border-color: #C8E6C9;
	color: #2E7D32;
}

.course-audience__link {
	display: inline-block;
	margin-top: 12px;
	color: #E8872E;
	font-weight: 600;
	text-decoration: none;
}
.course-audience__link:hover {
	text-decoration: underline;
}

/* Course intro pills (skills & tools) */
.course-intro-pills {
	display: flex;
	gap: 24px;
	margin-top: 24px;
	flex-wrap: wrap;
}
.course-intro-pills__group {
	flex: 1;
	min-width: 0;
}
.course-intro-pills__label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: rgba(255,255,255,0.6);
	margin-bottom: 8px;
}
.course-intro-pills__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.course-intro-pill {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 6px;
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
	transition: background 0.2s, border-color 0.2s;
	white-space: nowrap;
}
.course-intro-pill:hover {
	background: rgba(255,255,255,0.92);
	border-color: #fff;
	color: #5A14CC;
	text-decoration: none;
}
.course-intro-pill--tool {
	background: rgba(232,135,46,0.15);
	border-color: rgba(232,135,46,0.3);
}
.course-intro-pill--tool:hover {
	background: rgba(255,255,255,0.92);
	border-color: #fff;
	color: #C06A10;
}
@media (max-width: 768px) {
	.course-intro-pills {
		flex-direction: column;
		gap: 16px;
	}
}

/* ============================================================
   Static / Default Page (page.php)
   Чистый типографичный layout для обычных страниц WordPress
   ============================================================ */

.static-page {
	padding: 40px 0 80px;
}

.static-page__inner {
	max-width: 780px;
	margin: 0 auto;
}

/* Header */
.static-page__header {
	margin-bottom: 40px;
}

.static-page__title {
	font-family: 'Inter Tight', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #272B37;
	line-height: 1.2;
	margin: 0 0 24px;
}

/* Optional featured image */
.static-page__hero {
	margin-top: 24px;
	border-radius: 16px;
	overflow: hidden;
}
.static-page__hero-img {
	width: 100%;
	height: auto;
	display: block;
}

/* Content — inherits all .article-content typography */
.static-page__content {
	font-size: 16px;
	line-height: 1.75;
	color: #333;
}

/* Pagination for <!--nextpage--> */
.static-page__pagination {
	margin-top: 40px;
	font-size: 14px;
	color: #666;
}
.static-page__pagination span {
	display: inline-block;
	margin: 0 4px;
}
.static-page__pagination a {
	color: #7324FF;
	text-decoration: none;
}
.static-page__pagination a:hover {
	text-decoration: underline;
}

/* Edit link (admin only) */
.static-page__edit-link {
	margin-top: 48px;
	padding-top: 16px;
	border-top: 1px solid #EDEDF0;
}
.static-page__edit-link a {
	font-size: 13px;
	color: #999;
	text-decoration: none;
}
.static-page__edit-link a:hover {
	color: #7324FF;
}

/* Responsive */
@media (max-width: 768px) {
	.static-page {
		padding: 24px 0 56px;
	}
	.static-page__title {
		font-size: 26px;
	}
}

/* ============================================================
   Heart button — двойной удар при клике
   ============================================================ */

@keyframes heart-beat {
    0%   { transform: scale(1); }
    20%  { transform: scale(1.5); }
    40%  { transform: scale(0.9); }
    60%  { transform: scale(1.35); }
    80%  { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.courses .like--beating {
    animation: heart-beat 0.5s ease-in-out;
}

/* Favorites page — bottom spacing */
.favorites-page {
    padding-bottom: 100px;
}

/* ============================================================
   Comparison page — полная таблица сравнения курсов
   ============================================================ */

.comparison-page {
    padding: 30px 0 100px;
}

/* Sticky header with count + toggle */
.comparison-header {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 14px 0 20px;
    border-bottom: 1px solid #e8eaed;
    margin-bottom: 20px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 10;
}
.comparison-header .count {
    font-size: 15px;
    color: #7a8094;
}
.comparison-header .difference-switcher {
    font-size: 14px;
    font-weight: 500;
    color: #3a6bff;
    background: none;
    border: 1px solid #3a6bff;
    border-radius: 6px;
    padding: 6px 14px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.comparison-header .difference-switcher.active,
.comparison-header .difference-switcher:hover {
    background: #3a6bff;
    color: #fff;
}

/* Table wrapper — horizontal scroll */
.comparison-table-wrapper {
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Navigation arrows */
.comparison-nav {
    position: absolute;
    top: 60px;
    z-index: 5;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #e8eaed;
    background: #fff url("../img/arrow.svg") 50% 50% / 10px no-repeat;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    transition: opacity 0.2s;
}
.comparison-nav.prev {
    left: 4px;
    transform: rotate(180deg);
}
.comparison-nav.next {
    right: 4px;
}
.comparison-nav.disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* The table itself */
.comparison-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* Label column — sticky left */
.comparison-table thead th.label-col,
.comparison-table tbody th,
.comparison-table tfoot td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 2;
    min-width: 130px;
    width: 130px;
    font-size: 14px;
    font-weight: 500;
    color: #7a8094;
    vertical-align: middle;
    padding: 12px 16px 12px 0;
    border-bottom: 1px solid #f0f1f4;
}

/* Course columns */
.comparison-table thead th:not(.label-col),
.comparison-table tbody td,
.comparison-table tfoot td:not(:first-child) {
    min-width: 210px;
    width: 210px;
    max-width: 240px;
    vertical-align: top;
    padding: 12px 12px;
    border-bottom: 1px solid #f0f1f4;
    font-size: 14px;
    color: #272b37;
}

/* Course header cell */
.comparison-table thead th:not(.label-col) {
    vertical-align: top;
    padding-bottom: 16px;
    border-bottom: 2px solid #e8eaed;
    background: #fff;
    position: sticky;
    top: 55px;
    z-index: 3;
}
.comparison-table thead th.label-col {
    top: 55px;
    z-index: 4;
}

/* Course cover image */
.comparison-table__cover {
    display: block;
    margin-bottom: 10px;
}
.comparison-table__cover img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 1;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* Course title */
.comparison-table .title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #272b37;
    line-height: 1.4;
    margin-bottom: 8px;
    text-decoration: none;
}
.comparison-table .title:hover {
    color: #3a6bff;
}

/* Lock / Remove controls */
.comparison-table__controls {
    display: flex;
    gap: 6px;
    align-items: center;
}
.comparison-table .lock {
    width: 24px;
    height: 24px;
    border: 1px solid #e0e2e9;
    border-radius: 4px;
    background: url("../img/lock-blue.svg") 50% 50% / 12px no-repeat;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.15s;
}
.comparison-table .lock:hover,
.comparison-table thead th.locked .lock {
    opacity: 1;
}
.comparison-table .remove {
    width: 24px;
    height: 24px;
    border: 1px solid #e0e2e9;
    border-radius: 4px;
    background: none;
    font-size: 16px;
    line-height: 1;
    color: #9da3b4;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comparison-table .remove:hover {
    color: #e8192c;
    border-color: #e8192c;
}

/* Old price */
.comparison-table__old-price {
    display: block;
    font-size: 12px;
    color: #9da3b4;
    text-decoration: line-through;
}

/* Обзор — только ссылка по центру ячейки, Primary Color */
.comparison-table__overview-cell {
    text-align: center;
    vertical-align: middle;
}
.comparison-table__review-link {
    font-size: 14px;
    font-weight: 600;
    color: #7324FF;
    text-decoration: none;
}
.comparison-table__review-link:hover {
    text-decoration: underline;
    color: #5a1cc7;
}

/* tfoot CTA row */
.comparison-table tfoot td {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: none;
}

/* Show only differences */
.comparison-table.different-only tbody tr:not(.different) {
    display: none;
}
.comparison-table.different-only tbody tr.different td,
.comparison-table.different-only tbody tr.different th {
    background: #fffbf0;
}

/* Locked column highlight */
.comparison-table thead th.locked {
    background: #f8f9ff;
}
.comparison-table thead th.locked ~ th {
    background: #fff;
}

/* Empty state */
.comparison-empty {
    padding: 60px 20px;
    text-align: center;
}
.comparison-empty .empty-state__icon {
    font-size: 48px;
    margin-bottom: 16px;
}
.comparison-empty .empty-state__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.comparison-empty .empty-state__text {
    color: #7a8094;
    margin-bottom: 24px;
}

/* Responsive */
@media (max-width: 767px) {
    .comparison-table thead th:not(.label-col),
    .comparison-table tbody td,
    .comparison-table tfoot td:not(:first-child) {
        min-width: 160px;
        width: 160px;
    }
    .comparison-table thead th.label-col,
    .comparison-table tbody th,
    .comparison-table tfoot td:first-child {
        min-width: 100px;
        width: 100px;
        font-size: 12px;
        padding-right: 10px;
    }
    .comparison-header {
        top: 56px;
    }
    .comparison-table thead th:not(.label-col) {
        top: 110px;
    }
    .comparison-table thead th.label-col {
        top: 110px;
    }
}

/* ============================================================
   Compare button — более заметный активный стейт
   ============================================================ */

/* Каталог курсов — карточка в сетке */
.courses .compare.active,
.courses .compare:not(.focus):hover {
    background-image: url("../img/comparison-active.svg?v=2") !important;
}
.courses .compare.active {
    position: relative;
}
.courses .compare.active::after {
    content: '';
    position: absolute;
    inset: -4px;
    background: rgba(255, 99, 26, 0.12);
    border-radius: 4px;
    pointer-events: none;
}

/* Список курсов */
.courses.list .compare,
.courses.list .compare.active {
    background-image: url("../img/comparison-active.svg?v=2") !important;
}

/* ============================================================
   Comparison page v2 — outer wrapper + nav fix
   ============================================================ */

.comparison-table-outer {
    position: relative;
    padding: 0 50px;
}

.comparison-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Re-position nav buttons to outer wrapper (not inside scroll) */
.comparison-table-outer .comparison-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.comparison-table-outer .comparison-nav.prev {
    left: 4px;
    transform: translateY(-50%) rotate(180deg);
}
.comparison-table-outer .comparison-nav.next {
    right: 4px;
}

/* Fix label column padding */
.comparison-table tbody th {
    padding-right: 20px;
    white-space: nowrap;
}

/* ============================================================
   Comparison table v3 — scroll-based nav, width fix, × hover
   ============================================================ */

/* Outer: relative container for nav buttons */
.comparison-table-outer {
    position: relative;
    padding: 0 46px;
}

/* Scroll container — horizontal scroll, all columns visible */
.comparison-table-outer .comparison-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: auto;
}

/* Show ALL columns (override old nth-child display:none rules) */
.comparison-table-outer .comparison-table th,
.comparison-table-outer .comparison-table td {
    display: table-cell !important;
    box-sizing: border-box;
    vertical-align: middle;
}

/* Label column — consistent width, bold black, left padding 10px */
.comparison-table thead th.label-col,
.comparison-table tbody th,
.comparison-table tfoot td:first-child {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    font-weight: 700 !important;
    color: #272b37 !important;
    padding: 12px 16px 12px 10px !important;
    white-space: nowrap;
}

/* Course columns — uniform width */
.comparison-table thead th:not(.label-col),
.comparison-table tbody td,
.comparison-table tfoot td:not(:first-child) {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
}

/* tfoot CTA button — влезает в колонку, оранжевая, белый текст, при hover — белое подчёркивание */
.comparison-table tfoot .button {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
    height: 38px !important;
    box-sizing: border-box;
    background: #FF9C42 !important;
    color: #fff !important;
    border: none !important;
    text-decoration: none !important;
}
.comparison-table tfoot .button:hover {
    background: #e88a2e !important;
    color: #fff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Cover image — keep 3:1 aspect ratio */
.comparison-table .comparison-table__cover {
    aspect-ratio: 3 / 1;
    overflow: hidden;
    border-radius: 8px;
}
.comparison-table .comparison-table__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Header not sticky — avoid overlapping first row */
.comparison-table thead th {
    position: relative !important;
    top: auto !important;
}
.comparison-table thead th.label-col {
    top: auto !important;
}

/* Remove button — smaller, on hover above column */
.comparison-table thead th:not(.label-col) {
    position: relative;
    overflow: visible;
}
.comparison-table thead th:not(.label-col) .remove {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid #e0e2e9 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.1) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #9da3b4 !important;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0;
    transition: opacity 0.15s, color 0.15s, border-color 0.15s;
    z-index: 5;
}
.comparison-table thead th:not(.label-col):hover .remove {
    opacity: 1;
}
.comparison-table thead th:not(.label-col) .remove:hover {
    color: #e8192c !important;
    border-color: #e8192c !important;
    opacity: 1 !important;
}

/* Hide old lock button controls div padding */
.comparison-table__controls {
    display: none;
}

/* Nav buttons reposition for outer */
.comparison-table-outer .comparison-nav {
    position: absolute;
    top: 80px;
    z-index: 10;
}
.comparison-table-outer .comparison-nav.prev {
    left: 2px;
    transform: rotate(180deg);
}
.comparison-table-outer .comparison-nav.next {
    right: 2px;
    transform: none;
}

/* ==========================================================================
   404 Page
   ========================================================================== */

.error-404 {
    padding: 100px 0 120px;
}

.error-404__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 860px;
    margin: 0 auto;
}

.error-404__code {
    font-size: 160px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(94.43deg, #FFA14C, #FF5A13);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 16px;
    letter-spacing: -4px;
}

.error-404__title {
    font-size: 36px;
    font-weight: 700;
    color: #272B37;
    margin: 0 0 24px;
    line-height: 1.2;
}

.error-404__description {
    font-size: 18px;
    line-height: 1.7;
    color: rgba(39, 43, 55, 0.65);
    margin-bottom: 40px;
}

.error-404__description p {
    margin: 0 0 8px;
}

.error-404__description p:last-child {
    margin-bottom: 0;
}

.error-404__search {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 680px;
    margin-bottom: 48px;
}

.error-404__search-input {
    flex: 1;
    height: 60px;
    padding: 0 24px;
    font-size: 17px;
    color: #272B37;
    background: #fff;
    border: 1.5px solid rgba(39, 43, 55, 0.15);
    border-radius: 14px;
    outline: none;
    transition: border-color 0.2s;
}

.error-404__search-input:focus {
    border-color: #7324FF;
}

.error-404__search-input::placeholder {
    color: rgba(39, 43, 55, 0.4);
}

.error-404__search-btn {
    width: 60px;
    height: 60px;
    padding: 0;
    border: none;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #7324FF;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s;
}

.error-404__search-btn:hover {
    background-color: #9B5FFF;
}

.error-404__actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 60px;
    justify-content: center;
    align-items: center;
}

.error-404__actions .button.skewed {
    margin-left: 0;
}

@media (max-width: 767px) {
    .error-404 {
        padding: 60px 0 80px;
    }

    .error-404__code {
        font-size: 100px;
    }

    .error-404__title {
        font-size: 26px;
    }

    .error-404__description {
        font-size: 16px;
    }

    .error-404__search {
        flex-direction: row;
        align-items: center;
    }

    .error-404__search-input {
        height: 52px;
    }

    .error-404__search-btn {
        width: 52px;
        height: 52px;
        flex-shrink: 0;
    }

    .error-404__actions {
        flex-wrap: wrap;
        gap: 16px;
        flex-direction: row;
        width: 100%;
    }

    .error-404__actions .button.skewed {
        text-align: center;
    }
}