@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4n.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-stretch: normal;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4n.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-stretch: normal;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4n.ttf) format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	font-stretch: normal;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1x4n.ttf) format('truetype');
}

.ktc {
	--ktc-blue: rgb(8, 53, 121);
	--ktc-orange: #ef7f29;
	--ktc-orange-2: #d96b16;
	--ktc-text: #2b3440;
	--ktc-muted: #6b7787;
	--ktc-line: #dfe4ea;
	--ktc-bg: #f4f6f9;
	--ktc-gap: 24px;
	--ktc-radius: 14px;

	font-family: 'Open Sans', Arial, sans-serif;
	color: var(--ktc-text);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

.ktc *,
.ktc *:before,
.ktc *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.ktc ul,
div.ktc ol {
	margin: 0;
	padding: 0;
}

div.ktc ul {
	list-style: none;
}

.ktc img {
	max-width: 100%;
	height: auto;
	display: block;
}

.ktc-container {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ---------- Заголовки и служебные элементы ---------- */

.ktc-eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--ktc-orange);
	margin-bottom: 14px;
}

.ktc-eyebrow--light {
	color: #ffc48a;
}

.ktc-h2 {
	font-size: 34px;
	line-height: 1.25;
	font-weight: 800;
	color: #000;
	margin: 0 0 16px;
}

.ktc-h2--rule {
	position: relative;
	padding-bottom: 18px;
}

.ktc-h2--rule:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 4px;
	background: var(--ktc-orange);
	border-radius: 2px;
}

.ktc .ktc-lead {
	font-size: 18px;
	line-height: 1.6;
	color: var(--ktc-muted);
	max-width: 820px;
	margin: 0 0 40px;
}

.ktc-badge {
	display: inline-block;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	line-height: 34px;
	text-align: center;
	border-radius: 8px;
	background: var(--ktc-blue);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* ---------- Кнопки ---------- */

.ktc-btn {
	display: inline-block;
	vertical-align: middle;
	border: 0;
	cursor: pointer;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	padding: 15px 28px;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
}

.ktc-btn--orange {
	background: var(--ktc-orange);
	color: #fff;
}

.ktc-btn--orange:hover,
.ktc-btn--orange:focus {
	background: var(--ktc-orange-2);
	color: #fff;
}

.ktc-btn--block {
	display: block;
	width: 100%;
}

/* ---------- Экран 1. Hero ---------- */

.ktc-hero {
	background: var(--ktc-blue);
	color: #fff;
	padding: 50px 0;
}

.ktc-hero__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ktc-hero__text {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(54% - var(--ktc-gap));
	flex: 0 0 calc(54% - var(--ktc-gap));
	max-width: calc(54% - var(--ktc-gap));
}

.ktc-hero__text .ktc-eyebrow {
	margin-bottom: 26px;
}

.ktc-hero__title {
	font-size: 2.2em;
	line-height: 1.2;
	font-weight: 400;
	color: #fff;
	margin: 0 0 20px;
}

.ktc .ktc-hero__lead {
	font-size: 1em;
	line-height: normal;
	color: #d6e0ea;
	margin: 0 0 48px;
}

.ktc-hero__cta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.ktc-hero__note {
	margin-left: 20px;
	font-size: 14px;
	color: #a9bccd;
}

.ktc-hero__media {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 46%;
	flex: 0 0 46%;
	max-width: 46%;
}

.ktc-hero__media img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: var(--ktc-radius);
}

/* ---------- Секции ---------- */

.ktc-section {
	padding: 72px 0;
}

.ktc-support {
	padding-bottom: 64px;
}

.ktc-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ktc-mini-card {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.333% - var(--ktc-gap) * 2 / 3);
	flex: 0 0 calc(33.333% - var(--ktc-gap) * 2 / 3);
	max-width: calc(33.333% - var(--ktc-gap) * 2 / 3);
	margin-right: var(--ktc-gap);
}

.ktc-mini-card:nth-child(3n) {
	margin-right: 0;
}

.ktc-mini-card__num {
	font-size: 3em;
	font-weight: 700;
	color: var(--ktc-orange);
	margin: 0 0 10px;
}

.ktc-mini-card__title {
	font-size: 20px;
	font-weight: 700;
	color: var(--ktc-blue);
	margin: 0 0 8px;
}

.ktc-mini-card__text {
	font-size: 15px;
	color: var(--ktc-muted);
}

/* ---------- Экран 2. Услуги ---------- */

.ktc-services {
	background: var(--ktc-bg);
}

.ktc-service-card {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(33.333% - var(--ktc-gap) * 2 / 3);
	flex: 0 0 calc(33.333% - var(--ktc-gap) * 2 / 3);
	max-width: calc(33.333% - var(--ktc-gap) * 2 / 3);
	margin-right: var(--ktc-gap);
	margin-bottom: var(--ktc-gap);
	background: #fff;
	border: 1px solid var(--ktc-line);
	border-radius: var(--ktc-radius);
	padding: 26px 24px;
}

.ktc-service-card:nth-child(3n) {
	margin-right: 0;
}

.ktc-service-card--wide {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - var(--ktc-gap) / 2);
	flex: 0 0 calc(50% - var(--ktc-gap) / 2);
	max-width: calc(50% - var(--ktc-gap) / 2);
}

.ktc-service-card--wide:nth-child(3n) {
	margin-right: var(--ktc-gap);
}

.ktc-service-card--wide:last-child {
	margin-right: 0;
}

.ktc-service-card__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 14px;
}

.ktc-service-card__title {
	font-size: 19px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--ktc-blue);
	margin-left: 12px;
}

.ktc .ktc-service-card__text {
	font-size: 15px;
	line-height: 1.6;
	color: var(--ktc-muted);
	margin: 0;
}

.ktc-service-card__divider {
	height: 1px;
	background: var(--ktc-line);
	margin: 16px 0 12px;
}

.ktc-service-card__result {
	font-size: 14px;
	font-weight: 600;
	color: var(--ktc-text);
	padding-left: 18px;
	position: relative;
}

.ktc-service-card__result:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--ktc-orange);
}

.ktc-note {
	background: #fff;
	border: 1px solid var(--ktc-line);
	border-left: 5px solid var(--ktc-orange);
	border-radius: var(--ktc-radius);
	padding: 26px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.ktc-note__num {
	font-size: 40px;
	font-weight: 800;
	color: var(--ktc-orange);
	line-height: 1;
	margin-right: 26px;
}

.ktc-note__title {
	font-size: 19px;
	font-weight: 700;
	color: var(--ktc-blue);
	margin: 0 0 4px;
}

.ktc-note__text {
	font-size: 15px;
	color: var(--ktc-muted);
}

.ktc-note__asterisk {
	margin-left: auto;
	font-size: 13px;
	color: var(--ktc-muted);
}

/* ---------- Двухколоночные блоки ---------- */

.ktc-col,
.ktc-panel {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(50% - var(--ktc-gap) / 2);
	flex: 0 0 calc(50% - var(--ktc-gap) / 2);
	max-width: calc(50% - var(--ktc-gap) / 2);
	margin-right: var(--ktc-gap);
}

.ktc-col:last-child,
.ktc-panel:last-child {
	margin-right: 0;
}

.ktc-panel {
	background: #fff;
	border: 1px solid var(--ktc-line);
	border-radius: var(--ktc-radius);
	padding: 28px 26px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.ktc-panel .ktc-btn {
	margin-top: auto;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.ktc-col__head,
.ktc-panel__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: 14px;
}

.ktc-col__num,
.ktc-panel__num {
	display: inline-block;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	line-height: 34px;
	text-align: center;
	border-radius: 8px;
	background: var(--ktc-blue);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin-right: 12px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.ktc-col__title,
.ktc-panel__title {
	font-size: 21px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--ktc-blue);
	margin: 0;
}

.ktc .ktc-col__text,
.ktc .ktc-panel__text {
	font-size: 15px;
	line-height: 1.6;
	color: var(--ktc-muted);
	margin: 0 0 22px;
}

.ktc-col__label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--ktc-muted);
	margin-bottom: 12px;
}

.ktc-list {
	margin-bottom: 24px;
}

.ktc-list li {
	position: relative;
	padding-left: 24px;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 10px;
}

.ktc-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 12px;
	height: 12px;
	border: 3px solid var(--ktc-orange);
	border-radius: 50%;
}

.ktc-result {
	background: var(--ktc-bg);
	border-radius: 10px;
	padding: 18px 20px;
	margin-bottom: 24px;
}

.ktc-panel .ktc-result {
	background: var(--ktc-bg);
}

.ktc-result__label {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--ktc-orange);
	margin-bottom: 6px;
}

.ktc-result__text {
	font-size: 15px;
	line-height: 1.6;
	color: var(--ktc-text);
}

/* ---------- Экран 4. Обучение ---------- */

.ktc-training {
	background: var(--ktc-bg);
}

.ktc-steps {
	list-style: none;
	margin-bottom: 26px;
}

.ktc-steps > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 14px 16px;
	border: 1px solid var(--ktc-line);
	border-radius: 10px;
	margin-bottom: 10px;
	background: var(--ktc-bg);
}

.ktc-steps__num {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 22px;
	text-align: center;
	border: 2px solid var(--ktc-orange);
	border-radius: 50%;
	color: var(--ktc-orange);
	font-size: 13px;
	font-weight: 700;
	margin-right: 14px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.ktc-steps__body {
	display: block;
}

.ktc-steps__title {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--ktc-blue);
	margin: 0 0 2px;
}

.ktc-steps__text {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ktc-muted);
}

.ktc-courses {
	margin-bottom: 26px;
}

.ktc-courses > li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 14px 16px;
	border: 1px solid var(--ktc-line);
	border-radius: 10px;
	margin-bottom: 10px;
	background: var(--ktc-bg);
}

.ktc-courses__num {
	display: inline-block;
	min-width: 26px;
	height: 26px;
	line-height: 22px;
	padding: 0 6px;
	text-align: center;
	border: 2px solid var(--ktc-blue);
	border-radius: 50%;
	color: var(--ktc-blue);
	font-size: 13px;
	font-weight: 700;
	margin-right: 14px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.ktc-courses__title {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--ktc-blue);
	margin: 0 0 2px;
}

.ktc-courses__text {
	display: block;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ktc-muted);
}

/* ---------- Экран 5. Постпроцессоры ---------- */

.ktc-post .ktc-row {
	margin-bottom: 48px;
}

.ktc-post__left {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(56% - var(--ktc-gap) / 2);
	flex: 0 0 calc(56% - var(--ktc-gap) / 2);
	max-width: calc(56% - var(--ktc-gap) / 2);
	margin-right: var(--ktc-gap);
}

.ktc .ktc-post__lead {
	font-size: 17px;
	line-height: 1.6;
	color: var(--ktc-text);
	margin: 0 0 24px;
}

.ktc-steps--plain > li {
	background: #fff;
}

.ktc-steps--plain .ktc-steps__text {
	font-size: 15px;
	color: var(--ktc-text);
}

.ktc-cta-card {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(44% - var(--ktc-gap) / 2);
	flex: 0 0 calc(44% - var(--ktc-gap) / 2);
	max-width: calc(44% - var(--ktc-gap) / 2);
	background: var(--ktc-blue);
	border-radius: var(--ktc-radius);
	padding: 34px 32px;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.ktc-cta-card__title {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 800;
	color: #fff;
	margin: 0 0 14px;
}

.ktc .ktc-cta-card__text {
	font-size: 15px;
	line-height: 1.6;
	color: #d6e0ea;
	margin: 0 0 26px;
}

.ktc-flow__title {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--ktc-muted);
	margin-bottom: 18px;
}

.ktc-flow__item {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(20% - var(--ktc-gap) * 4 / 5);
	flex: 0 0 calc(20% - var(--ktc-gap) * 4 / 5);
	max-width: calc(20% - var(--ktc-gap) * 4 / 5);
	margin-right: var(--ktc-gap);
	text-align: center;
}

.ktc-flow__item:nth-child(5n) {
	margin-right: 0;
}

.ktc-flow__item:not(:last-child):after {
	content: "\2192";
	position: absolute;
	right: calc(-1 * var(--ktc-gap));
	top: 0;
	width: var(--ktc-gap);
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 2em;
	color: var(--ktc-muted);
}

.ktc-flow__num {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid var(--ktc-blue);
	color: var(--ktc-blue);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.ktc-flow__num--accent {
	background: var(--ktc-orange);
	border-color: var(--ktc-orange);
	color: #fff;
}

.ktc-flow__name {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: var(--ktc-text);
}

/* ---------- Адаптив ---------- */

@media (max-width: 1024px) {
	.ktc-h2 {
		font-size: 29px;
	}
	.ktc-hero__title {
		font-size: 1.8em;
	}
	.ktc-mini-card,
	.ktc-service-card,
	.ktc-service-card--wide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - var(--ktc-gap) / 2);
		flex: 0 0 calc(50% - var(--ktc-gap) / 2);
		max-width: calc(50% - var(--ktc-gap) / 2);
	}
	.ktc-mini-card:nth-child(3n),
	.ktc-service-card:nth-child(3n) {
		margin-right: var(--ktc-gap);
	}
	.ktc-mini-card:nth-child(2n),
	.ktc-service-card:nth-child(2n),
	.ktc-service-card--wide:last-child {
		margin-right: 0;
	}
	.ktc-flow__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33.333% - var(--ktc-gap) * 2 / 3);
		flex: 0 0 calc(33.333% - var(--ktc-gap) * 2 / 3);
		max-width: calc(33.333% - var(--ktc-gap) * 2 / 3);
		margin-bottom: 20px;
	}
	.ktc-flow__item:nth-child(5n) {
		margin-right: var(--ktc-gap);
	}
	.ktc-flow__item:nth-child(3n) {
		margin-right: 0;
	}
	.ktc-flow__item:not(:last-child):after {
		display: none;
	}
}

@media (max-width: 860px) {
	.ktc-section {
		padding: 52px 0;
	}
	.ktc-hero {
		padding: 40px 0;
	}
	.ktc-hero__text,
	.ktc-hero__media {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.ktc-hero__media {
		margin-top: 30px;
	}
	.ktc-hero__note {
		margin-left: 0;
		margin-top: 14px;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.ktc-col,
	.ktc-panel,
	.ktc-post__left,
	.ktc-cta-card {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 32px;
	}
	.ktc-post .ktc-row {
		margin-bottom: 16px;
	}
	.ktc-note__asterisk {
		margin-left: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-top: 12px;
	}
	.ktc-flow__item {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 34px;
		margin-top: 10px;
	}
	.ktc-flow__item:last-child {
		margin-bottom: 0;
	}
	.ktc-flow__item:not(:last-child):after {
		display: block;
		content: "\2193";
		left: 50%;
		right: auto;
		top: auto;
		bottom: -30px;
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin-left: -14px;
	}
}

@media (max-width: 640px) {
	.ktc {
		font-size: 15px;
	}
	.ktc-h2 {
		font-size: 25px;
	}
	.ktc-h2--rule {
		padding-bottom: 14px;
	}
	.ktc .ktc-lead {
		font-size: 16px;
		margin-bottom: 28px;
	}
	.ktc-hero__title {
		font-size: 1.5em;
	}
	.ktc .ktc-hero__lead,
	.ktc .ktc-post__lead {
		font-size: 1em;
	}
	.ktc-mini-card,
	.ktc-service-card,
	.ktc-service-card--wide {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.ktc-mini-card {
		margin-bottom: 20px;
	}
	.ktc-note {
		padding: 22px 20px;
	}
	.ktc-note__num {
		margin-right: 0;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 12px;
	}
	.ktc-cta-card {
		padding: 26px 20px;
	}
	.ktc-panel {
		padding: 22px 18px;
	}
	.ktc-btn {
		padding: 14px 22px;
	}
}