<!doctype html>
<html lang="ru">
<head>
		<script src="/public/flat-ui/js/jquery-2.0.3.min.js"></script>
	<script>
		if (location.protocol === 'http:' || location.protocol === 'http') {
			location.protocol = 'https:'
		}
	</script>
	<title>GetCourse – платформа для запуска курсов, онлайн-школы</title><!-- test tag -->
	<link rel="shortcut icon" href="https://fs08.getcourse.ru/fileservice/file/download/a/116/sc/49/h/37b7d3820687302da933f3d0b58f3a27.ico">

<!--	<link rel="preconnect" href="https://fs.getcourse.ru" />-->
<!--	<link rel="dns-prefetch" href="https://fs.getcourse.ru" />-->

	<link rel="canonical" href="https://getcourse.ru/">

	<meta charset="utf-8">
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="theme-color" content="#34495e" />


	<meta name="description" content="Геткурс – платформа для запуска онлайн курса, школы, лучшее решение для дистанционного обучения взрослых и детей, проведения вебинаров, тренингов и марафонов.">
	<meta property="og:title" content="GetCourse – платформа для запуска курсов, онлайн-школы"/>
	<meta property="og:description" content="Геткурс – платформа для запуска онлайн курса, школы, лучшее решение для дистанционного обучения взрослых и детей, проведения вебинаров, тренингов и марафонов."/>
	<meta property="og:url" content="https://getcourse.ru/"/>
	<meta property="fb:app_id" content="1437814016454992"/>
	<meta property="vk:image" content="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/147/h/eaa220016e9fe0b9f2989361e4614c9a.png" />

	<link rel="stylesheet" href="/public/main-page/assets/menu.2023.09.05.css">

	<!-- refunnels counter start-->
	<script src="https://getcourse.ru/chtm/s/metric/clarity.js"></script>
	<!-- refunnels counter end-->
</head>

<body style="background-color: transparent;">

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CVDSKYRYG9"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-CVDSKYRYG9');
</script>

<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');

    ym(25729376, 'init', {webvisor:true, trackHash:true, clickmap:true, referrer: document.referrer, url: location.href, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/25729376" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<!-- styles -->
<style>
	@font-face {
		font-family: 'Roboto';
		src: url('/fileservice/file/download/h/b1222ee8763be00757d1f9f6f99f3ec4.woff/a/116/sc/210') format('woff');
		font-style: normal;
		font-weight: 400;
		font-display: swap;
	}
	@font-face {
		font-family: 'Roboto';
		src: url('/fileservice/file/download/h/e06b760ad06d9bbb3f85dce60ebbd971.woff/a/116/sc/382') format('woff');
		font-style: normal;
		font-weight: 700;
		font-display: swap;
	}

	* {
		padding: 0;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		-webkit-tap-highlight-color: transparent;
	}

	*:focus-visible, *:focus {
		outline: 0;
	}
	body {
		font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 16px;
		line-height: 1.42857143;
		color: #34495e;
		background-color: #fff;
		-webkit-font-smoothing: antialiased;

		transition: padding-left 0.4s;
	}

	.gc-account-leftbar {
		left: -70px !important;
		transition: left 0.4s;
	}

	body.__with-menu .gc-account-leftbar {
		left: 0px !important;
	}

	@media (min-width: 770px) {

		body.__with-menu {
			padding-left: 70px;
		}

	}

	.Common__header {
		font-size: 50px;
		line-height: 1.2;
		font-weight: 700;
		text-align: center;
		width: 66%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.Common__header.__left {
		text-align: left;
	}

	.Common__header.__wide {
		width: 100%;
	}

	.Common__header.__white {
		color: white;
	}

	.Common__section {
		padding: 105px 0;
		background-color: white;
		overflow-x: hidden;
	}

	.Common__container {
		max-width: 1200px;
		margin: 0 auto;
	}

	.Common__container.__center {
		text-align: center;
	}

	@media (max-width: 600px) {

		.Common__header {
			width: 100%;
			font-size: 32px;
		}

		.Common__container {
			max-width: 390px;
			padding: 0 15px;
		}

		.Common__section {
			padding: 70px 0;
		}

	}

</style>

<style>

	.Button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		color: #FFFFFF;
		background-color: #2dbeb1;
		height: 80px;
		padding: 0 30px 0 30px;
		border: none;
		border-radius: 50px;
		outline: none;

		font-size: 22px;
		text-transform: uppercase;
	}

	.Button__arrow {
		margin-left: 18px;
	}

	@media (max-width: 600px) {

		.Button {
			padding: 0 15px 0 15px;
			font-size: 16px;
			text-align: center;
			height: 65px;
			line-height: 1;
			width: 100%;
		}

		.Button__arrow {
			display: none;
		}

	}

</style>

<style>

	.ButtonOutline {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		color: #2dbeb1;
		border: 1px solid #2dbeb1;
		border-radius: 50px;
		background-color: transparent;
		height: 80px;
		padding: 0 30px 0 30px;
		outline: none;

		font-size: 22px;
		text-transform: uppercase;
	}

	.ButtonOutline__arrow {
		margin-left: 18px;
	}

	@media (max-width: 600px) {

		.ButtonOutline {
			padding: 0 15px 0 15px;
			font-size: 16px;
			text-align: center;
			height: 65px;
			line-height: 1;
			width: 100%;
		}

		.ButtonOutline__arrow {
			display: none;
		}

	}

</style>
<!-- End styles -->

<!-- header -->
<div class="Header">
	<div id="Header__video-wrapper">
		<div id="Header__video-iframe"></div>
		<div class="Header__video-cover">
			<div class="Header__video-cover-wrapper">
				<h1 class="Header__title">Платформа «всё в&nbsp;одном» для запуска вашей <nobr>онлайн-школы</nobr></h1>
				<p class="Header__sub-title">Создавайте онлайн-курсы, собирайте базу, принимайте оплаты через&nbsp;Get&nbsp;Модуль, управляйте процессами легко и&nbsp;быстро</p>
				<div class="Header__typing">
					<em>
						<span class="Header__typing-text">Богатейший функционал среди образовательных платформ</span><span class="Header__typing-cursor"></span>
					</em>
				</div>

				<div class="Common__container">
					<div class="Header_buttons">
						<a href='https://getcourse.ru/register'>Запустить проект бесплатно</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<style>

	.Header {
		min-height: 800px;
		background-color: #05132a;
		color: white;
		position: relative;
	}

	@media screen and (max-height: 800px) and (min-width: 600px) {
		.Header {
			min-height: 780px;
		}
	}

	#Header__video-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		overflow: hidden;

		background-image: url('/public/main-page/assets/cover-mobile.jpg/');
		background-size: cover;
		background-position: 50% 50%;
	}

	#Header__video-iframe {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		margin: auto;

		opacity: 0;
		transition: opacity 1s;
	}

	#Header__video-wrapper.__playing #Header__video-iframe {
		opacity: 1;
	}

	.Header__video-cover {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 2;

		padding-top: 160px;

		background-image: -webkit-gradient(linear, left top, left bottom, from(#09131d80), to(#09131d80));
	}

	.Header__title {
		font-size: 54px;
		line-height: 1.2;
		max-width: 800px;
		margin: 0 auto 25px auto;
	}

	.Header__sub-title {
		font-size: 30px;
		line-height: 39px;
		max-width: 700px;
		margin: 0 auto 45px auto;
	}

	.Header__typing {
		margin-bottom: 35px;
		padding: 0 40px;
		overflow: hidden;
	}

	.Header__typing em {
		font-size: 20px;
		line-height: 49px;
		color: black;
		background-color: white;
		padding: 13px 10px;
		position: relative;

		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}

	.Header__typing em::before {
		content: ' ';
		position: absolute;
		top: 0;
		left: -15px;
		transform: skew(170deg);
		z-index: -1;
		width: 24px;
		height: 48px;
		background-color: white;
	}

	.Header__typing em::after {
		content: ' ';
		position: absolute;
		top: 0;
		/*right: -15px;*/
		transform: skew(170deg);
		z-index: -1;
		width: 24px;
		height: 48px;
		background-color: white;
	}

	.Header__typing-cursor {
		width: 2px;
		height: 25px;
		display: inline-block;
		background-color: black;
		animation-name: xxx;
		animation-duration: 0.7s;
		animation-iteration-count: infinite;
		transform: skew(170deg);
		position: relative;
		top: 5px;
	}
	.Header_buttons {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.Header_buttons a {
		font-weight: 700;
		font-size: 22px;
		line-height: 1.2;
		color: #fff;
		text-decoration: none;
		background: #2dbeb1;
		border: 4px solid #2dbeb1;
		border-radius: 96px;
		min-height: 80px;
		max-width: 350px;
		width: 100%;
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.Header_buttons a:not(:last-child) {
		margin-right: 15px;
	}

	@keyframes xxx {
		0% {
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}

	.Header__video-cover-wrapper {
		margin: 0 auto;
		text-align: center;
	}

	@media (max-width: 600px) {

		.Header {
			min-height: 760px;
		}

		.Header__title {
			font-size: 32px;
			line-height: 1.2;
			max-width: 360px;
		}

		.Header__sub-title {
			font-size: 18px;
			line-height: 1.3;
			max-width: 360px;
			margin: 0 auto 30px auto;
		}

		.Header__typing {
			height: 80px;
			padding: 0 20px;
			margin-bottom: 40px;
			overflow: unset;
		}

		.Header__typing em {
			font-style: normal;
			font-size: 16px;
			line-height: 46px;
		}

		.Header__typing em::before,
		.Header__typing em::after {
			display: none;
		}

		.Header__typing-cursor {
			transform: none;
		}
		.Header_buttons {
			flex-direction: column;
		}
		.Header_buttons a {
			font-size: 16px;
			border: 2px solid #2dbeb1;
			min-height: 65px;
			max-width: 100%;
			width: 100%;
		}
		.Header_buttons a:not(:last-child) {
			margin-right: 0;
			margin-bottom: 15px;
		}

	}

	@media (min-width: 600px) {

		#Header__video-wrapper {
			background-image: url('/public/main-page/assets/cover.jpg');
		}

	}

</style>
<!-- End header -->

<!-- metrics -->
<div class="Metrics Common__section">
	<div class="Common__container">
		<h2 class="Common__header">70% онлайн-школ в России работает на GetCourse</h2>
	</div>

	<div class="Metrics__cards">
		<div class="Metric__card">
			<div class="Metric__card-title">158&nbsp;млрд&nbsp;руб.</div>
			<div class="Metric__card-description">совокупный доход онлайн-школ на&nbsp;GetCourse за&nbsp;2025&nbsp;год</div>
		</div>
		<div class="Metric__card">
			<div class="Metric__card-title">50&nbsp;000+&nbsp;клиентов</div>
			<div class="Metric__card-description">cоздали курсы на&nbsp;платформе GetCourse с&nbsp;2013&nbsp;года</div>
		</div>
	</div>

	<div class="Metrics__cards">
		<div class="Metric__card">
			<div class="Metric__card-title">12+&nbsp;лет</div>
			<div class="Metric__card-description">на рынке онлайн-обучения</div>
		</div>
		<div class="Metric__card">
			<div class="Metric__card-title">16&nbsp;млн&nbsp;учеников </div>
			<div class="Metric__card-description">покупали обучение на&nbsp;GetCourse</div>
		</div>
	</div>

	<div class="Common__container __center">
		<a class='ButtonOutline' href='https://getcourse.ru/register'>
			<span>Запустить проект бесплатно</span>
			<svg class="ButtonOutline__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
		</a>
	</div>
</div>

<style>

	.Metrics__content {
		max-width: 1200px;
		width: auto;
		margin: 0 auto;
		text-align: center;
	}

	.Metrics__cards {
		max-width: 1304px;
		margin: 0 auto 20px auto;
		display: flex;
		align-items: flex-start;
		justify-content: center;
	}

	.Metric__card {
		width: 33.3%;

		background-color: #eff9f8;
		padding: 35px 20px;
		border: 0px solid #fff;
		border-radius: 20px;

		margin: 0 10px !important;
		align-self: stretch;
		text-align: center;
	}

	.Metric__card-title {
		margin-bottom: 11px;
		font-size: 26px;
	}

	.Metric__card-description {
		font-size: 16px;
		line-height: 1.4;
	}

	.Metrics__production {
		font-size: 24px;
		line-height: 1.3;
		font-weight: 400;
		text-align: center;
		width: 83%;
		margin: 25px auto 25px auto;
	}

	@media (max-width: 600px) {

		.Metrics__cards {
			flex-wrap: wrap;
		}

		.Metric__card {
			min-width: 300px;
			padding: 35px 20px;
		}

		.Metric__card:first-child {
			margin-bottom: 20px !important;
		}

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

		.Metric__card-description {
			font-size: 14px;
		}

		.Metrics__production {
			font-size: 16px;
			max-width: 300px;
		}

	}

</style>
<!-- End metrics -->

<!-- clients -->
<div class="Clients Common__section">
	<div class="Common__container">
		<h2 class="Clients__header Common__header">Школы, которые работают на GetCourse</h2>
	</div>

	<div class="Clients__clients">

		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/53/h/e866559a3b0e0c0942b7045558de6c33.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/423/h/dcac05cc3bda223f93d97d8bfe9bd002.png">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/330/h/0cd33800e1fedb52c9a5ce6e83bf4e24.png">
		<img class="Clients__client lazyimage" data-src="https://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/1d42129247285ce390404562cee36983.jpg/s/s1200x/a/116/sc/422">
		<img class="Clients__client lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/afb96343fad7c8d95e10fedcc6d409a1.jpg/s/s1200x/a/116/sc/389">
		<img class="Clients__client lazyimage" data-src="https://fs01.getcourse.ru/fileservice/file/download/a/116/sc/288/h/d1edafa8c57777241c091e6d7d5e0b1c.png">

		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/488/h/e91491bfa8143d28849553f55796e403.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/449/h/2fd771eecd43a842f81dcf7ce4e6ea9f.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/329/h/122503366978b7b48a73192d05454575.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/435/h/6ee40bab4a964fcf5491babde7af296c.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/199/h/33b4a0fcec7973c3a686a9685a233e8a.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/269/h/98ac9f435a6a2f926b8e337e9ae99e0e.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/187/h/28a1416dcbad1f26902a3f30f548f88b.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/216/h/b8247f516d8ba8f69f25c95760ebf5d2.jpg">
		<img class="Clients__client lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/278/h/bfc781750c0d2b260e528a4e673dbaeb.jpg">

	</div>
	<div class="Common__container">
		<a class='Button' href='https://getcourse.ru/register'>
			<span>Запустить проект бесплатно</span>
			<svg class="Button__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
		</a>
	</div>
</div>

<style>

	.Clients {
		background-color: #eff9f8;
		text-align: center;
	}

	.Clients__header {
		font-size: 44px;
	}

	.Clients__clients {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 900px;
		margin: 0 auto 30px auto;
	}

	.Clients__client {
		width: 100px;
		height: 100px;
		background-size: cover;

		border-radius: 20px;
		box-shadow: 0px 5px 20px 0px rgb(52 73 94 / 15%);
		background-color: #fff;
		margin: 0 10px 10px 0;
	}

	@media (max-width: 600px) {
		.Clients__header {
			font-size: 32px;
		}
		.Clients__clients {
			max-width: 400px;
		}

	}

</style>
<!-- End clients -->

<!-- feedbacks -->
<div class="Feedbacks Common__section">
	<div class="Common__container">
		<h2 class="Common__header">Отзывы наших клиентов</h2>
	</div>
	<div id="Feedbacks" class="Feedbacks__cards">

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/240d56d1d06563c301ce542684464898.png/s/500x/a/116/sc/421" />
			<div class="Feedbacks__card-name">Татьяна Маричева</div>
			<div class="Feedbacks__card-company">основатель и автор курса «Школа Продюсера Татьяны Маричевой»</div>
			<div class="Feedbacks__card-text">Мы сотрудничаем с GetCourse с 2018 года, и это наша основная платформа — на ней мы работаем с маркетингом, продажами и обучающим контентом. Больше всего возможностей мы используем именно в LMS-платформе. С помощью GC мы смогли реализовать все наши самые непростые задумки — например, нестандартный вид обучающих тренингов. В этом плане GetCourse для нас — это возможность делать обучение студентов абсолютно уникальным. Мы являемся партнёрами GetCourse и входим в топ-2 по привлечению клиентов. Кроме нашего основного обучения, мы помогаем нашим студентам полноценно запускать и переносить свои онлайн-школы на GetCourse. Очень рады нашему трёхлетнему беспрерывному и плодотворному сотрудничеству. Спасибо вам за такую возможность!</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/157/h/f2ebdb1c287593096036c716a5df9a78.png" />
			<div class="Feedbacks__card-name">Александр Згода</div>
			<div class="Feedbacks__card-company">генеральный директор Центра образовательных технологий Advance</div>
			<div class="Feedbacks__card-text">GetCourse наверное единственная в нашей стране платформа способная закрыть множество потребностей онлайн-школ.
				<br>Отдельно хочется отметить интеграцию разных сервисов по "нажатию одной кнопки" и гибкость команды при решении сложных задач своих клиентов.</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/176/h/c74f312462081d3f4e3a3d7b3a1ae5f1.png" />
			<div class="Feedbacks__card-name">Александр Скворцов и Рустам Габдельхаков</div>
			<div class="Feedbacks__card-company">сооснователи онлайн-школы 5D Academy</div>
			<div class="Feedbacks__card-text Feedbacks__card-text--no-more">Самые передовые интеграции и широкий функционал — вот почему мы выбрали именно GetCourse для размещения своих образовательных программ.</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/62b9202d99423bdb218890362940849c.png/s/500x/a/116/sc/426" />
			<div class="Feedbacks__card-name">Артем Колотов</div>
			<div class="Feedbacks__card-company">сооснователь международной онлайн-школы кондитерского искусства КЕЙКО (ex Pauline School)</div>
			<div class="Feedbacks__card-text">GetCourse — многофункциональная платформа, сочетающая в себе все нужные для онлайн-бизнеса инструменты: LMS, CRM, различные платежные системы, инструменты для анализа трафика и конструктор процессов, позволяющий воплотить любые бизнес-идеи. Несомненный плюс — все это собрано в одном месте. Нет нужды подключать дополнительные сервисы. Ты можешь выстроить весь путь клиента внутри Getcourse — от посадочной страницы-лендинга и воронок в мессенджерах до процесса обучения, в котором можно реализовать любой формат прохождения уроков. Функционал Getcourse позволил нам работать не только на территории стран СНГ, но и успешно выйти на международный рынок.</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/102/h/c8bb93e575455ca5f8438a523c076a14.png" />
			<div class="Feedbacks__card-name">София Рожновская</div>
			<div class="Feedbacks__card-company">создатель проекта «Ракета»</div>
			<div class="Feedbacks__card-text">
				Мы объединили задачи по продажам курса и коммуникацию с учениками в одном сервисе.Программа обучения многогранна. Мы заинтересованы в полном погружении в курс наших учеников с помощью тренингов, семинаров, онлайн-вебинаров. И GetCourse позволяет это всё реализовать в лучшем виде.
				<br>
				Хочу выделить ключевые преимущества сервиса GetCourse перед другими платформами для организации онлайн-бизнеса:
				<br>
				• Удобная и понятная CRM-система<br>
				• Организация рассылок (email, мессенджеры, смс)<br>
				• Встроенная система по приёму платежей<br>
				• Многофункциональный конструктор воронок<br>
				• Удобный конструктор лендингов и сайтов<br>
				• Автоматизация процессов - пожалуй, самый актуальный инструмент, который повышает эффективность выполнения задач и здорово экономит время команды!
				<br>
				Вывод напрашивается сам собой: GetCourse - идеальное решение для инфобизнеса!
			</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/d6eb37dc8d2088978713b3c03dcc6b6f.png/s/500x/a/116/sc/252" />
			<div class="Feedbacks__card-name">Дмитрий Останин</div>
			<div class="Feedbacks__card-company">Продюсерский центр BIRCH</div>
			<div class="Feedbacks__card-text">GetCourse позволяет нам увеличивать LTV. Мы сделали классный продукт, и с помощью грамотной сегментации и маркетинговых инструментов геткурса (видимость блоков, рассылок, аналитики, CRM и других) смогли добиться покупки во второй продукт в 75%! Третий продукт Школы Фитнеса Кати Усмановой покупают 41%.</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/26/h/841438f0248bda7a1166b1b5a14f2320.png" />
			<div class="Feedbacks__card-name">Евгения Адриященко</div>
			<div class="Feedbacks__card-company"></div>
			<div class="Feedbacks__card-text">
				Я работаю с GetCourse с 2019 года. Здесь находятся все мои образовательные курсы, которые прошли тысячи учеников. Удобный интерфейс как для десктопной версии, так и для мобильного приложения. Отличная работа системы «ответ на домашнее задание — оповещение», ведь мой приоритет дать качественную обратную связь ученикам в кратчайшие сроки.
				<br>
				Возможность проводить вебинары внутри платформы, подключать ссылки для перехода на чат-боты в мессенджерах и множество других полезных функций, которые упрощают работу моей школы.
				<br>
				Если случаются какие-то неполадки — обратная связь от техподдержки очень быстрая. Здесь работают обученные, компетентные специалисты, которые выполнят свою работу достойно.
				<br>
				Я очень благодарна команде GetCourse за разработку столь полезной платформы для образовательного контента.
			</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/f34eb5c9ab8c83e140b2a690f05e48e2.png/s/500x/a/116/sc/239" />
			<div class="Feedbacks__card-name">Алексей Маринов</div>
			<div class="Feedbacks__card-company">CEO GetHelpers</div>
			<div class="Feedbacks__card-text">GetCourse — лучшая платформа для онлайн-школ. Многие думают, что это просто система выдачи доступов к урокам. Но нет — это настоящий бизнес-партнер. Автовебинары, рассылки, звонки, смс, прием платежей, аналитика, сайты, геймификация, чат-боты, хелпдеск и еще десяток функций — все это можно сделать на одной платформе. И это очень круто и удобно. Я рад, что использую только одну платформу и постоянно повышаю свой доход и доход клиентов, использующих GetCourse. От души его всем рекомендую.</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/171/h/d0ec9c32551db2a8f3b305bc057740b1.png" />
			<div class="Feedbacks__card-name">Роман Горбачёв</div>
			<div class="Feedbacks__card-company">основатель дизайн-студии и школы Логомашина</div>
			<div class="Feedbacks__card-text">
				Работаем с GetCourse с открытия нашей школы. Из плюсов системы:
				широкие возможности к сегментации базы, настройка триггерных событий и воронок продаж, легко интегрируется со сторонними сервисами.
				<br>Отдельное спасибо за видеохостинг.  У GetCourse большой обучающий блог и оперативная служба технической поддержки.
			</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/139e9d1e96e8d8982643029a7e0bec06.png/s/500x/a/116/sc/117" />
			<div class="Feedbacks__card-name">Лилия Любимова</div>
			<div class="Feedbacks__card-company">основатель Школы астрологии Лилии Любимовой</div>
			<div class="Feedbacks__card-text">Используем платформу GetCourse с 2017 года. За это время наша Школа выросла в несколько раз, увеличилось количество обучающих курсов. Очень классно, что технические возможности платформы всегда только помогали проекту развиваться, а набор функционала полностью соответствует современным требованиям — не только с технической точки зрения, но и с точки зрения маркетинга и продаж.</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/139/h/b77f8d163261bb153401aeed40c79f62.png" />
			<div class="Feedbacks__card-name">Елена Антоновская</div>
			<div class="Feedbacks__card-company">сооснователь криптовалютного сообщества Coin Side</div>
			<div class="Feedbacks__card-text">
				Платформа имеет широкий функционал для онлайн-школ: здесь и автоматизация воронок, и процессов, и рассылок. Оперативная техподдержка — многие вопросы решили быстро и качественно.
				<br>
				Некоторые пожелания по доработке каких-либо моментов передаем через ТП. В целом все устраивает, продолжаем сотрудничество.
			</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/f7f9f476a7b1bd215289dbd4df28a757.png/s/500x/a/116/sc/261" />
			<div class="Feedbacks__card-name">Мария Гладких</div>
			<div class="Feedbacks__card-company">блогер, автор онлайн-курса «Танцуй с Гладких»</div>
			<div class="Feedbacks__card-text">Вопроса, где размещать наши уроки, даже не стояло. Мы сразу понимали, что будем работать только с платформой GetCourse. Что особо хочется отметить, так это суперудобную интеграцию с любыми платежными системами и огненную работу техподдержки. Если возникает какой-то технический вопрос, его можно спокойно решить через Getcourse, они всегда подскажут и направят. К тому же на платформе можно найти статьи просто по любому вопросу, что помогает гораздо быстрее решать задачи.</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/431/h/18962724520b18ca5777e62363c87b47.jpg" />
			<div class="Feedbacks__card-name">Ольга Гогаладзе</div>
			<div class="Feedbacks__card-company">основатель школы PRO.FINANSY</div>
			<div class="Feedbacks__card-text">
				До запуска нашей школы на GetCourse мы пробовали работать на другой более дешевой платформе. В итоге качество нашего образования очень сильно пострадало — система не справлялась с отдачей: мы открывали урок, и все сразу же висло.
				<br>
				На GetCourse эта проблема исчезла. Там ты записываешь видео и загружаешь его на платформу — все. Оно самостоятельно воспроизводится, и тебе не нужно думать о скорости отдачи. Сервис работает очень качественно.
			</div>
			<div class="Feedbacks__card-action">Показать больше</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs-thb01.getcourse.ru/fileservice/file/thumbnail/h/e1fb2558f72a21775317e3b23c78eae4.png/s/500x/a/116/sc/147" />
			<div class="Feedbacks__card-name">Иван Шелевей</div>
			<div class="Feedbacks__card-company">продюсер проекта «Сила Воли»</div>
			<div class="Feedbacks__card-text Feedbacks__card-text--no-more">Уже в 2015 году мы с помощью платформы GetCourse могли делать адаптированный онлайн-курс – разбивали участников автоматически на 108 групп. В итоге каждый получал свою программу.</div>
		</div>

		<div class="Feedbacks__card">
			<img class="Feedbacks__card-photo lazyimage" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/185/h/c0116099c4ced2274e6ef718d1aa072d.png" />
			<div class="Feedbacks__card-name">Александр Самсонов</div>
			<div class="Feedbacks__card-company">операционный директор школы MARKETPLAY</div>
			<div class="Feedbacks__card-text Feedbacks__card-text--no-more">
				GetCourse - это самый многофункциональный инструмент для работы с образовательными продуктами. Нам удалось очень просто реализовать наши образовательные задачи для учеников, чтобы сделать процесс максимально качественным.
			</div>
		</div>

	</div>
	<div class="Common__container">
		<p style="text-align: center;">
			<button class="ButtonOutline" id="FeedbacksExtraToggler">Показать больше отзывов</button>
		</p>
	</div>
</div>

<style>

	.Feedbacks__cards {
		width: 1170px;
		margin: 0 auto;

		display: flex;
		flex-wrap: wrap;
	}

	.Feedbacks .ButtonOutline {
		cursor: pointer;
	}

	.Feedbacks__card {
		position: relative;
		border-radius: 20px;
		background: #eff9f8;
		margin: 50px 10px 30px 10px;
		padding: 85px 25px 20px 20px;
		max-width: 360px;
	}

	.Feedbacks__card-photo {
		width: 130px;
		height: 130px;
		border-radius: 130px;
		border: 2px solid #2bbeb1;
		position: absolute;
		top: -50px;
	}

	.Feedbacks__card-name {
		font-size: 24px;
		font-weight: 700;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.Feedbacks__card-company {
		color: #34495e99;
		margin-bottom: 12px;
		line-height: 1.2;
		font-weight: 700;
	}

	.Feedbacks__card-text {
		font-size: 16px;
		line-height: 1.5;
		position: relative;
		max-height: 165px;
		overflow: hidden;
	}

	.Feedbacks__card-text::before {
		content: '';
		background: #eff9f8;
		opacity: 0.4;
		height: 15px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.Feedbacks__card-text--no-more::before {
		display: none;
	}

	.Feedbacks__card.__open .Feedbacks__card-text {
		max-height: none;
		overflow: visible;
	}

	.Feedbacks__card.__open .Feedbacks__card-text::before {
		display: none;
	}

	.Feedbacks__card-action {
		color: #2bbeb1;
		font-size: 16px;
		line-height: 16px;
		font-weight: 400;
		text-decoration: underline;
		margin-top: 10px;
		cursor: pointer;
	}

	@media (max-width: 600px) {

		.Feedbacks__cards {
			width: 360px;
		}

		.Feedbacks__card-name {
			font-size: 20px;
		}

		.Feedbacks__card-text {
			font-size: 14px;
		}

	}

</style>

<script>

	(function () {

		const feedbacks = document.getElementById('Feedbacks')
		feedbacks.addEventListener('click', function (event) {
			if (event.target.classList.contains('Feedbacks__card-action')) {
				event.target.parentNode.classList.toggle('__open')

				event.target.innerText = event.target.parentNode.classList.contains('__open')
					? 'Скрыть'
					: 'Показать больше'
			}
		})

		const toggler = document.getElementById('FeedbacksExtraToggler')
		const defaultTogglerText = toggler.innerText

		document.querySelectorAll('.Feedbacks__card').forEach(function(elem, index) {
			if (index > 5) {
				elem.style.display = 'none';
			}
		});

		toggler.addEventListener('click', function () {
			function toggle(element) {
				element.style.display = element.style.display === 'none' ? '' : 'none'
			}

			document.querySelectorAll('.Feedbacks__card').forEach(function(elem, index) {
				if (index > 5) {
					toggle(elem);
				}
			});
			//toggle(document.getElementById('FeedbacksExtra1'))
			//toggle(document.getElementById('FeedbacksExtra2'))
			//toggle(document.getElementById('FeedbacksExtra3'))

			toggler.innerText = toggler.innerText === defaultTogglerText
				? 'Скрыть отзывы'
				: defaultTogglerText
		})

	})()

</script>
<!-- End feedbacks -->

<!-- features -->
<div class="Features Common__section">
	<h2 class="Features__header Common__container Common__header __wide">GetCourse – платформа для&nbsp;создания <nobr>онлайн-курсов</nobr> и&nbsp;тренингов</h2>
	<p class="Features__subheader">Вам не&nbsp;придется искать сторонние сервисы для&nbsp;запуска <nobr>онлайн-курса</nobr> и&nbsp;школы — у&nbsp;нас все в&nbsp;одном:</p>
	<section class="Features__desktop block-5 desk">
		<div class="content-container-5-3">
			<div class="mid-picture-5-1">
				<svg role="img" aria-label="Платформа для создания онлайн курсов" width="458" height="508"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#features1"></use></svg>
			</div>

			<svg style="width:0;height:0;position:absolute;display:inline" aria-hidden="true"></svg>

			<div class="items-5-1">
				<div class="item-5-1">
					<svg width="96" height="74"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#lms"></use></svg>
					<p>Система<br>дистанционного<br>обучения (LMS)</p>
				</div>

				<a class="item-5-1" style="cursor:pointer" target="_blank" href="https://getcourse.ru/getcoursepay?utm_source=mainpage&utm_medium=features">
					<svg width="82" height="82"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#payment"></use></svg>
					<p>Get Модуль</p>
				</a>
				<div class="item-5-1">
					<svg width="103" height="74"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#crm"></use></svg>
					<p>Система управления взаимоотношениями с&nbsp;клиентами&nbsp;(CRM)</p>
				</div>
			</div>
			<div class="items-5-1">
				<div class="item-5-1">
					<svg width="83" height="83"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#mailing"></use></svg>
					<p>Рассылки на эл. почту и&nbsp;в&nbsp;мессенджеры</p>
				</div>
				<div class="item-5-1">
					<svg width="80" height="84"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#funnel"></use></svg>
					<p>Конструктор автоворонок</p>
				</div>
			</div>
			<div class="items-5-1">
				<div class="item-5-1">
					<svg width="82" height="82"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#webinar"></use></svg>
					<p>Вебинары и&nbsp;автовебинары</p>
				</div>
				<div class="item-5-1">
					<svg width="75" height="70"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#analytics"></use></svg>
					<p>Сквозная аналитика и&nbsp;управленческие<br>отчеты</p>
				</div>
				<div class="item-5-1">
					<svg width="86" height="80"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#cms"></use></svg>
					<p>Конструктор лендингов и&nbsp;сайтов (CMS)</p>
				</div>
			</div>
		</div>
	</section>

	<section class="Features__mobile block-5 mob">
		<div class="content-container-5-3">
			<div class="my-box">
				<img alt="Платформа для создания онлайн курсов" class="my-logo lazyimage" width="260" height="260" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/201/h/5fe08ebdf630e1eb69ff3014675c3294.png">
				<img class="arrow lazyimage" width="29" height="76" data-src="https://fs.getcourse.ru/fileservice/file/download/a/172636/sc/49/h/4a5c3d0dcb2e699475781a74252b6233.png">
			</div>
			<div class="content-5-3">
				<div class="item-5-1">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#cms"></use></svg>
					<p>Конструктор лендингов и&nbsp;сайтов (CMS)</p>
				</div>
				<div class="item-5-1">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#crm"></use></svg>
					<p>CRM-система</p>
				</div>
				<div class="item-5-1">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#funnel"></use></svg>
					<p>Конструктор автоворонок</p>
				</div>
				<a class="item-5-1" target="_blank" href="https://getcourse.ru/getcoursepay?utm_source=mainpage&utm_medium=features">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#payment"></use></svg>
					<p>Get Модуль</p>
				</a>
				<div class="item-5-1">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#analytics"></use></svg>
					<p>Сквозная аналитика и&nbsp;управленческие<br>отчеты</p>
				</div>
				<div class="item-5-1">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#webinar"></use></svg>
					<p>Вебинары и&nbsp;автовебинары</p>
				</div>
				<div class="item-5-1">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#mailing"></use></svg>
					<p>Email-рассылки и&nbsp;рассылки в&nbsp;мессенджерах</p>
				</div>
				<div class="item-5-1">
					<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#lms"></use></svg>
					<p>Система<br>дистанционного<br>обучения (LMS)</p>
				</div>
			</div>
		</div>
	</section>
	<div class="Common__container">
		<p class="Features__text">И множество других инструментов для роста вашего бизнеса!</p>
		<a class='Button' href='https://getcourse.ru/register'>
			<span>Запустить проект бесплатно</span>
			<svg class="Button__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
		</a>
	</div>
</div>

<style>

	.Features {
		background-color: #eff9f8;
		text-align: center;
	}
	.Features__desktop a,
	.Features__mobile a {
		color: #34495e;
		text-decoration: none;
	}

	.Features__header {
		margin-bottom: 40px;
	}

	.Features__text {
		font-size: 30px;
		line-height: 1.3;
		margin: 30px 0;
	}

	.Features__subheader {
		font-size: 24px;
		max-width: 650px;
		margin: 0 auto 36px;
		line-height: 1.3;
		text-align: center;
	}

	.Features__desktop {
		display: none;
	}

	.item-5-1 {
		width: 245px;
		height: 220px;
		border-radius: 20px;
		-webkit-box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.16);
		-moz-box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.16);
		box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.16);
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-color: #fff;
		z-index: 2;
		position: relative;
	}

	.item-5-1 svg{
		fill: #52BEB2;
		margin-bottom: 10px;
	}
	.item-5-1 span {
		text-transform: uppercase;
		font-weight: 400;
		background: #2dbeb1;
		color: #fff;
		padding: 6px 15px 6px;
		border-radius: 15px;
		line-height: 1;
		font-size: 15px;
		position: absolute;
		right: 15px;
		top: 15px;
	}

	@media (min-width: 960px) {

		.Features__desktop {
			display: block;
		}

		.block-5{
			position: relative;
			z-index: 5;
		}

		.mid-picture-5-1{
			padding: 115px;
			border-radius: 10px;
			-webkit-box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.16);
			-moz-box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.16);
			box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.16);
			max-width: 721px;
			right: 0;
			left: 0;
			margin: 110px auto !important;
			position: absolute;
			z-index: 1;
			background-color: #fff;
		}

		.mid-picture-5-1 svg {
			position: relative;
			top: 7px;
		}

		.item-5-1 p{
			font-size: 20px;
			line-height: 1.2 !important;
			font-weight: 400;
		}

		.items-5-1{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;
		}

		.items-5-1:nth-child(3) .item-5-1:nth-child(1), .items-5-1:nth-child(3) .item-5-1:nth-child(3){
			margin-top: 65px;
		}

		.items-5-1:nth-child(5) .item-5-1:nth-child(2), .items-5-1:nth-child(5) .item-5-1:nth-child(2){
			margin-top: 65px;
		}

		.items-5-1:nth-child(3){
			max-width: 890px;
			margin: 0 auto 90px;
		}

		.items-5-1:nth-child(4){
			max-width: 960px;
			margin: 0 auto 90px;
		}

		.items-5-1:nth-child(5){
			max-width: 890px;
			margin: 0 auto;
		}

	}

	@media (max-width: 640px) {
		.Features__subheader {
			font-size: 16px;
			margin: 0 auto 25px;
			max-width: 80%;
		}
	}

</style>


<style>

	.Features__mobile {
		display: none;
	}

	@media (max-width: 960px) {

		.Features__mobile {
			display: block;
		}

		.block-5 .my-logo{
			max-width: 260px;
			margin: 0 auto;
		}
		.block-5 .arrow{
			width: 14px;
			margin: 0 auto;
		}
		.block-5 .my-box{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-bottom: 8px;
		}

		.content-container-5-3{
			text-align: center;
		}
		.item-5-1{
			width: 149px !important;
			height: 149px !important;
			margin: 6px !important;
		}
		.item-5-1 p{
			font-size: 12px !important;
			flex-basis: 21%;
		}
		.item-5-1 svg {
			height: 70px;
			width: auto;
		}

		.content-5-3{
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			max-width: 100%;
			margin:  0 auto !important;
		}
		.item-5-1 {
			box-shadow: 0px 5px 20px 0px rgb(52 73 94 / 15%) !important;
			justify-content: space-between !important;
			padding: 20px 5px 15px;
		}
		.content-container-5-3 > img{
			max-width: 329px;
			width: 100%;
		}

		.block-set:not(.block-set-editor) .mob {
			display: none;
		}

		.Features__text {
			font-size: 16px;
		}
		.item-5-1 span {
			text-transform: uppercase;
			font-weight: 400;
			background: #2dbeb1;
			color: #fff;
			padding: 4px 9px 4px;
			border-radius: 10px;
			line-height: 1;
			font-size: 10px;
			position: absolute;
			right: 8px;
			top: 8px;
		}

	}

</style>
<!-- End features -->
<!-- usecases -->
<div class="Usecases Common__section">
	<div class="Common__container">
		<h2 class="Common__header">Как использовать GetCourse в&nbsp;вашей онлайн-школе</h2>
	</div>

	<div class="Usecases__step __left" style="padding-bottom: 120px;">
		<div class="Usecases__step-side __center">
			<img alt="Платформа для создания онлайн школ" class="Usecases__image lazyimage" width="887" height="518" data-src="https://fs03.getcourse.ru/fileservice/file/download/a/116/sc/372/h/eae64a1e367b51efe254a7b2d4b6aac4.png">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase1"></use></svg>
		</div>
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Создайте ваш курс в&nbsp;удобном формате</h3>
				<ul class="Usecases__step-list">
					<li>Собственное файловое хранилище и&nbsp;видеохостинг (плеер) с&nbsp;защитой от&nbsp;пиратов</li>
					<li>Игровые механики, бонусные системы и&nbsp;дипломы</li>
					<li>Кастомизация тренингов</li>
					<li>Тестирования и&nbsp;проверка домашних заданий. Легко подключить кураторов </li>
					<li>Используйте различные форматы контента для увеличения вовлеченности студентов: аудио, видео, тексты, инструкции, инфографику и&nbsp;т.д.</li>
				</ul>
			</div>
		</div>

		<img class="Usecases__step-arrow __desktop lazyimage" width="423" height="186" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/143/h/c309aae58b1eff09f1385911bc453255.png" />
		<img class="Usecases__step-arrow __mobile lazyimage" width="29" height="180" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png" />
	</div>

	<div class="Usecases__step __right" style="padding-bottom: 190px;">
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Создайте простую посадочную страницу или&nbsp;полноценный сайт</h3>
				<ul class="Usecases__step-list">
					<li>Создавайте страницы/квизы/сайты любой сложности с&nbsp;помощью визуального конструктора блоков. Все блоки адаптируются под планшеты и&nbsp;мобильные устройства автоматически.</li>
					<li>Хотите свой уникальный дизайн&nbsp;— не&nbsp;проблема! Создавайте уникальные страницы с использованием кода (html/css/js), своих шрифтов и популярных готовых решений. Еще проще чем на&nbsp;обычном хостинге.</li>
					<li>Хостинг сайтов, файловое хранилище, видеохостинг включены в&nbsp;стоимость.</li>
					<li>Возможно подключение к&nbsp;платформе сайтов, размещенных на&nbsp;сторонних хостингах.</li>
				</ul>
			</div>
		</div>
		<div class="Usecases__step-side __center">
			<img alt="Платформа для создания онлайн школ" class="Usecases__image lazyimage" width="1139" height="665" data-src="https://fs03.getcourse.ru/fileservice/file/download/a/116/sc/31/h/755cb170b12472da79721a650c4f311b.png">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase2"></use></svg>
		</div>
		<img class="Usecases__step-arrow __desktop lazyimage" width="368" height="199" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/151/h/4406ab9b07be736fd89106ae967b4e22.png" />
		<img class="Usecases__step-arrow __mobile lazyimage" width="29" height="180" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png" />
	</div>

	<div class="Usecases__step __left" style="padding-bottom: 120px;">
		<div class="Usecases__step-side __center">
			<img alt="Платформа для создания курсов и тренингов" class="Usecases__image lazyimage" width="423" height="186" data-src="https://fs01.getcourse.ru/fileservice/file/download/a/116/sc/501/h/547288076aa0280431ca10dd779e2c13.png">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase3"></use></svg>
		</div>
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Собирайте базу</h3>
				<div>Подписывайте пользователей и взаимодействуйте с ними удобным способом (или всеми сразу):</div>
				<div class="Usecases__media">
					<div class="Usecases__media-item">
						<img class="lazyimage" width="96" height="96" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/48/h/557776054920c59ccb9a13336b0a6ee1.png">
						<p>Эл. почта</p>
					</div>
					<div class="Usecases__media-item">
						<img class="lazyimage" width="96" height="96" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/17/h/8039e48c291b570435358af59ee2b169.png">
						<p>Телефон</p>
					</div>
					<div class="Usecases__media-item">
						<img class="lazyimage" width="94" height="94" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/409/h/b49cdfee9e6b9bd76ff6563dc9a1f405.png">
						<p>СМС</p>
					</div>
					<div class="Usecases__media-item whatsapp">
						<img class="lazyimage" width="124" height="124" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/187/h/43a6f5030ba65c7dc662df24a5755f4a.png">
						<p>WhatsApp</p>
					</div>
					<div class="Usecases__media-item telegram">
						<img class="lazyimage" width="100" height="100" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/139/h/6b012307089c4e86ddf556bba1f532b5.png">
						<p>Telegram</p>
					</div>
					<div class="Usecases__media-item vk">
						<img class="lazyimage" width="100" height="100" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/244/h/5dca5685a56b22d0f86ac8a44bb707f8.png">
						<p>VK</p>
					</div>
					<!--     <div class="Usecases__media-item fb">
							<img class="lazyimage" width="100" height="100" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/87/h/186357bb8e0e7a60a02d2f0f330f0938.png">
							<p>FB Messenger</p>
						  </div>
						  <div class="Usecases__media-item inst">
							<img class="lazyimage" width="100" height="100" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/94/h/305c6873a03e34330803857b5fdb8adf.png">
							<p>Instagram<br>(скоро)</p>
						  </div>-->
				</div>
				<div>Вам не нужны никакие дополнительные сервисы!</div>
			</div>
		</div>
		<img class="Usecases__step-arrow __desktop lazyimage" width="423" height="186" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/143/h/c309aae58b1eff09f1385911bc453255.png" />
		<img class="Usecases__step-arrow __mobile lazyimage" width="29" height="180" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png" />
	</div>

	<div class="Usecases__step __right" style="padding-bottom: 140px;">
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Создавайте ценность и&nbsp;подводите к&nbsp;покупке</h3>
				<ul class="Usecases__step-list">
					<li>Создавайте автоворонки и&nbsp;доносите ценность любым удобным способом: статьи, видео или вебинары. </li>
					<li>Ведите своих посетителей шаг за&nbsp;шагом через весь процесс продаж, чтобы они не&nbsp;путались, не&nbsp;терялись и&nbsp;не&nbsp;уходили.</li>
					<li>Сегментируйте клиентов по&nbsp;входным данными или поведению и&nbsp;направляйте их&nbsp;к&nbsp;продукту или услуге, которые им&nbsp;больше всего нужны.</li>
					<li>Следите за&nbsp;своими посетителями, даже после того, как они покинут вашу страницу и&nbsp;накапливайте данные об&nbsp;их&nbsp;поведении.</li>
				</ul>
			</div>
		</div>
		<div class="Usecases__step-side __center">
			<img alt="Платформа для создания курсов и тренингов" class="Usecases__image lazyimage" width="1181" height="690" data-src="https://fs03.getcourse.ru/fileservice/file/download/a/116/sc/399/h/7bd9c65cae8179bd5d9f87a90ae11ddb.png">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase4"></use></svg>
		</div>
		<img class="Usecases__step-arrow __desktop lazyimage" width="368" height="199" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/151/h/4406ab9b07be736fd89106ae967b4e22.png" />
		<img class="Usecases__step-arrow __mobile lazyimage" width="29" height="180" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png" />
	</div>

	<div class="Usecases__step __left" style="padding-bottom: 190px;">
		<div class="Usecases__step-side __center">
			<img alt="Get Модуль - прием платежей для онлайн-школ" class="Usecases__image lazyimage" width="1202" height="680" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/150/h/2ff35475f4f51ee4b416af104789e04b.png">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase5"></use></svg>
		</div>
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Принимайте платежи</h3>
				<div>
					На платформе есть Get Модуль, позволяющий принимать оплату от учеников без подключения сторонних сервисов российскими и зарубежными картами.
					<br>
					Никаких дополнительных настроек и интеграций — все&nbsp;необходимое для приема платежей уже есть на&nbsp;платформе.
				</div>

				<ul class="Usecases__step-list">
					<li>Прием оплат из РФ, СНГ, ЕС, США и ещё 160+ стран</li>
					<li>Встроенные рассрочки с высоким % одобрения, рекурренты, оплата частями</li>
					<li>Настроенная бесплатная онлайн-касса</li>
					<li>Подключение за 1 день и 0 рублей</li>
				</ul>
				<a class="Usecases__link" href="https://getcourse.ru/getpay">Подробнее >></a>
				<div>
					Также в GetCourse интегрировано более 25 платежных систем.
				</div>
				<div class="Usecases__payments">
					<img class="Usecases__payments-visa lazyimage" width="158" height="52" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/470/h/789547f10660d05a683f501d515fb049.png" alt="Visa">
					<img class="Usecases__payments-mastercard lazyimage" width="136" height="106" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/150/h/585c247fc72bca8b27f273548129afb1.png" alt="Master Card">
					<img class="Usecases__payments-umoney lazyimage" width="212" height="44" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/243/h/f0f527e22024877fde1faa5a993a0ee6.png" alt="Ю Money">
					<img class="Usecases__payments-cloudp lazyimage" width="98" height="82" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/100/h/e087598218ee04285af35bf0677ac1a1.png" alt="Cloud Payments">
					<span class="Usecases__payments-count">+25</span>
				</div>
			</div>
		</div>
		<img class="Usecases__step-arrow __desktop lazyimage" width="423" height="186" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/143/h/c309aae58b1eff09f1385911bc453255.png" />
		<img class="Usecases__step-arrow __mobile lazyimage" width="29" height="180" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png" />
	</div>

	<div class="Usecases__step __right" style="padding-bottom: 130px;">
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Продавайте больше</h3>
				<ul class="Usecases__step-list">
					<li>Совершайте допродажу в&nbsp;1&nbsp;клик.</li>
					<li>Предлагайте клиентам продукты по&nbsp;подписке с&nbsp;любым периодом (неделя, месяц, год и&nbsp;т.&nbsp;д.)</li>
					<li>Отслеживайте поведение людей на&nbsp;сайте и&nbsp;предлагайте им&nbsp;нужный продукт в&nbsp;идеальный момент.</li>
				</ul>
			</div>
		</div>
		<div class="Usecases__step-side __center">
			<img alt="Get Модуль - прием платежей для онлайн-школ" class="Usecases__image lazyimage" width="1090" height="637" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/293/h/0a778721dbf27ff55ad135deafe56f05.jpg">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase6"></use></svg>
		</div>
		<img class="Usecases__step-arrow __desktop lazyimage" width="368" height="199" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/151/h/4406ab9b07be736fd89106ae967b4e22.png" />
		<img class="Usecases__step-arrow __mobile lazyimage" width="29" height="180" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png" />
	</div>

	<div class="Usecases__step __left" style="padding-bottom: 120px;">
		<div class="Usecases__step-side __center">
			<img alt="Геткурс - платформа для дистанционного обучения взрослых и детей, проведения вебинаров, тренингов и марафонов" class="Usecases__image lazyimage" width="1090" height="637" data-src="https://fs03.getcourse.ru/fileservice/file/download/a/116/sc/206/h/064325f49f90756bbbcd2f7d7cc7169b.png">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase7"></use></svg>
		</div>
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Повышайте лояльность</h3>
				<ul class="Usecases__step-list">
					<li>Собирайте обратную связь через анкеты.</li>
					<li>Замеряйте показатель готовности рекомендовать ваши продукты/услуги (NPS).</li>
					<li>Проводите промо-акции, выдавайте персональные скидки.</li>
					<li>Внедряйте накопительную систему лояльности.</li>
				</ul>
			</div>
		</div>
		<img class="Usecases__step-arrow __desktop lazyimage" width="423" height="186" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/143/h/c309aae58b1eff09f1385911bc453255.png" />
		<img class="Usecases__step-arrow __mobile lazyimage" width="29" height="180" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png" />
	</div>

	<div class="Usecases__step __right" style="padding-bottom: 40px;">
		<div class="Usecases__step-side __short">
			<div class="Usecases__step-card">
				<h3 class="Usecases__subheader">Анализируйте эффективность каждого&nbsp;этапа</h3>
				<ul class="Usecases__step-list">
					<li>Сквозная аналитика, синхронизированная напрямую с&nbsp;платежным модулем.</li>
					<li>Управленческие дашборды и&nbsp;отчеты по&nbsp;десяткам ключевых показателей в&nbsp;реальном времени.</li>
					<li>Отсутствие интеграций обеспечивает полную защиту от&nbsp;потери данных на&nbsp;всех этапах.</li>
				</ul>
			</div>
		</div>
		<div class="Usecases__step-side __center">
			<img alt="Геткурс - платформа для дистанционного обучения взрослых и детей, проведения вебинаров, тренингов и марафонов" class="Usecases__image lazyimage" width="1090" height="637" data-src="https://fs02.getcourse.ru/fileservice/file/download/a/116/sc/335/h/8aa8c6c7ba1770e49e2c25cfeed5d203.png">
			<svg><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#usecase8"></use></svg>
		</div>
	</div>

	<div class="Common__container">
		<div class="Usecases__action">
			<a class='Button' href='https://getcourse.ru/register'>
				<span>Запустить проект бесплатно</span>
				<svg class="Button__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
			</a>
		</div>
	</div>
</div>

<style>

	.Usecases {
		counter-reset: section;
	}

	.Usecases__action {
		text-align: center;
	}

	.Usecases__subheader {
		counter-increment: section;
		margin: 7px 0 15px 0;
		font-size: 36px;
		font-weight: 700;
		line-height: 1.2;

		position: relative;
	}

	.Usecases__image {
		border: 5px solid #2bbeb1;
		max-width: 530px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		image-rendering: -webkit-optimize-contrast;
		margin-bottom: 15px;
	}

	.Usecases__subheader::before {
		content: counter(section) ".";
		color: #2bbeb1;
		font-weight: bold;
		font-size: 40px;
		line-height: 1.2;
		position: absolute;
		right: 100%;
		padding-right: 10px;
	}

	.Usecases__step {
		display: flex;
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}

	.Usecases__step.__left .Usecases__step-arrow {
		width: 423px;
		height: 186px;
		position: absolute;
		bottom: 0;
		left: calc(50% - 85px);
		transform: translateX(-50%);
	}

	.Usecases__step.__right .Usecases__step-arrow {
		width: 368px;
		height: 199px;
		position: absolute;
		bottom: 0;
		left: calc(50% - 55px);
		transform: translateX(-50%);
	}

	.Usecases__step-side {
		width: 50%;
	}

	.Usecases__step-side.__short {
		width: 41%;
	}

	.Usecases__step-side.__center {
		text-align: center;
	}

	.Usecases__step-card {
		padding-left: 55px;
	}

	.Usecases__step-list {
		max-width: 450px;
		font-size: 16px;
		font-weight: 400;
		padding-left: 24px;
		list-style: none;
		margin: 0;
		margin-top: 20px;
	}

	.Usecases__step-list li {
		margin-bottom: 20px;
		line-height: 1.55;
		list-style: none;
		position: relative;
	}

	.Usecases__step-list li::before {
		content: ' ';
		position: absolute;
		background: #2bbeb1;
		width: 16px;
		height: 16px;
		border-radius: 100%;
		left: -24px;
		top: 4px;
	}

	.Usecases__media {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width: 350px;
		min-width: 320px;
		width: 100%;
		margin-top: 20px;
		margin-left: -40px;
	}

	.Usecases__media-item {
		font-size: 14px;
		font-weight: 400;
		color: #151515;
		text-align: center;
		position: relative;
		margin-left: 40px;
		margin-bottom: 25px;
	}

	.Usecases__media-item.whatsapp,
	.Usecases__media-item.telegram {
		margin-left: 35px;
	}

	.Usecases__media-item img {
		max-width: 50px;
		height: auto;
		margin-bottom: 5px;
	}

	.Usecases__payments {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 20px;
		margin-bottom: 25px;
	}

	.Usecases__payments-visa {
		max-width: 79px;
		height: auto;
	}

	.Usecases__payments-mastercard {
		max-width: 68px;
		height: auto;
	}

	.Usecases__payments-umoney {
		max-width: 106px;
		height: auto;
	}

	.Usecases__payments-cloudp {
		max-width: 49px;
		height: auto;
	}

	.Usecases__payments-count {
		font-size: 18px;
		font-weight: bold;
		max-width: 50px;
		width: 100%;
		height: 50px;
		border-radius: 100%;
		background: #2bbeb1;
		color: #fff;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.Usecases__step-arrow.__mobile {
		display: none;
	}

	.Usecases__link {
		font-weight: bold;
		color: #2bbeb1;
		text-decoration: none;
		display: block;
		margin-bottom: 20px;
	}

	@media (max-width: 600px) {

		.Usecases__step-arrow.__desktop {
			display: none;
		}

		.Usecases__step-arrow.__mobile {
			display: block;
		}

		.Usecases__step.__left .Usecases__step-arrow,
		.Usecases__step.__right .Usecases__step-arrow {
			width: 15px;
			height: 90px;
			position: absolute;
			bottom: 20px;
			left: 50%;
			transform: translateX(-50%);
		}

		.Usecases__subheader {
			font-size: 20px;
			line-height: 1.2;
		}

		.Usecases__subheader::before {
			font-size: 20px;
		}

		.Usecases__step-list {
			font-size: 14px;
		}

		.Usecases__step-list {
			margin-left: 0;
		}

		.Usecases__step-list li::before {
			width: 10px;
			height: 10px;
			left: -22px;
			top: 3px;
		}

		.Usecases__step {
			max-width: 390px;
			flex-direction: column-reverse;
			padding-bottom: 110px !important;
			padding: 0 15px;
		}

		.Usecases__step svg {
			max-width: 200px;
			height: auto;
		}

		.Usecases__step-side {
			width: auto;
		}

		.Usecases__step-side.__short {
			width: auto;
		}

		.Usecases__step.__right {
			flex-direction: column;
		}
		.Usecases__step-side.__center {
			margin-top: 15px;
		}
		.Usecases__step.__left::after {
			content: " ";
			position: absolute;
			background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png);
			width: 15px;
			height: 90px;
			bottom: 12px;
			left: 50%;
		}

		.Usecases__step.__right::after {
			content: " ";
			position: absolute;
			background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/116/sc/312/h/28bdec9e909f6282dde3af8594ca66c4.png);
			width: 15px;
			height: 90px;
			position: absolute;
			bottom: 12px;
			left: 50%;
		}

		.Usecases__media-item{
			margin-left: 35px;
		}
		.Usecases__media-item.whatsapp,
		.Usecases__media-item.telegram {
			margin-left: 25px;
		}
		.Usecases__step-card {
			padding-left: 25px;
		}
		.Usecases__media-item img {
			max-width: 38px;
		}

		.Usecases__payments-visa {
			max-width: 52px;
		}

		.Usecases__payments-mastercard {
			max-width: 45px;
		}

		.Usecases__payments-umoney {
			max-width: 70px;
		}

		.Usecases__payments-cloudp {
			max-width: 32px;
		}

		.Usecases__payments-count {
			font-size: 12px;
			max-width: 33px;
			height: 33px;
		}
		.Usecases__media {
			max-width: 320px;
			margin-left: -30px;
		}
	}

</style>
<!-- End usecases -->

<!-- End start-point -->
<div class="Start-point Common__section">
	<div class="Start-point__container Common__container">
		<h2 class="Start-point__header Common__header">Точка старта</h2>
		<p class="Start-point__subheader">Упакуйте свой продукт для первого успешного запуска вместе с GetCourse</p>
		<img class="Start-point__image" width="792" height="485" src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/224/h/3144d3acbd79eca059115708bdda1f22.webp" alt="Точка старта">
		<p class="Start-point__subheader">Мы объединили всё самое важное, чтобы ваш старт был легким и результативным</p>
		<section class="Start-point__about">
			<div class="Start-point__about-item">
				<h3>Бесплатный марафон</h3>
				<p>5 практических уроков по созданию онлайн-курса даже без идеи, команды и бюджета на рекламу</p>
			</div>
			<div class="Start-point__about-item">
				<h3>Активный чат</h3>
				<p>Поддержка коллег и специалистов GetCourse, прямые эфиры с разборами и ответами на вопросы</p>
			</div>
			<div class="Start-point__about-item">
				<h3>Полезные бонусы</h3>
				<p>Бесплатная настройка почты для вашего курса и 500 бонусных баллов на услуги GetCourse</p>
			</div>
		</section>
		<a class="Start-point__button" href="/startpoint?utm_source=gc_page&utm_medium=marafon&utm_campaign=redirect">
			<span>Упаковать свой курс</span>
			<svg class="Start-point__button-arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
		</a>
	</div>
</div>

<style>
	.Start-point {
		background: #DFF0EE;
	}
	.Start-point__header {
		margin-bottom: 28px;
	}
	.Start-point__container {
		max-width: 1205px;
		padding: 0 20px;
		text-align: center;
	}
	.Start-point__subheader {
		font-size: 24px;
		max-width: 568px;
		margin: 0 auto;
		line-height: 1.3;
		text-align: center;
	}
	.Start-point__image {
		max-width: 100%;
		display: block;
		margin: 51px auto;
	}
	.Start-point__about {
		margin: 64px auto;
		max-width: 1068px;
		display: flex;
		justify-content: center;
		grid-gap: 24px;
	}
	.Start-point__about-item {
		max-width: 340px;
		width: 100%;
		font-weight: 400;
		font-size: 20px;
		line-height: 1.2;
		text-align: left;
		color: #34495E;
		background: #FFFFFF;
		border-radius: 12px;
		padding: 24px 40px 46px 24px;
	}
	.Start-point__about-item h3 {
		font-weight: 700;
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 24px;
	}
	.Start-point__about-item ul {
		margin: 0;
		padding-left: 1em;
	}
	.Start-point__about-item ul li:not(:last-child) {
		margin-bottom: 1em;
	}

	.Start-point__button-arrow {
		margin-left: 16px;
	}

	.Start-point__button {
		min-height: 62px;
		color: #FFF;
		font-family: Roboto;
		font-size: 17px;
		font-weight: 700;
		letter-spacing: 1.863px;
		text-transform: uppercase;
		padding: 15px 42px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		background-color: #2dbeb1;
		border: none;
		border-radius: 50px;
		outline: none;
	}

	@media screen and (max-width: 991px) {
		.Start-point__about {
			flex-direction: column;
		}
	}
	@media screen and (max-width: 640px) {
		.Start-point__header {
			margin-bottom: 20px;
		}
		.Start-point__container {
			max-width: 390px;
			padding: 0 15px;
		}
		.Start-point__subheader {
			font-size: 16px;
			margin: 0 auto;
		}
		.Start-point__image {
			width: 100%;
			height: auto;
			margin: 20px auto;
		}
		.Start-point__about {
			margin: 20px auto;
			grid-gap: 16px;
		}
		.Start-point__about-item {
			max-width: 100%;
			font-size: 14px;
			border-radius: 8px;
			padding: 20px;
		}
		.Start-point__about-item h3 {
			font-size: 18px;
			margin-bottom: 12px;
		}
		.Start-point__button {
			font-size: 16px;
			padding: 15px 30px;
		}
	}
</style>
<!-- End start-point -->

<!-- sell -->
<div class="Sell Common__section">
	<div class="Sell__wrapper Common__container">
		<div class="Sell__left">
			<h2 class="Common__header __left __wide">Продавайте курсы и&nbsp;проводите обучение по&nbsp;всему миру!</h2>
			<p class="Sell__text">
			В школах, размещённых на GetCourse, обучаются ученики со всего мира, и мы даём возможность приобрести курсы каждому. На GetCourse представлены ключевые зарубежные платёжные системы, такие как PayPal, Stripe и т. п. А также есть <a href="https://getcourse.ru/getcoursepay?utm_source=platform&utm_medium=main_page&utm_campaign=worldwide_block">собственный функционал</a> для удобной работы с платежами как клиентов РФ, так и зарубежных клиентов.
			</p>
		</div>
		<div class="Sell__right">
			<svg width="524" height="470"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#sell1"></use></svg>
		</div>
	</div>
	<div class="Sell__action Common__container">
		<a class='Button' href='https://getcourse.ru/register'>
			<span>Запустить проект бесплатно</span>
			<svg class="Button__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
		</a>
	</div>
</div>

<style>

	.Sell {
		background-color: #eff9f8;
		background-color: #fff;
	}

	.Sell__wrapper {
		display: flex;
	}

	.Sell__left {
		width: 66%;
		flex-shrink: 0;
	}

	.Sell__right svg {
		max-width: 550px;
		position: relative;
		left: -135px;
		z-index: 0;
	}

	.Sell__text {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 1em;

		max-width: 600px;
	}
	.Sell__text a {
		color: #2bbeb1;
		font-weight: 700;
		border-bottom: 1px solid;
		text-decoration: none;
	}
	.Sell__action {
		margin-top: 40px;
	}

	@media (max-width: 600px) {

		.Sell__wrapper {
			flex-direction: column;
		}

		.Sell__left,
		.Sell__right {
			width: auto;
		}

		.Sell__right {
			text-align: center;
		}

		.Sell__right svg {
			max-width: 220px;
			height: auto;
			left: 0;
		}

		.Sell__text {
			font-size: 14px;
		}

	}

</style>
<!-- End sell -->

<!-- marketplace -->
<div class="Marketplace Common__section" style="display:none">
	<div class="Common__container">
		<h2 class="Marketplace__header Common__header">Маркетплейс</h2>
		<p class="Marketplace__subheader">Новый канал продаж ваших онлайн-курсов</p>
		<a href="https://getcourse.ru/courses">
			<img class="Marketplace__image lazyimage" data-src="https://fs-thb02.getcourse.ru/fileservice/file/thumbnail/h/c98af960567440d5380805a1ef073d48.png/s/s1200x/a/116/sc/12" />
		</a>
		<p class="Marketplace__text">С 2021 клиенты GetCourse могут размещать свои курсы на нашем маркетплейсе. Мы сами привлекаем трафик и генерируем поток клиентов в ваш бизнес.</p>

		<a class='ButtonOutline' href='https://getcourse.ru/register'>
			<span>Запустить проект бесплатно</span>
			<svg class="ButtonOutline__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
		</a>
	</div>
</div>

<style>

	.Marketplace {
		text-align: center;
	}

	.Marketplace__header {
		margin-bottom: 10px;
	}

	.Marketplace__subheader {
		font-size: 30px;
		line-height: 1.3;
		font-weight: 400;
		text-align: center;
	}

	.Marketplace__image {
		max-width: 970px;
		margin-top: 35px;
	}

	.Marketplace__text {
		font-size: 24px;
		line-height: 1.3;
		max-width: 970px;
		margin: 35px auto 35px auto;
	}

	@media (max-width: 600px) {

		.Marketplace__subheader {
			font-size: 16px;
		}

		.Marketplace__image {
			max-width: 325px;
		}

		.Marketplace__text {
			font-size: 14px;
		}

	}

</style>
<!-- End marketplace -->

<!-- support -->
<div class="Support Common__section">
	<div class="Support__container Common__container">
		<div class="Support__side __left">
			<h2 class="Common__header __left __wide">Помогаем клиентам&nbsp;24/7</h2>
			<p class="Support__text">От ген. директор до техподдержки — все сотрудники GetCourse ориентированы на запросы клиентов:</p>
			<ul class="Support__list">
				<li><strong class="redactor-inline-converted">Круглосуточная</strong> служба поддержки</li>
				<li><strong class="redactor-inline-converted">90%</strong> обращений решаются в&nbsp;режиме «одного&nbsp;окна»</li>
				<li><strong>250+</strong> специалистов поддержки в&nbsp;штате</li>
			</ul>
			<p class="Support__text">Каждого сотрудника мы&nbsp;обучили лично и&nbsp;уверены в&nbsp;его навыках на&nbsp;100%.</p>
			<p class="Support__text __last">250 специалистов службы поддержки в&nbsp;среднем&nbsp;решают <strong>более 81&nbsp;000 запросов от&nbsp;тысяч клиентов ежемесячно!</strong></p>
			<a class='Button' href='https://getcourse.ru/register'>
				<span>Запустить проект бесплатно</span>
				<svg class="Button__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
			</a>
		</div>
		<div class="Support__side __right">
			<svg width="490" height="354"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#support1"></use></svg>
		</div>
	</div>
</div>

<style>
	.Support {
		background-image: radial-gradient(circle at right, #2bbeb126 0%, #2bbeb126 calc(51% - 50px), #2bbeb10d calc(51% - 50px), #2bbeb10d 51%, #0000 51%);
		background-color: #eff9f8;
		font-size: 20px;
	}

	.Support__container {
		display: flex;
	}

	.Support__side {
		width: 50%;
		flex-shrink: 0;
	}

	.Support__text {
		margin-bottom: 20px;
	}

	.Support__text.__last {
		margin-bottom: 40px;
	}

	.Support__list li {
		padding-left: 25px;
		margin-bottom: 20px;
		line-height: 1.55;
		font-weight: 400;
		list-style: none;
		position: relative;
	}

	.Support__list li::before {
		content: ' ';
		position: absolute;
		background: #2bbeb1;
		width: 16px;
		height: 16px;
		border-radius: 100%;
		left: 0;
		top: 7px;
	}

	.Support__side.__right {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	@media (max-width: 600px) {

		.Support {
			background-image: radial-gradient(200% 70% at bottom, #2bbeb126 0%,
			#2bbeb126 calc(47% - 65px),
			#2bbeb10d calc(47% - 65px),
			#2bbeb10d 47%,
			#0000 47%);

			padding-bottom: 40px;
		}

		.Support__text {
			font-size: 16px;
		}

		.Support__list {
			font-size: 14px;
		}

		.Support__container {
			flex-direction: column;
		}

		.Support__side {
			width: auto;
		}

		.Support__side.__left {
			padding-bottom: 70px;
		}

		.Support__side.__right svg {
			max-width: 257px;
			height: auto;
		}

	}

</style>
<!-- End support -->

<!-- setup -->
<div class="Setup Common__section">
	<div class="Common__container">
		<h2 class="Setup__header Common__header">Хотите, чтобы вашу&nbsp;школу настроили&nbsp;за&nbsp;вас?</h2>
		<div class="Setup__select">
			<div class="Setup__side __left">
				<svg width="325" height="227"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#setup1"></use></svg>
				<div class="Setup__card">
					<p>Команда GetCourse может произвести базовую настройку платформы или помочь&nbsp;с решением точечной задачи</p>

					<a class="ButtonOutline" href="https://getcourse.ru/start">
						<span>Выбрать услугу</span>
						<svg class="ButtonOutline__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
					</a>
				</div>
			</div>
			<div class="Setup__center">
				<div class="Setup__center-block"></div>
				<div class="Setup__center-text">или</div>
			</div>
			<div class="Setup__side __right">
				<svg width="259" height="228"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#setup2"></use></svg>
				<div class="Setup__card">
					<p>Вы&nbsp;можете обратиться к&nbsp;одному из более&nbsp;чем 100 сертифицированных специалистов по&nbsp;платформе</p>

					<a class="ButtonOutline" href="https://getcourse.ru/do">
						<span>Выбрать специалиста</span>
						<svg class="ButtonOutline__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
					</a>
				</div>

				<p class="Setup__description">Все они успешно закончили обучение от&nbsp;GetCourse и&nbsp;помогают нашим клиентам в&nbsp;индивидуальном формате</p>
			</div>
		</div>
	</div>
</div>

<style>

	.Setup__header {
		max-width: 1200px;
		width: auto;
	}

	.Setup__select {
		display: flex;
		justify-content: center;
	}

	.Setup__side {
		width: 500px;
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-shrink: 0;
	}

	.Setup__side.__left {
		padding-left: 60px;
	}

	.Setup__side.__right {
		padding-right: 60px;
	}

	.Setup__center {
		width: 4px;
		flex-shrink: 0;
		position: relative;
	}

	.Setup__center-block {
		height: 500px;
		background-color: #2bbeb1;
	}

	.Setup__center-text {
		position: absolute;
		top: 200px;
		background-color: white;
		width: 100px;
		left: -50px;
		text-align: center;
		padding: 0px 0 2px 0;
		font-size: 30px;
		font-weight: bold;
	}

	.Setup__card {
		text-align: center;
		background-color: #eff9f8;
		padding: 30px 10px;
		border-radius: 20px;
		margin: 40px 20px 0 20px;
	}

	.Setup__card p {
		font-size: 18px;
		line-height: 1.4;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.Setup__description {
		margin-top: 20px;
		text-align: center;
	}

	@media (max-width: 600px) {
		.Setup__select {
			flex-direction: column;
			align-items: center;
		}

		.Setup__side {
			width: auto;
		}

		.Setup__side.__left {
			padding-left: 0;
		}

		.Setup__side.__right {
			padding-right: 0;
		}

		.Setup__side svg {
			max-height: 165px;
		}

		.Setup__card p {
			font-size: 14px;
		}

		.Setup__center {
			margin: 20px 0;
		}

		.Setup__center-block {
			height: 120px;
		}

		.Setup__center-text {
			top: 40px;
		}

	}
</style>

<!-- End setup -->

<!-- education -->
<div class="Education Common__section">
	<div class="Education__container">
		<div class="Education__left-side">
			<svg width="337" height="339"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#education1"></use></svg>
		</div>
		<div class="Education__right-side">
			<h2 class="Common__header __left __wide">Получи профессию</h2>
			<p class="Education__text">Мы&nbsp;создали новую профессию&nbsp;— <strong>технический специалист GetCourse</strong>. И&nbsp;выпустили 1&nbsp;937 дипломированных специалистов.</p>

			<a class="Button" href="https://getcourse.ru/course/admin">
				<span>Хочу стать специалистом</span>
				<svg class="Button__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
			</a>
		</div>
	</div>
</div>

<style>

	.Education {
		background-color: #eff9f8;
	}

	.Education__text {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 30px;
	}

	.Education__container {
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
	}

	.Education__left-side {
		width: 50%;
		flex-shrink: 0;

		display: flex;
		justify-content: center;
	}

	.Education__right-side {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	@media (max-width: 600px) {

		.Education {
			text-align: center;
		}

		.Education__container {
			flex-direction: column-reverse;
			max-width: 390px;
			padding: 0 15px;
		}

		.Education__left-side,
		.Education__right-side {
			width: auto;
			align-items: center;
		}

		.Education__left-side svg {
			max-height: 225px;
			height: auto;
			margin-top: 50px;
		}

		.Education__text {
			font-size: 14px;
		}

		.Education .Common__header.__left.__wide {
			text-align: center;
		}

	}

</style>
<!-- End education -->

<!-- demo -->
<div class="Demo Common__section">

	<div class="Demo__container lazybg" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/465/h/df4fb0e20bd2b682c9d8aca1ce12bcc9.jpg">
		<div class="Demo_content">
			<h2 class="Demo__header Common__header __wide __white">Покажем, как работает платформа и&nbsp;как ее инструменты помогут вашему бизнесу расти</h2>

			<div class="Demo__sides">
				<div class="Demo__side __left">
					<p class="Demo__text">Что вы получите:</p>

					<ul>
						<li>40-минутная консультация — <span class="color-mark">индивидуальный</span> видеозвонок с&nbsp;действующим техническим специалистом GetCourse.</li>
						<li>Обзор всех необходимых инструментов для&nbsp;вашего будущего проекта.</li>
						<li>Ответы на&nbsp;все вопросы, связанные со&nbsp;стартом вашего бизнеса на&nbsp;платформе.</li>
					</ul>
				</div>
				<div class="Demo__side __right">
					<svg width="402" height="266"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#demo1"></use></svg>
				</div>
			</div>


			<p class="Demo__text __constraint">Оставьте заявку, чтобы назначить <span class="__colored">БЕСПЛАТНУЮ ИНДИВИДУАЛЬНУЮ</span> демонстрацию с нашим специалистом</p>

			<a class="Button" href="https://getcourse.ru/demo">
				<span>Оставить заявку</span>
				<svg class="Button__arrow" width="26" height="18"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#ar"></use></svg>
			</a>		</div>
	</div>
</div>

<style>

	.Demo {
		color: white;
		text-align: center;
	}

	.Demo__header {
		font-size: 46px;
	}

	.Demo__container {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		border-radius: 30px;
		border: 4px solid #2bbeb1;
		padding: 60px 35px 55px;
		max-width: 1170px;
		margin: 0 auto;
	}

	.Demo__text {
		font-size: 30px;
		line-height: 1.3;
		margin: 30px 0;
	}

	.Demo__text.__constraint {
		max-width: 875px;
		margin-left: auto;
		margin-right: auto;
	}

	.Demo__text .__colored {
		color: #2bbeb1;
	}

	.Demo__sides {
		display: flex;
		max-width: 1000px;
		margin: 0 auto 80px auto;
	}

	.Demo__side {
		width: 50%;
		flex-shrink: 0;

		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.Demo__side.__left {
		text-align: left;
		align-items: flex-start;
	}

	.Demo__side.__left ul {
		counter-reset: li;
		font-size: 20px;
		max-width: 540px;
		padding-left: 55px;
		list-style: none;
		margin: 0;
	}

	.Demo__side.__left ul li:not(:last-child) {
		margin-bottom: 20px;
	}

	.Demo__side.__left ul li {
		position: relative;
	}

	.Demo__side.__left ul li::before {
		counter-increment: li;
		content: counter(li);
		position: absolute;
		background: #2bbeb1;
		border-radius: 100%;
		top: 4px;

		font-size: 24px;
		font-weight: bold;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		left: -55px;
		z-index: 2;
	}

	.Demo__side.__left ul li:not(:last-child)::after {
		content: '';
		width: 1px;
		height: 100%;
		display: block;
		border-left: 1px dashed #2bbeb1;
		position: absolute;
		left: -35px;
		top: 28px;
		z-index: 0;
	}

	@media (max-width: 600px) {

		.Demo__container {
			max-width: 100%;
			padding: 60px 0 55px;
			border-radius: 0;
			border-left: 0;
			border-right: 0;
		}
		.Demo {
			color: #fff;
			text-align: center;
			padding: 0;
		}
		.Demo_content {
			max-width: 390px;
			padding: 0 20px;
			margin: 0 auto;
		}
		.Demo__sides {
			flex-direction: column;
			margin-bottom: 20px;
		}

		.Demo__side {
			width: auto;
		}

		.Demo__text {
			font-size: 18px;
		}

		.Demo__side.__left ul {
			font-size: 14px;
		}

		.Demo__side.__right {
			text-align: center;
		}

		.Demo__side.__right svg {
			max-height: 150px;
			width: auto;
		}
		.Demo__header {
			font-size: 26px;
		}
	}

</style>
<!-- End demo -->

<!-- footer -->
<div class="Footer">
	<div class="Footer__block">
		<div class="Footer__column">
			<div class="Footer__logo">
				<a href="/">
					<svg width="240" height="33"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#getcourse"></use></svg>
				</a>
			</div>

			<div class="Footer__contacts">
				<a href="mailto:support@getcourse.ru">support@getcourse.ru</a>
				<div class="Footer__contacts-phones">
					<a href="tel:+78005554703">+7 (800) 555-47-03</a>
					<a href="tel:+74951184225">+7 (495) 118-42-25</a>
				</div>
				<div class="Footer__contacts-social-media">
					<div class="footer-contacts-social-media">
						<a class="vk-link" href="https://vk.com/getcourseru" target="_blank"></a>
						<a class="youtube-link" href="https://www.youtube.com/channel/UCLqMLiyDOQCc9JQujnXeAKA/featured" target="_blank"></a>
						<a class="ok-link" href="https://ok.ru/group/70000001522379" target="_blank"></a>
						<a class="tg-link" href="https://t.me/getcourse_official" target="_blank"></a>
					</div>
				</div>
				<div class="footer-payments">
					<p>На сайте возможен приём платежей картами Visa, Mastercard и МИР</p>
					<div class="footer-payments-logo">
						<svg width="63" height="20" viewBox="0 0 63 20" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M45.3526 0.783646C43.9027 0.255329 42.3701 -0.00978362 40.827 0.000792674C35.8367 0.000792674 32.3123 2.51466 32.2873 6.12328C32.2561 8.77438 34.7918 10.2684 36.71 11.1541C38.678 12.0649 39.3361 12.6388 39.3299 13.4528C39.3174 14.691 37.7579 15.2524 36.3076 15.2524C34.3146 15.2524 33.2261 14.9748 31.5512 14.2793L30.9306 13.9893L30.2226 18.1437C31.4358 18.649 33.6222 19.0825 35.8803 19.1199C41.1857 19.1199 44.6539 16.6216 44.6945 12.7822C44.7381 10.6645 43.3658 9.06444 40.4777 7.74201C38.7217 6.8843 37.6332 6.31041 37.6332 5.44023C37.6332 4.66985 38.5657 3.84645 40.5151 3.84645C41.8124 3.81506 43.1017 4.05847 44.2984 4.56069L44.7662 4.76966L45.4742 0.755576L45.3526 0.783646ZM58.3024 0.337638H54.4037C53.1905 0.337638 52.2766 0.671365 51.7464 1.87528L44.2485 18.861H49.5538L50.6142 16.0758L57.0892 16.0821C57.242 16.7339 57.7098 18.861 57.7098 18.861H62.3882L58.3024 0.337638ZM25.1106 0.18169H30.1664L27.0038 18.7145H21.9542L25.1106 0.175453V0.18169ZM12.2762 10.3962L12.8001 12.9694L17.7406 0.337638H23.0958L15.1394 18.8361H9.7966L5.43008 3.17276C5.35936 2.91448 5.19327 2.69266 4.96536 2.55209C3.39154 1.7391 1.72398 1.12214 0 0.715028L0.0686166 0.32516H8.20594C9.31005 0.368825 10.1989 0.715029 10.4952 1.89399L12.273 10.4056V10.3962H12.2762ZM52.0645 12.2863L54.0794 7.10263C54.0544 7.15877 54.4942 6.03283 54.7499 5.3373L55.0961 6.93732L56.2658 12.2832H52.0614V12.2863H52.0645Z" fill="#9aa4af"></path>
						</svg>
						<svg width="37" height="28" viewBox="0 0 37 28" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path d="M18.2359 2.19186C19.4563 3.14981 20.4428 4.37284 21.1208 5.76837C21.7987 7.1639 22.1502 8.69536 22.1489 10.2468C22.1498 11.7978 21.798 13.3287 21.1201 14.7236C20.4422 16.1186 19.4559 17.3412 18.2359 18.2988C17.0157 17.341 16.0293 16.1182 15.3514 14.723C14.6735 13.3277 14.3218 11.7966 14.323 10.2453C14.3218 8.69411 14.6735 7.16294 15.3514 5.76769C16.0293 4.37244 17.0157 3.14966 18.2359 2.19186ZM16.9246 1.31461C15.6328 2.41731 14.5958 3.78736 13.8853 5.33008C13.1749 6.87281 12.8078 8.5514 12.8097 10.2499C12.8079 11.9476 13.1747 13.6254 13.8846 15.1676C14.5945 16.7097 15.6307 18.0794 16.9216 19.1821C15.3621 20.0575 13.6007 20.5095 11.8123 20.4932C10.024 20.4769 8.27114 19.9929 6.72789 19.0891C5.18464 18.1854 3.90479 16.8935 3.01557 15.3419C2.12635 13.7902 1.65873 12.0329 1.65918 10.2445C1.65963 8.4561 2.12815 6.69897 3.01815 5.14778C3.90816 3.59658 5.18866 2.30533 6.73236 1.40239C8.27607 0.499453 10.0292 0.0162677 11.8175 0.000868257C13.6059 -0.0145312 15.3671 0.438391 16.9261 1.31461H16.9246ZM19.5503 19.1821C20.8412 18.0794 21.8774 16.7097 22.5873 15.1676C23.2972 13.6254 23.6639 11.9476 23.6622 10.2499C23.664 8.5514 23.297 6.87281 22.5865 5.33008C21.8761 3.78736 20.8391 2.41731 19.5473 1.31461C21.1063 0.438391 22.8675 -0.0145312 24.6558 0.000868257C26.4441 0.0162677 28.1973 0.499453 29.741 1.40239C31.2847 2.30533 32.5652 3.59658 33.4552 5.14778C34.3452 6.69897 34.8137 8.4561 34.8142 10.2445C34.8146 12.0329 34.347 13.7902 33.4578 15.3419C32.5686 16.8935 31.2887 18.1854 29.7455 19.0891C28.2022 19.9929 26.4493 20.4769 24.661 20.4932C22.8727 20.5095 21.1113 20.0575 19.5518 19.1821H19.5503Z" fill="#9aa4af"></path>
							<path d="M5.4894 27.4542V25.387C5.4894 24.5945 5.00693 24.0778 4.17997 24.0778C3.76656 24.0778 3.31863 24.2156 3.00849 24.6635C2.76742 24.2845 2.42292 24.0778 1.90608 24.0778C1.56142 24.0778 1.21707 24.181 0.941311 24.5601V24.1467H0.217773V27.4542H0.941311V25.6281C0.941311 25.0425 1.25144 24.7668 1.73391 24.7668C2.21606 24.7668 2.45744 25.0769 2.45744 25.6281V27.4542H3.18098V25.6281C3.18098 25.0425 3.52533 24.7668 3.97326 24.7668C4.45573 24.7668 4.6968 25.0769 4.6968 25.6281V27.4542H5.4894ZM16.2045 24.1467H15.0332V23.1475H14.3097V24.1467H13.655V24.8012H14.3095V26.3173C14.3095 27.0754 14.6196 27.5231 15.4466 27.5231C15.7567 27.5231 16.1011 27.4199 16.3425 27.2821L16.1356 26.6618C15.9289 26.7996 15.6878 26.8341 15.5155 26.8341C15.171 26.8341 15.0332 26.6274 15.0332 26.2828V24.8012H16.2045V24.1467ZM22.3375 24.0776C21.9241 24.0776 21.6485 24.2845 21.4761 24.5601V24.1467H20.7526V27.4542H21.4761V25.5938C21.4761 25.0425 21.7172 24.7324 22.1651 24.7324C22.3029 24.7324 22.4753 24.7669 22.6131 24.8013L22.8198 24.1123C22.682 24.0778 22.4753 24.0776 22.3375 24.0776ZM13.0693 24.4223C12.7246 24.181 12.2423 24.0778 11.7255 24.0778C10.8987 24.0778 10.3475 24.4912 10.3475 25.1458C10.3475 25.6972 10.7609 26.0072 11.4844 26.1106L11.8289 26.1451C12.2079 26.2139 12.4146 26.3173 12.4146 26.4896C12.4146 26.7307 12.139 26.903 11.6566 26.903C11.1743 26.903 10.7952 26.7307 10.554 26.5585L10.2095 27.1097C10.5885 27.3853 11.1054 27.5231 11.622 27.5231C12.5868 27.5231 13.1382 27.0754 13.1382 26.4551C13.1382 25.8694 12.6902 25.5592 12.0011 25.456L11.6566 25.4214C11.3464 25.3869 11.1054 25.3181 11.1054 25.1114C11.1054 24.8702 11.3464 24.7324 11.7255 24.7324C12.139 24.7324 12.5524 24.9046 12.7591 25.008L13.0693 24.4223ZM32.2948 24.0778C31.8813 24.0778 31.6057 24.2845 31.4333 24.5601V24.1467H30.7098V27.4542H31.4333V25.5938C31.4333 25.0425 31.6746 24.7324 32.1223 24.7324C32.2603 24.7324 32.4326 24.7669 32.5704 24.8013L32.7771 24.1123C32.6393 24.0778 32.4326 24.0778 32.2948 24.0778ZM23.061 25.8005C23.061 26.7996 23.75 27.5231 24.8182 27.5231C25.3005 27.5231 25.645 27.4199 25.9895 27.1443L25.645 26.5585C25.3694 26.7652 25.0938 26.8685 24.7837 26.8685C24.198 26.8685 23.7845 26.4551 23.7845 25.8005C23.7845 25.1803 24.198 24.7668 24.7837 24.7324C25.0938 24.7324 25.3694 24.8357 25.645 25.0425L25.9895 24.4568C25.645 24.181 25.3005 24.0778 24.8182 24.0778C23.75 24.0778 23.061 24.8013 23.061 25.8005ZM29.7452 25.8005V24.1467H29.0216V24.5601C28.7804 24.2501 28.4359 24.0778 27.988 24.0778C27.0577 24.0778 26.3342 24.8013 26.3342 25.8005C26.3342 26.7996 27.0577 27.5231 27.988 27.5231C28.4703 27.5231 28.8149 27.351 29.0216 27.0408V27.4542H29.7452V25.8005ZM27.0921 25.8005C27.0921 25.2147 27.4711 24.7324 28.0912 24.7324C28.677 24.7324 29.0905 25.1803 29.0905 25.8005C29.0905 26.3862 28.677 26.8685 28.0912 26.8685C27.4711 26.834 27.0921 26.3862 27.0921 25.8005ZM18.4442 24.0778C17.4794 24.0778 16.7902 24.7668 16.7902 25.8005C16.7902 26.8341 17.4793 27.5231 18.4785 27.5231C18.9609 27.5231 19.4433 27.3853 19.8224 27.0754L19.4777 26.5585C19.2021 26.7652 18.8576 26.903 18.5131 26.903C18.0651 26.903 17.6172 26.6963 17.5138 26.1104H19.9602V25.835C19.9947 24.7668 19.3746 24.0778 18.4442 24.0778ZM18.4442 24.6979C18.892 24.6979 19.2022 24.9736 19.271 25.4905H17.5483C17.6172 25.0425 17.9273 24.6979 18.4442 24.6979ZM36.3948 25.8005V22.8374H35.6713V24.5601C35.4301 24.2501 35.0855 24.0778 34.6376 24.0778C33.7074 24.0778 32.9838 24.8013 32.9838 25.8005C32.9838 26.7996 33.7074 27.5231 34.6376 27.5231C35.1201 27.5231 35.4646 27.351 35.6713 27.0408V27.4542H36.3948V25.8005ZM33.7419 25.8005C33.7419 25.2147 34.1208 24.7324 34.741 24.7324C35.3268 24.7324 35.7402 25.1803 35.7402 25.8005C35.7402 26.3862 35.3268 26.8685 34.741 26.8685C34.1208 26.834 33.7419 26.3862 33.7419 25.8005ZM9.55486 25.8005V24.1467H8.83133V24.5601C8.5901 24.2501 8.24559 24.0778 7.79766 24.0778C6.86742 24.0778 6.14388 24.8013 6.14388 25.8005C6.14388 26.7996 6.86742 27.5231 7.79766 27.5231C8.28012 27.5231 8.62462 27.351 8.83133 27.0408V27.4542H9.55486V25.8005ZM6.86742 25.8005C6.86742 25.2147 7.24645 24.7324 7.86656 24.7324C8.45229 24.7324 8.86586 25.1803 8.86586 25.8005C8.86586 26.3862 8.45229 26.8685 7.86656 26.8685C7.24645 26.834 6.86742 26.3862 6.86742 25.8005Z" fill="#9aa4af"></path>
						</svg>
						<svg width="64" height="18" viewBox="0 0 64 18" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" clip-rule="evenodd" d="M56.3984 0H44.3408C44.9891 3.98571 48.8786 7.71429 53.1571 7.71429H62.7514C62.881 7.32857 62.881 6.81429 62.881 6.42857C62.881 2.82857 60.0287 0 56.3984 0Z" fill="#9AA4AF"></path>
							<path fill-rule="evenodd" clip-rule="evenodd" d="M45.3782 8.35715V18H51.2125V12.8571H56.3986C59.2509 12.8571 61.7143 10.9286 62.4922 8.35715H45.3782Z" fill="#9AA4AF"></path>
							<path fill-rule="evenodd" clip-rule="evenodd" d="M24.6338 0V18H29.8199C29.8199 18 31.1164 18 31.7646 16.7143C35.2652 9.77143 36.3025 7.71429 36.3025 7.71429H36.9507V18H42.785V0H37.599C37.599 0 36.3025 0.128571 35.6542 1.28571C32.6722 7.2 31.1164 10.2857 31.1164 10.2857H30.4681V0H24.6338Z" fill="#9AA4AF"></path>
							<path fill-rule="evenodd" clip-rule="evenodd" d="M0 18V0H5.83433C5.83433 0 7.51981 0 8.42737 2.57143C10.7611 9.38571 11.0204 10.2857 11.0204 10.2857C11.0204 10.2857 11.539 8.61429 13.6134 2.57143C14.521 0 16.2065 0 16.2065 0H22.0408V18H16.2065V8.35714H15.5582L12.3169 18H9.72389L6.48259 8.35714H5.83433V18H0Z" fill="#9AA4AF"></path>
						</svg>
					</div>
				</div>
				<div class="Footer__contacts-copyright">
					<!--  <a class="scolkovo-link" href="https://sk.ru/" target="_blank">
						  <svg width="60" height="43"><use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#skolkovo"></use></svg>
					  </a>-->
					<p>© GetCourse™ Россия</p>
				</div>
			</div>
		</div>
		<div class="Footer__column">
			<div class="Footer__menu">
				<div class="Footer__menu-column">
					<div class="Footer__title">
						<p>Компания</p>
					</div>
					<ul class="Footer__list">
						<li><a href="/contacts">Контакты</a></li>
						<!-- <li><a href="https://getcourse.ru/global?utm_source=mainpage&utm_medium=footer">GetCourse Global</a></li> -->
						<!-- <li><a href="/career">Карьера</a></li>-->
						<li><a href="/do">Подрядчики</a></li>
						<li><a href="/partners">Партнерская программа</a><li>
					</ul>
				</div>
				<div class="Footer__menu-column">
					<div class="Footer__title">
						<p>База знаний</p>
					</div>
					<ul class="Footer__list">
						<!-- <li><a href="/help">FAQ</a></li> -->
						<li><a href="/main_blog?utm_source=mainpage&utm_medium=menu&utm_campaign=footer">Блог</a></li>
						<!-- <li><a href="/free">Мастер-классы</a></li> -->
						<li><a href=" /learn?utm_source=mainpage&utm_medium=menu&utm_campaign=footer">Университет GetCourse</a></li>
						<li><a href="/brandbook">Бренд GetCourse</a></li>
						<li><a href="https://status.getcourse.ru/" target="_blank">Статус подсистем GetCourse</a></li>
					</ul>
				</div>
				<div class="Footer__menu-column">
					<div class="Footer__title">
						<p>Юридические документы </p>
					</div>
					<ul class="Footer__list">
						<li><a href="/oferta">Договор оферты</a></li>
						<li><a href="/contacts">Информация о юридическом лице</a></li>
						<li><a href="/privacy_policy">Политика обработки персональных данных</a></li>
					</ul>
				</div>
			</div>
			<div class="Footer__contacts-copyright mobile">
				<!--   <a class="scolkovo-link" href="https://sk.ru/" target="_blank">
					   <img class="lazyimage" width="59" height="43" data-src="https://fs.getcourse.ru/fileservice/file/download/a/116/sc/43/h/261b7a7534aa816a86b497b49bf01601.jpg" alt="Сколково">
				   </a> -->
				<p>© GetCourse™ Россия</p>
			</div>
		</div>
	</div>
</div>

<style>

	.Footer {
		padding: 60px 0;
		background-color: #34495e;
		color: white;
	}

	.Footer__block {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 15px;
		display: flex;
		align-items: flex-start;
		font-size: 14px;
	}

	.Footer__block a {
		color: #ffffff80;
		text-decoration: none;
	}

	.Footer__block a:hover {
		text-decoration: underline;
		outline: none;
	}

	.Footer__column:nth-child(1) {
		max-width: 260px;
		width: 100%;
		margin-right: 50px;
	}
	.Footer__column:nth-child(2) {
		max-width: 100%;
		width: 100%;
	}
	.footer-contacts-social-media {
		display: flex;
		margin-bottom: 30px;
	}
	.footer-payments {
		margin-bottom: 20px;
		color: rgba(255,255,255,0.5);
	}

	.footer-payments p {
		margin-bottom: 10px;
	}

	.footer-payments-logo {
		display: flex;
		align-items: center;
	}

	.footer-payments-logo svg:not(:last-child) {
		margin-right: 15px;
	}


	.Footer__logo {
		margin-bottom: 23px;
	}
	.Footer__contacts-phones {
		margin-bottom: 36px;
		margin-top: 3px;
		display: flex;
		justify-content: space-between;
	}
	.footer-contacts-social-media a {
		width: 45px;
		height: 45px;
		background-color: rgba(255, 255, 255, .15);
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
		border-radius: 100%;
	}
	.footer-contacts-social-media a:not(:last-child) {
		margin-right: 8px;
	}

	.footer-contacts-social-media .tg-link {
		background-size: 50%;
		background-position: center left 45%;
		background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.51239 7.84878C7.41795 5.27581 11.3559 3.57956 13.3263 2.76001C18.9521 0.420043 20.1211 0.0135653 20.883 0.00014311C21.0506 -0.00280894 21.4253 0.0387224 21.668 0.235668C21.873 0.401964 21.9294 0.626607 21.9563 0.784275C21.9833 0.941942 22.0169 1.30111 21.9902 1.58176C21.6854 4.785 20.3662 12.5584 19.6951 16.1461C19.4111 17.6642 18.852 18.1732 18.3107 18.223C17.1343 18.3313 16.2409 17.4456 15.1015 16.6987C13.3186 15.5299 12.3113 14.8024 10.5807 13.6619C8.58058 12.3439 9.87715 11.6194 11.017 10.4356C11.3153 10.1257 16.4986 5.41113 16.5989 4.98344C16.6115 4.92995 16.6231 4.73057 16.5046 4.62528C16.3862 4.52 16.2114 4.55601 16.0852 4.58464C15.9064 4.62522 13.0581 6.50784 7.54035 10.2325C6.73187 10.7876 5.99958 11.0581 5.34347 11.044C4.62016 11.0283 3.2288 10.635 2.19447 10.2988C0.925826 9.88638 -0.0824703 9.66835 0.00532971 8.96799C0.0510613 8.6032 0.553413 8.23013 1.51239 7.84878Z' fill='white'/%3E%3C/svg%3E%0A");
	}

	.footer-contacts-social-media .vk-link {
		background-image: url("data:image/svg+xml,%3Csvg width='25' height='16' viewBox='0 0 25 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.293 15.2291C4.95432 15.2291 0.198176 9.51244 0 0H4.17694C4.31414 6.98189 7.39341 9.93928 9.8325 10.5491V0H13.7657V6.0215C16.1743 5.76234 18.7045 3.01837 19.5582 0H23.4913C22.8358 3.71961 20.0918 6.46358 18.1406 7.59166C20.0918 8.50632 23.2171 10.8997 24.4061 15.2291H20.0766C19.1467 12.3326 16.8298 10.0917 13.7657 9.78684V15.2291H13.293Z' fill='white'/%3E%3C/svg%3E%0A");
	}

	.footer-contacts-social-media .ok-link {
		background-size: auto 60%;
		background-image: url("data:image/svg+xml,%3Csvg width='15' height='26' viewBox='0 0 15 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.50055 0C3.8149 0 0.816661 2.99778 0.816661 6.68309C0.816661 10.3681 3.8149 13.3645 7.50055 13.3645C11.1861 13.3645 14.1828 10.3681 14.1828 6.68309C14.1828 2.99778 11.1861 0 7.50055 0ZM7.50055 3.91567C9.02594 3.91567 10.2664 5.15773 10.2664 6.68309C10.2664 8.20781 9.02597 9.44891 7.50055 9.44891C5.97485 9.44891 4.73313 8.20783 4.73313 6.68309C4.73313 5.15773 5.97485 3.91567 7.50055 3.91567ZM1.99 13.5919C1.32872 13.5816 0.678439 13.9076 0.301215 14.5087C-0.275264 15.4245 0.000896112 16.633 0.914592 17.209C2.12317 17.9672 3.43462 18.5052 4.79465 18.8152L1.05944 22.5521C0.294793 23.3171 0.295441 24.5561 1.06025 25.3211C1.44358 25.7029 1.94354 25.894 2.44477 25.894C2.94549 25.894 3.44713 25.7026 3.8293 25.3203L7.49897 21.649L11.1719 25.3203C11.9359 26.0851 13.1748 26.0851 13.9401 25.3203C14.7051 24.5558 14.7051 23.3155 13.9401 22.5521L10.2033 18.8161C11.5637 18.506 12.8756 17.9678 14.0833 17.209C14.9988 16.633 15.2754 15.4232 14.6991 14.5088C14.1222 13.5928 12.9142 13.3168 11.998 13.8938C9.26176 15.6149 5.73608 15.6138 3.00067 13.8938C2.68579 13.6954 2.33638 13.5973 1.99 13.5919V13.5919Z' fill='white'/%3E%3C/svg%3E%0A");
	}

	.footer-contacts-social-media .youtube-link {
		background-image: url("data:image/svg+xml,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0967 2.83388C24.9526 2.29723 24.6701 1.80783 24.2774 1.41467C23.8848 1.02151 23.3957 0.738381 22.8593 0.593611C20.8846 0.0625001 12.9688 0.0625 12.9688 0.0625C12.9688 0.0625 5.05294 0.0624999 3.07823 0.590786C2.54153 0.735087 2.05224 1.01806 1.6595 1.41129C1.26677 1.80453 0.984409 2.29417 0.840785 2.83106C0.3125 4.8086 0.3125 8.93318 0.3125 8.93318C0.3125 8.93318 0.3125 13.0578 0.840785 15.0325C1.13177 16.1229 1.99058 16.9818 3.07823 17.2727C5.05294 17.8039 12.9688 17.8039 12.9688 17.8039C12.9688 17.8039 20.8846 17.8039 22.8593 17.2727C23.9497 16.9818 24.8057 16.1229 25.0967 15.0325C25.625 13.0578 25.625 8.93318 25.625 8.93318C25.625 8.93318 25.625 4.8086 25.0967 2.83388ZM10.4545 12.7188V5.1476L17.0086 8.90493L10.4545 12.7188Z' fill='white'/%3E%3C/svg%3E%0A");
	}
	.Footer__contacts-copyright {
		font-size: 18px;
		display: flex;
		align-items: center;
	}

	.Footer__contacts-copyright .scolkovo-link {
		margin-right: 20px;
	}

	.Footer__menu {
		display: flex;
		align-items: flex-start;
	}
	.Footer__list {
		list-style: none;
		margin: 0;
		padding: 0 0 0 10px;
	}
	.Footer__title {
		font-size: 20px;
		line-height: 1;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding: 0 0 10px 10px;
		margin-bottom: 10px;
	}
	.Footer__menu-column {
		max-width: 215px;
		width: 100%;
		margin-right: 50px;
	}
	.Footer__menu-column:nth-child(1) .Footer__list,
	.Footer__menu-column:nth-child(2) .Footer__list {
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: flex-start;
		/*max-height: 75px;*/
	}
	.Footer__menu-column:last-child {
		max-width: 305px;
		width: 100%;
		margin-right: 0;
	}

	.Footer__projects-list {
		max-width: 650px;
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: flex-start;
		max-height: 89px;
	}
	.Footer__list li {
		display: table;
		margin-bottom: 10px;
		margin-right: 5px;
	}
	.Footer__projects-list li:nth-child(2),
	.Footer__projects-list li:nth-child(4) {
		max-width: 150px;
	}

	.Footer__contacts-copyright.mobile {
		display: none;
	}
	.Footer__menu-column:first-child .Footer__list {
		max-height: unset !important;
	}
	@media screen and (max-width: 1195px) {
		.Footer__menu {
			display: flex;
			align-items: flex-start;
			flex-wrap: wrap;
		}
		.Footer__menu-column {
			margin-bottom: 35px;
		}
		.Footer__projects-list {
			max-height: 160px;
		}
	}

	@media screen and (max-width: 991px) {
		.Footer__projects-list {
			max-height: unset;
		}
		.Footer__column:nth-child(1) {
			margin-right: 30px;
		}
	}
	@media screen and (max-width: 600px) {
		.Footer__block {
			flex-direction: column;
			align-items: center;
			text-align: center;
		}
		.Footer__menu {
			flex-direction: column;
			align-items: center;
		}
		.Footer__projects-list {
			flex-direction: column;
			max-height: unset;
			align-items: center;
		}
		.Footer__menu-column:nth-child(1) .Footer__list,
		.Footer__menu-column:nth-child(2) .Footer__list {
			max-width: 316px;
			width: 100%;
			/* max-height: 55px; */
			padding-left: 0;
			justify-content: space-between;
			align-items: center;
		}
		.Footer__list li {
			display: block;
		}
		.Footer__column:nth-child(1) {
			margin-right: 0;
		}
		.Footer__contacts-copyright {
			display: none;
		}
		.Footer__list {
			padding: 0;
		}
		.Footer__menu-column {
			max-width: 280px;
			margin-right: 0;
			margin-bottom: 35px;
		}
		.Footer__title {
			padding: 0 0 10px;
			margin-bottom: 10px;
		}
		.Footer__projects-list li:nth-child(2),
		.Footer__projects-list li:nth-child(6) {
			max-width: 100%;
		}
		.Footer__list li {
			margin-bottom: 5px;
		}
		.Footer__logo img {
			max-width: 124px;
			height: auto;
		}
		.Footer__logo {
			margin-bottom: 15px;
		}
		.Footer__contacts-phones {
			margin-bottom: 17px;
		}
		.footer-contacts-social-media {
			margin-bottom: 35px;
			justify-content: center;
		}
		.Footer__contacts-copyright {
			display: none;
		}
		.Footer__contacts-copyright.mobile {
			display: flex;
			justify-content: center;
			margin-top: 35px;
		}
		.footer-payments-logo {
			justify-content: center;
		}
		.Footer__menu-column:first-child .Footer__list {
			padding-left: 0;
			justify-content: center;
			align-items: center;
		}
	}

</style>
<!-- End footer -->

<!-- menu -->
<div class="Menu">
	<div id="Menu" class="Menu__desktop">
		<div class="Menu__desktop-wrapper ">
			<div class="Menu__desktop-left">
				<svg width="160" height="33">
					<use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#getcourse"></use>
				</svg>
			</div>
			<div class="Menu__desktop-center">
				<a class="Menu__desktop-link" href="/prices">Тарифы</a>
				<a class="Menu__desktop-link" href="/start">Услуги</a>
				<a class="Menu__desktop-link" href=" /learn?utm_source=mainpage&utm_medium=menu&utm_campaign=header">Университет</a>
				<a class="Menu__desktop-link"
				   href="/getcoursepay?utm_source=mainpage&utm_medium=menu&utm_campaign=getpayheader">Get
					Модуль</a>
				<a class="Menu__desktop-link"
				   href="/gcads?utm_source=mainpage&utm_medium=menu&utm_campaign=header">
					GC ADS
				</a>
				<a class="Menu__desktop-link"
				   href="/qualityreestr?utm_source=mainpage&utm_medium=menu&utm_campaign=getpayheader">
					Знак качества
				</a>
				<span class="Menu__desktop-submenu gc-self-employed">
          			<span class="Menu__desktop-link">Помощь<svg width="12" height="7" viewBox="0 0 12 7" fill="none"
														   xmlns="http://www.w3.org/2000/svg">
              		<path fill-rule="evenodd" clip-rule="evenodd"
					d="M1.7125 0.2925L5.5925 4.1725L9.4725 0.2925C9.8625 -0.0975 10.4925 -0.0975 10.8825 0.2925C11.2725 0.6825 11.2725 1.3125 10.8825 1.7025L6.2925 6.2925C5.9025 6.6825 5.2725 6.6825 4.8825 6.2925L0.2925 1.7025C-0.0975 1.3125 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0875 1.3225 -0.0975 1.7125 0.2925Z"
					fill="white"></path>
            		</svg>
          			</span>
          			<ul>
            			<li><a href="https://getcourse.ru/main_blog?utm_source=mainpage&utm_medium=menu&utm_campaign=header">База знаний</a></li>
						<li><a href="https://getcourse.ru/do?utm_source=mainpage&utm_medium=menu&utm_campaign=header">Подрядчики</a></li>
						<li><a href="https://getcourse.ru/contacts?utm_source=mainpage&utm_medium=menu&utm_campaign=header">Поддержка</a></li>
          			</ul>
        		</span>
				<span class="Menu__desktop-submenu gc-self-employed">
          			<span class="Menu__desktop-link">Самозанятые<svg width="12" height="7" viewBox="0 0 12 7" fill="none"
														   xmlns="http://www.w3.org/2000/svg">
              		<path fill-rule="evenodd" clip-rule="evenodd"
					d="M1.7125 0.2925L5.5925 4.1725L9.4725 0.2925C9.8625 -0.0975 10.4925 -0.0975 10.8825 0.2925C11.2725 0.6825 11.2725 1.3125 10.8825 1.7025L6.2925 6.2925C5.9025 6.6825 5.2725 6.6825 4.8825 6.2925L0.2925 1.7025C-0.0975 1.3125 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0875 1.3225 -0.0975 1.7125 0.2925Z"
					fill="white"></path>
            		</svg>
          			</span>
          			<ul>
            			<li><a href="/help/nalog">GetCourse для самозанятых</a></li>
            			<li><a href="/catalog">Каталог проектов самозанятых</a></li>
          			</ul>
        		</span>
			</div>
			<div class="Menu__desktop-right">
				<a class="Menu__button Menu__button--guest" href="/cms/system/login" style="display:none;">
					Вход
					<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
						 clip-rule="evenodd" stroke="#2bbeb1">
						<path
							d="M12 0c-6.623 0-12 5.377-12 12s5.377 12 12 12 12-5.377 12-12-5.377-12-12-12zm0 1c-6.071 0-11 4.929-11 11s4.929 11 11 11 11-4.929 11-11-4.929-11-11-11zm4.828 11.5l-4.608 3.763.679.737 6.101-5-6.112-5-.666.753 4.604 3.747h-11.826v1h11.828z" />
					</svg>
				</a>

				<a class="Menu__button Menu__button--logined" href="/pl/user/profile" style="display:none;">
					Профиль
					<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
						 clip-rule="evenodd" stroke="#2bbeb1">
						<path
							d="M12 0c-6.623 0-12 5.377-12 12s5.377 12 12 12 12-5.377 12-12-5.377-12-12-12zm0 1c-6.071 0-11 4.929-11 11s4.929 11 11 11 11-4.929 11-11-4.929-11-11-11zm4.828 11.5l-4.608 3.763.679.737 6.101-5-6.112-5-.666.753 4.604 3.747h-11.826v1h11.828z" />
					</svg>
				</a>

				<div class="main-user-block" style="display: none">
					<div class="main-user-block__user-data">
						<a class="main-user-block__inner" href="#">
							<p class="main-user-block__username"></p>
							<div class="main-user-block__img-box">
								<img class="main-user-block__img" alt="User">
							</div>
						</a>
						<section class="main-user-block__user-bar  main-user-bar">
							<a href="/pl/user/profile" class="main-user-bar__link">Профиль</a>
							<a href="/user/my/profile" class="main-user-bar__link">Настройки</a>
							<a href="/user/my/logout" class="main-user-bar__link">Выход</a>
						</section>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="MenuMobile" class="Menu__mobile">
		<div class="Menu__mobile-top">
			<svg class="Menu__mobile-left" width="140">
				<use xlink:href="/public/main-page/assets/sprite.11f34e395f709ad5a903503cc6de070a_2.svg#getcourse"></use>
			</svg>
			<svg id="MenuMobileToggler" class="Menu__mobile-center" width="30" height="22" xmlns="http://www.w3.org/2000/svg">
				<path stroke="#fff" stroke-width="2" d="M0 1h30M0 11h30M0 21h30" />
			</svg>
			<div class="Menu__mobile-right">
				<a class="Menu__button Menu__button--guest" href="/cms/system/login" style="display:none;">
					Вход
					<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
						 clip-rule="evenodd" stroke="#2bbeb1">
						<path
							d="M12 0c-6.623 0-12 5.377-12 12s5.377 12 12 12 12-5.377 12-12-5.377-12-12-12zm0 1c-6.071 0-11 4.929-11 11s4.929 11 11 11 11-4.929 11-11-4.929-11-11-11zm4.828 11.5l-4.608 3.763.679.737 6.101-5-6.112-5-.666.753 4.604 3.747h-11.826v1h11.828z" />
					</svg>
				</a>

				<a class="Menu__button Menu__button--logined" href="/pl/user/profile" style="display:none;">
					Профиль
					<svg width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd"
						 clip-rule="evenodd" stroke="#2bbeb1">
						<path
							d="M12 0c-6.623 0-12 5.377-12 12s5.377 12 12 12 12-5.377 12-12-5.377-12-12-12zm0 1c-6.071 0-11 4.929-11 11s4.929 11 11 11 11-4.929 11-11-4.929-11-11-11zm4.828 11.5l-4.608 3.763.679.737 6.101-5-6.112-5-.666.753 4.604 3.747h-11.826v1h11.828z" />
					</svg>
				</a>
			</div>
		</div>
		<div class="Menu__mobile-bottom">
			<a class="Menu__mobile-link" href="/prices">Тарифы</a>
			<a class="Menu__mobile-link" href="/start">Услуги</a>
			<a class="Menu__mobile-link" href="/learn">Курсы</a>

			<a class="Menu__mobile-link"
			   href="/getcoursepay?utm_source=mainpage&utm_medium=menu&utm_campaign=getpayheader">Get
				Модуль</a>
			<a class="Menu__mobile-link"
			   href="/gcads?utm_source=mainpage&utm_medium=menu&utm_campaign=header">
				GC ADS
			</a>
			<a class="Menu__mobile-link"
			   href="/qualityreestr?utm_source=mainpage&utm_medium=menu&utm_campaign=getpayheader">
				Знак качества
			</a>
			<div class="Menu__mobile-submenu gc-self-employed">
        		<span class="Menu__mobile-link">Помощь<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
            		<path fill-rule="evenodd" clip-rule="evenodd"
				  d="M1.7125 0.2925L5.5925 4.1725L9.4725 0.2925C9.8625 -0.0975 10.4925 -0.0975 10.8825 0.2925C11.2725 0.6825 11.2725 1.3125 10.8825 1.7025L6.2925 6.2925C5.9025 6.6825 5.2725 6.6825 4.8825 6.2925L0.2925 1.7025C-0.0975 1.3125 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0875 1.3225 -0.0975 1.7125 0.2925Z"
				  fill="white"></path>
         		 </svg>
        		</span>
				<ul style="display: none;">
					<li><a class="Menu__mobile-link" href="https://getcourse.ru/main_blog?utm_source=mainpage&utm_medium=menu&utm_campaign=header">База знаний</a></li>
					<li><a class="Menu__mobile-link" href="https://getcourse.ru/do?utm_source=mainpage&utm_medium=menu&utm_campaign=header">Подрядчики</a></li>
					<li><a class="Menu__mobile-link" href="https://getcourse.ru/contacts?utm_source=mainpage&utm_medium=menu&utm_campaign=header">Поддержка</a></li>
				</ul>
			</div>
			<div class="Menu__mobile-submenu gc-self-employed">
        		<span class="Menu__mobile-link">Самозанятые<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg">
            		<path fill-rule="evenodd" clip-rule="evenodd"
				  d="M1.7125 0.2925L5.5925 4.1725L9.4725 0.2925C9.8625 -0.0975 10.4925 -0.0975 10.8825 0.2925C11.2725 0.6825 11.2725 1.3125 10.8825 1.7025L6.2925 6.2925C5.9025 6.6825 5.2725 6.6825 4.8825 6.2925L0.2925 1.7025C-0.0975 1.3125 -0.0975 0.6825 0.2925 0.2925C0.6825 -0.0875 1.3225 -0.0975 1.7125 0.2925Z"
				  fill="white"></path>
         		 </svg>
        		</span>
				<ul style="display: none;">
					<li><a class="Menu__mobile-link" href="/help/nalog">GetCourse для самозанятых</a></li>
					<li><a class="Menu__mobile-link" href="/catalog">Каталог проектов самозанятых</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<style>
	.Menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		user-select: none;
		transition: left 0.4s;
	}

	@media (min-width: 770px) {

		.__with-menu .Menu {
			left: 70px;
		}

	}

	.Menu__mobile {
		display: none;
	}

	.Menu__desktop {
		transition: background-color 0.3s;
		background-color: transparent;
	}

	.Menu__desktop.__sticky {
		background-color: #34495e;
	}

	.Menu__desktop-wrapper {
		height: 80px;
		max-width: 1230px;
		padding: 0 15px;
		margin: 0 auto;
		position: relative;
		display: flex;
		align-items: center;
		grid-gap: 20px;
		justify-content: space-between;
	}

	.Menu__desktop-left {
		display: flex;
		align-items: center;
	}

	.Menu__desktop-right {
		display: flex;
		align-items: center;
		min-width: 160px;
	}

	.Menu__desktop-center {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-around;
		display: flex;
		flex-wrap: wrap;
		grid-gap: 5px 8px;
	}

	.Menu__desktop-link {
		color: white;
		text-decoration: none;
		padding: 0;
		display: flex;
		align-items: center;
	}

	a.Menu__desktop-link {
		display: flex;
		white-space: nowrap;
	}
	a.Menu__desktop-link:not(:last-child) {
		margin-right: 0;
	}

	.Menu__desktop-link:hover {
		text-decoration: underline;
	}

	.Menu__button {
		color: white;
		height: 44px;
		background-color: transparent;
		border: 1px solid #2bbeb2;
		border-radius: 22px;
		font-size: 20px;
		display: inline-flex;
		align-items: center;
		padding: 12px 22px;
		font-weight: 400;
		max-height: 44px;
		text-decoration: none;
		outline: none;
		transition: 0.3s ease-in-out;
	}

	.Menu__button:hover {
		background-color: #2bbeb231;
	}

	.Menu__button svg {
		margin-left: 10px;
	}

	.Menu__desktop-submenu {
		position: relative;
	}

	.Menu__desktop-submenu ul {
		width: 285px;
		display: block;
		padding-top: 10px;
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 5;
		transform: translateX(-50%);
		opacity: 0;
		visibility: hidden;
		transition: .3s ease-in-out;
	}

	.Menu__desktop-submenu ul:after {
		content: '';
		width: 100%;
		height: calc(100% - 10px);
		background: rgba(30, 49, 66, .94);
		box-shadow: 0 22px 31px rgba(0, 0, 0, .28);
		backdrop-filter: blur(9px);
		-webkit-backdrop-filter: blur(9px);
		border-radius: 6px;
		display: block;
		position: absolute;
		top: 10px;
		left: 0;
		z-index: -1;
	}

	.Menu__desktop-submenu ul:before {
		content: '';
		width: 11px;
		height: 11px;
		background: rgba(30, 49, 66, .94);
		backdrop-filter: blur(9px);
		-webkit-backdrop-filter: blur(9px);
		display: block;
		position: absolute;
		top: 8px;
		left: 50%;
		transform: rotate(45deg) translateX(-50%);
	}

	.Menu__desktop-submenu:hover ul {
		visibility: visible;
		opacity: 1;
	}

	.Menu__desktop-submenu ul>li {
		position: relative;
	}

	.Menu__desktop-submenu ul>li>a {
		line-height: 1.5;
		color: #FFFFFF;
		text-align: center;
		text-decoration: none;
		display: block;
		padding: 5px 8px;
		border-radius: 6px;
		transition: .3s ease-in-out;
	}

	.Menu__desktop-submenu ul>li>a:hover {
		text-decoration: none;
		background: #2BBEB1;
	}

	.Menu__desktop-submenu>span.Menu__desktop-link>svg {
		display: inline-block;
		max-width: 12px;
		margin-left: 10px;
		vertical-align: middle;
	}

	@media screen and (min-width: 1191px) {
		a.Menu__desktop-link {
			position: relative;
		}

		a.Menu__desktop-link:before {
			content: '';
			background: #FFFFFF;
			width: 0;
			height: 2px;
			display: block;
			position: absolute;
			bottom: -6px;
			left: 50%;
			transform: translateX(-50%);
			transition: 0.3s;
		}

		.Menu__desktop-link:hover {
			text-decoration: none;
		}

		a.Menu__desktop-link:hover:before {
			width: 100%;
		}
	}

	@media (max-width: 1300px) {

		.Menu__desktop-left {
			left: 15px;
		}

		.Menu__desktop-right {
			right: 15px;
		}

	}

	@media (max-width: 1100px) {

		.Menu__desktop {
			display: none;
		}

		.Menu__mobile {
			display: block;
			background-color: #34495e;
		}

		.Menu__mobile-top {
			height: 80px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.Menu__mobile-left,
		.Menu__mobile-right {
			max-width: 130px;
			flex-shrink: 0;
			height: auto;
			min-width: 130px;
		}

		.Menu__mobile-center {
			margin: 0 20px;
		}

		.Menu__mobile-bottom {
			height: 0;
			transition: height 0.3s;
			overflow: hidden;
		}

		.__opened .Menu__mobile-bottom {
			height: calc(100vh - 80px);
			padding-bottom: 60px;
			/* 44 x 6 + 10*/
		}

		.__opened-with-countries .Menu__mobile-bottom {
			height: calc(100vh - 80px);
			overflow: auto;
			/* 44 x 6 + 10*/
		}

		.Menu__mobile-link {
			color: white;
			text-align: center;
			text-decoration: none;
			outline: none;
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 44px;
		}

		.Menu__mobile-submenu ul {
			padding-top: 10px 0;
		}

		.Menu__mobile-submenu>span.Menu__mobile-link>svg {
			display: inline-block;
			max-width: 12px;
			margin-left: 10px;
			vertical-align: middle;
		}

		.Menu__mobile-link:hover {
			background-color: rgba(255, 255, 255, 0.1);
		}

		.Menu__mobile .Menu__button {
			height: 36px;
			font-size: 16px;
			padding: 9px 16px;
		}

	}


	.Menu__desktop-right {
		display: flex;
		align-items: center;
	}

	.international-links {
		font-family: 'Roboto', sans-serif;
		font-style: normal;
		font-weight: 600;
		font-size: 24px;
		line-height: 1.2;
		color: #F5F5F5;
		position: relative;
		margin-right: 25px;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.international-links a {
		font-size: 24px;
		font-weight: 600;
		color: #F5F5F5;
		text-decoration: none;
	}

	.international-links-list {
		text-align: left;
		list-style: none;
		padding: 18px 21px;
		position: absolute;
		left: 32px;
		top: 60px;
		visibility: hidden;
		opacity: 0;
		transition: 0.3s ease-in-out;
	}

	.international-links:hover .international-links-list {
		visibility: visible;
		opacity: 1;
	}

	.international-links-list li {
		position: relative;
		z-index: 5;
	}

	.international-links-list li a {
		display: flex;
		align-items: center;
	}

	.international-links-list li:not(:last-child) {
		margin-bottom: 10px;
	}

	.international-links-list:before {
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(30, 49, 66, 0.94);
		box-shadow: 0px 22px 31px rgba(0, 0, 0, 0.28);
		backdrop-filter: blur(9px);
		-webkit-backdrop-filter: blur(9px);
		border-radius: 6px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}

	.international-links-list:after {
		content: '';
		width: 11px;
		height: 11px;
		background: rgba(30, 49, 66, 0.94);
		backdrop-filter: blur(9px);
		-webkit-backdrop-filter: blur(9px);
		display: block;
		position: absolute;
		top: -5px;
		left: 13px;
		transform: rotate(45deg);
	}

	.international-main-link {
		display: flex;
		align-items: center;
		cursor: pointer;

	}

	.international-main-link>svg {
		display: block;
		max-width: 12px;
		/* width: 100%; */
		margin-left: 10px;
	}

	.international-link-flag {
		margin-right: 0;
	}

	.international-link-flag svg {
		display: block !important;
		max-width: 24px;
		/* width: 100%; */
		margin-right: 5px;
		height: auto;
	}

	@media screen and (max-width: 1100px) {
		.international-links {
			padding: 0;
			display: block;
			margin: 0;
			height: auto;
		}

		.international-links a {
			font-size: 18px;
			font-weight: 600;
			color: #F5F5F5;
			text-decoration: none;
		}

		.international-links-list li:not(:last-child) {
			margin-bottom: 10px;
		}

		.international-links-list {
			left: 0;
			top: 0;
			position: relative;
			transform: none;
			opacity: 1;
			visibility: visible;
			display: none;
			padding: 0;
			transition: 0s;
			flex-direction: column;
			align-items: center;
			height: auto;
			padding-top: 10px;
		}

		.__opened-with-countries .Menu__mobile-bottom .international-links-list {
			display: flex;
		}

		.international-links-list:before,
		.international-links-list:after {
			display: none;
		}

		.international-main-link {
			font-size: 0;
			line-height: 1.23;
			justify-content: center;
			/* padding: 10px 0 20px; */
		}

		.international-main-link {
			font-size: 16px;
			font-weight: 400;
		}

		.international-links-list li a {
			width: 56px;
		}
	}
</style>

<script>
	(function () {

		var menuMobileElement = document.getElementById('MenuMobile')
		var menuMobileTogglerElement = document.getElementById('MenuMobileToggler')
		// var menuMobileTogglerInternationalElement = document.getElementById('MenuMobileInternationalToggler')

		menuMobileTogglerElement.addEventListener('click', function () {
			menuMobileElement.classList.toggle('__opened')
			//menuMobileElement.classList.remove('__opened-with-countries')
		})

		// menuMobileTogglerInternationalElement.addEventListener('click', function () {
		// menuMobileElement.classList.toggle('__opened-with-countries')
		//})

	})();

	$(document).ready(function () {
		setTimeout(function () {
			if ($('.gc-account-user-menu').length) {
				$('.Menu__button--logined').css('display', 'inline-flex');
				$('.Menu__button--guest').css('display', 'none');
			} else {
				$('.Menu__button--logined').css('display', 'none');
				$('.Menu__button--guest').css('display', 'inline-flex');
			}
		}, 1000);
		$('.Menu__mobile-submenu>span.Menu__mobile-link').on('click', function () {
			$(this).parent().find('ul').toggle();
		})
	});
</script>
<!-- End menu -->





<!-- scripts -->
<script>

	var lazyImageInitialized = false
	var menuElement = document.getElementById('Menu')
	var menuSticky = false

	function onScroll() {
		if (!lazyImageInitialized) {
			initLazyImage()
		}

		if (window.scrollY === 0) {
			if (menuSticky === true) {
				menuElement.classList.remove('__sticky')
				menuSticky = false
			}
		} else {
			if (menuSticky === false) {
				menuElement.classList.add('__sticky')
				menuSticky = true
			}
		}
	}

	if (window.scrollY > 0) {
		initLazyImage()
		onScroll()
	}

	window.addEventListener('scroll', onScroll)

	setTimeout(function () {
		if (window.innerWidth > 600) {
			initHeaderVideo()
		}

		//initGoogleTagManager()
		initTyping()
	}, 1000)

	function initHeaderVideo() {
		var wrapper = document.getElementById('Header__video-wrapper')
		var iframe = document.getElementById('Header__video-iframe')

		var tag = document.createElement('script')
		tag.src = "https://www.youtube.com/player_api"

		var firstScriptTag = document.getElementsByTagName('script')[0]
		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag)

		var player = null
		window.onYouTubePlayerAPIReady = function () {
			player = new YT.Player(iframe, {
				height: '360',
				width: '640',

				events: {
					onReady: function () {
						player.loadVideoById({
							videoId: '4pmZxvoZlFc',
							startSeconds: 0,
							endSeconds: 0,
							suggestedQuality: "hd720"
						})
						player.mute()
					},

					onStateChange: function (a) {
						a.data === 1 && wrapper.classList.add('__playing')
						a.data === 0 && player.seekTo(0)
					}
				},
				playerVars: {
					autoplay: 1,
					autohide: 1,
					modestbranding: 1,
					rel: 0,
					showinfo: 0,
					controls: 0,
					disablekb: 1,
					enablejsapi: 0,
					iv_load_policy: 3,
				}
			})

			function rescale() {
				var width = wrapper.clientWidth + 200
				var height = wrapper.clientHeight + 200
				var iframe = document.getElementById('Header__video-iframe')

				if (width / height > 16 / 9) {
					player.setSize(width, width / 16 * 9)
				} else {
					player.setSize(height / 9 * 16, height)
					iframe.style.left = (Math.round((width - iframe.clientWidth) / 2)) + 'px'
				}
			}

			rescale()

			window.rescale = rescale
		}
	}

	function initLazyImage() {
		lazyImageInitialized = true
		var images = document.querySelectorAll('.lazyimage')
		for (var i = 0; i < images.length; i++) {
			var image = images[i]
			image.src = image.dataset.src
		}

		var bgs = document.querySelectorAll('.lazybg')
		for (var i = 0; i < bgs.length; i++) {
			var bg = bgs[i]
			bg.style.backgroundImage = 'url(' + bg.dataset.src + ')'
		}
	}

	function initTyping() {
		var texts = [
			'Богатейший функционал среди образовательных платформ',
			'Прием платежей по иностранным картам',
			'Храните файлы, видео и вебинары в одном месте',
			'Простой конструктор сайтов. Нет необходимости в программистах',
			'Быстрый менеджмент клиентской базы с помощью встроенной CRM системы',
			'Автоматизация рекламных рассылок в мессенджерах и email',
			'Партнерская программа',
			'Управленческие отчеты и дашборды',
			'Аналитика трафика и источников продаж',
			'Интеграция с 25+ платежными системами и прием платежей по всему миру'
		]

		var typeSpeed = 60
		var backDelay = 1000
		var backSpeed = 20

		var textElement = document.querySelector('.Header__typing-text')
		var text = textElement.innerText
		var index = 0
// textElement.innerText = texts[8];return;
		function nextIndex() {
			if (index < texts.length - 1) {
				index++
			} else {
				index = 0
			}

			typeChar()
		}

		function eraseChar() {
			text = text.slice(0, -1)
			textElement.innerText = text

			if (text.length === 0) {
				setTimeout(nextIndex, backSpeed)
			} else {
				setTimeout(eraseChar, backSpeed)
			}
		}

		function typeChar() {
			text = texts[index].slice(0, text.length + 1)
			textElement.innerText = text

			if (text.length == texts[index].length) {
				setTimeout(eraseChar, backDelay)
			} else {
				setTimeout(typeChar, typeSpeed)
			}
		}

		eraseChar();
	}
</script>
<!-- End scripts -->

<div id="gcAccountUserMenu" style="display: none">
	<!-- <div class="gc-account-leftbar"></div> -->
</div>

<script src="/public/js/gccounter.js?1" type="application/javascript"></script>
<script src="/public/main-page/assets/zepto.cac913d22befb97aa7c15fac721b407c.js" type="application/javascript"></script>
<script src="/public/main-page/assets/menu.2023.09.05.1.js" type="application/javascript"></script>

<div class="cookies-notification ">
	<div class="cookies-notification__content">
		<div class="cookies-notification__content__text">
			Мы используем cookie-файлы. Это нужно для лучшей работы сайта. Продолжая пользоваться сайтом, вы соглашаетесь с этим.							<a href="/cookies_policy" target="_blank" class="cookies-notification__content__link">
					Подробнее				</a>
					</div>
		<div class="cookies-notification__actions">
			<button class="cookies-notification__actions__button js__accept_cookies_policy">
				Ok			</button>
		</div>
	</div>
</div>
<script>
(function () {
	const buttonSelector = '.js__accept_cookies_policy';

	const hideBannerJq = function () {
		if (!window.jQuery) {
			return;
		}
		window.jQuery('.cookies-notification').fadeOut(500, function () {
			window.jQuery(this).remove();
		});
	};

	const hideBannerNative = function () {
		const banner = document.querySelector('.cookies-notification');
		if (!banner) {
			return;
		}
		banner.style.transition = 'opacity 0.5s ease';
		banner.style.opacity = '0';
		window.setTimeout(function () {
			if (banner.parentNode) {
				banner.parentNode.removeChild(banner);
			}
		}, 500);
	};

	const getPostData = function () {
		const csrfParamMeta = document.querySelector('meta[name="csrf-param"]');
		const csrfTokenMeta = document.querySelector('meta[name="csrf-token"]');
		const csrfParam = csrfParamMeta ? csrfParamMeta.getAttribute('content') : null;
		const csrfToken = csrfTokenMeta ? csrfTokenMeta.getAttribute('content') : null;

		const postData = {accept: '1'};
		if (csrfParam && csrfToken) {
			postData[csrfParam] = csrfToken;
		}

		return postData;
	};

	const acceptCookies = function () {
		if (window.jQuery && window.jQuery.post) {
			window.jQuery.post('/pl/saas/accept-policy', getPostData())
				.then(function (data) {
					if (data && data.success) {
						hideBannerJq();
					}
				}, function () {});
			return;
		}

		const body = new URLSearchParams(getPostData());
		fetch('/pl/saas/accept-policy', {
			method: 'POST',
			credentials: 'same-origin',
			headers: {
				'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
				'X-Requested-With': 'XMLHttpRequest'
			},
			body: body.toString()
		})
			.then(function (response) {
				return response.json();
			})
			.then(function (data) {
				if (data && data.success) {
					hideBannerNative();
				}
			})
			.catch(function () {});
	};

	document.addEventListener('click', function (e) {
		const button = e.target && e.target.closest ? e.target.closest(buttonSelector) : null;
		if (!button) {
			return;
		}

		if (button.dataset.gcCookiesAccept === '1') {
			return;
		}
		button.dataset.gcCookiesAccept = '1';

		acceptCookies();
	});
})();
</script>
<style>
	.cookies-notification,
	.cookies-notification__content__link,
	.cookies-notification__content__link:hover {
		font-size: 14px;
		font-family: "ALS Granate VF", sans-serif;
		font-weight: 400;
		line-height: 146%;
        font-style: normal;
	}
	.cookies-notification {
		color: #000000;
	}
	.cookies-notification__content__link{
		color: #00b881;
		text-decoration: none;
        font-style: normal;
	}
	.cookies-notification__content__link:hover {
		color: #00a674;
		text-decoration: none;
        font-style: normal;
	}
	.cookies-notification {
		position: fixed;
		bottom: 75px;
		left: 15px;
		right: 15px;
		width: calc(100% - 30px);
		border-radius: 16px;
		padding: 16px;
		background-color: white;
		z-index: 999999999999999999;
		box-shadow: 0px 0px 27px 0px #0E232624;
        box-sizing: border-box;
	}

	.cookies-notification.in_process {
		opacity: .8;
	}

	.gc-redesigned .cookies-notification {
		width: calc(100% - 60px);
	}

	.cookies-notification__content {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.cookies-notification__actions__button {
		padding: 0px 16px;
		background: #0FF3AF;
		border-radius: 24px;
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 32px;
		leading-trim: both;
		text-edge: cap;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		color: #000000;
		border: none;
	}
	.cookies-notification__actions__button:hover {
		background:#18D297FF;
	}

	@media screen and (min-width: 769px) {
		.cookies-notification,
		.cookies-notification__content__link,
		.cookies-notification__content__link:hover {
			font-size: 16px;
		}
		.cookies-notification {
			padding: 22px;
			width: calc(100% - 60px);
			left: 50%;
			transform: translateX(-50%);
			bottom: 50px;
			max-width: 900px;
			line-height: 146%;
		}
		.with-left-menu .cookies-notification,
		.with_left_menu.cookies-notification {
			width: calc(100% - 108px);
			left: calc(50% + 36px);
			transform: translateX(-50%);
		}

		.gc-redesigned .cookies-notification {
			width: calc(100% - 144px);
		}
	}

	.cookies-notification__actions__button {
		cursor: pointer;
	}
</style>
</body>
</html>
