@charset "UTF-8";
/*! normalize.sass v8.0.1 | MIT License | github.com/necolas/normalize.sass */
html, sub, sup {
	position: relative
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	height: 100%;
	box-sizing: border-box
}

details, img, main {
	display: block
}

h1 {
	font-size: 2em
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none;
	max-width: 100%;
	height: auto
}

button, input, optgroup, select, textarea {
	line-height: 1.15;
	margin: 0
}

optgroup {
	font-family: inherit;
	font-size: 100%
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox], [type=radio], legend {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

[hidden], template {
	display: none
}

*, ::after, ::before {
	box-sizing: border-box
}

body.locked {
	overflow: hidden
}

p .errortext {
	position: relative;
	top: 10px;
}

.main-content {
	margin-top: 72px;
	display: flex;
	align-items: flex-start
}

@media (max-width: 767px) {
	.main-content {
		margin-top: 55px
	}
}

.main-content-left {
	position: fixed;
	z-index: 3
}

@media (max-width: 1279px) {
	.main-content-left {
		position: fixed;
		top: 72px;
		transform: translateX(-100%);
		transition: all linear .3s
	}

	.main-content-left-active {
		transform: translateX(0)
	}
}

@media (max-width: 767px) {
	.main-content-left {
		top: 52px
	}
}

.blue-overlay {
	position: fixed;
	top: 0;
	right: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 65, 97, .4);
	transition: right linear .3s;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear
}

.blue-overlay-active {
	display: block;
	right: 0;
	visibility: visible;
	z-index: 1;
	opacity: 1
}

.main-content-right {
	padding-top: 28px;
	flex-grow: 0;
	margin-left: 424px;
	background-color: #fff;
	min-height: 100vh;
	width: 100%
}

@media (max-width: 1279px) {
	.main-content-right {
		margin-left: 0
	}
}

@media (max-width: 1023px) {
	.main-content-right {
		padding-top: 21px
	}
}

@media (max-width: 767px) {
	.main-content-right {
		padding-top: 27px
	}
}

.main-content-right-box {
	margin-top: 80px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}

@media (max-width: 1279px) {
	.main-content-right-box {
		margin: 80px auto 0
	}
}

@media (max-width: 1023px) {
	.main-content-right-box {
		width: 736px;
		margin: 80px auto 0;
		padding: 0
	}
}

@media (max-width: 767px) {
	.main-content-right-box {
		width: 100%;
		padding: 0 15px;
		margin-left: 0;
		margin-top: 0
	}
}

.main-content-right-box-wrapper {
	border: 0;
	padding: 0;
	width: 100%;
	max-width: 800px
}

@media (max-width: 767px) {
	.main-content-right-box-wrapper {
		padding: 0
	}
}

.main-content-right-box-wrapper-bordered {
	border: solid 1px #bfcfd7;
	padding: 40px 71px 71px;
	position: relative;
	margin-bottom: 100px;
	width: 100%;
	max-width: 800px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #004161;
}

@media (max-width: 1023px) {
	.main-content-right-box-wrapper-bordered {
		padding: 43px 39px 63px
	}
}

@media (max-width: 767px) {
	.main-content-right-box-wrapper-bordered {
		padding: 15px
	}
}

.main-content .redirect-info-block {
	display: flex;
	background-color: white;
	height: 100px;
	padding: 20px;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.header-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0 0 30px rgba(0, 0, 0, .05);
	z-index: 100;
	max-width: 1440px;
	margin: 0 auto
}

@media (max-width: 1279px) {
	.header-wrapper-locked .header-locked-icon {
		display: block !important
	}
}

.header-wrapper-locked .header-burger-box {
	display: none
}

.header-wrapper .header-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 24px 32px;
	background-color: #fff
}

@media (max-width: 1023px) {
	.header-wrapper .header-content {
		padding: 24px
	}
}

@media (max-width: 767px) {
	.header-wrapper .header-content {
		padding: 16px;
		height: 56px;
	}
}

.header-wrapper .header-content .header-left-wrapper,
.header-wrapper .header-content .header-left-wrapper .header-courses,
.header-wrapper .header-content .header-login {
	display: flex;
	align-items: center
}

@media (max-width: 1279px) {
	.header-wrapper .header-content .header-left-wrapper .header-courses {
		margin-left: 24px
	}
}

.header-wrapper .header-content .header-left-wrapper .header-courses .header-all-courses {
	display: flex;
	align-items: center;
	color: #004161;
	margin-right: 33px
}

@media (max-width: 1279px) {
	.header-wrapper .header-content .header-left-wrapper .header-courses .header-all-courses {
		display: none
	}
}

.header-wrapper .header-content .header-left-wrapper .header-courses .header-all-courses svg {
	height: 10px;
	width: 10px;
	fill: #004161;
	margin-right: 13px;
	transform: rotate(180deg)
}

.header-wrapper .header-content .header-left-wrapper .header-courses .header-current-course {
	color: #004161
}

@media (max-width: 767px) {
	.header-wrapper .header-content .header-left-wrapper .header-courses .header-current-course {
		display: none
	}
}

.header-wrapper .header-content .header-login .header-login-button,
.header-wrapper .header-content .header-logout .header-logout-button {
	display: flex;
	align-items: center;
	border: 0;
	background-color: transparent;
	padding: 0
}

.header-wrapper .header-content .header-login .header-login-button .header-log-icon,
.header-wrapper .header-content .header-logout .header-logout-button .header-log-icon {
	margin-left: 8px
}

.header-wrapper .header-content .header-logout .header-logout-button .header-log-icon .logout input[type=submit] {
	padding: 0;
	border: none;
}

.header-wrapper .header-content .header-login .header-login-button,
.header-wrapper .header-content .header-logout .header-logout-button a {
	text-decoration: none;
	color: #004161;
}

.header-wrapper-active .header-content .header-login,
.input-file-success label svg {
	display: none
}

.header-wrapper-active .header-content .header-logout {
	display: flex;
	align-items: center
}

.header-open-new-tab-cnr {

}

.header-open-new-tab-cnr .header-open-new-tab-link:hover {
	color: #046393;
}

.header-open-new-tab-cnr .header-open-new-tab-link {
	color: #004161;
	font-size: 13px;
	font-weight: 600;
}


.header-open-new-tab-cnr .header-open-new-tab-link .fa {
	margin-left: 6px;
	position: relative;
	top: 1px;
}

.header-wrapper-active .header-content .header-progress-bar,
.header-wrapper-active .header-progress-bar {
	display: block
}

.header-progress-bar {
	position: relative;
	height: 8px;
	width: 100%
}

@media (max-width: 767px) {
	.header-progress-bar {
		height: 4px
	}
}

.header-progress-bar-trumb {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(183, 219, 42, .25)
}

.header-progress-bar-value {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 10%;
	background-color: #b7db2a
}

.header-burger-box {
	display: flex;
	width: 24px;
	height: 20px;
	background-color: transparent;
	border: 0;
	padding: 0;
	display: none
}

@media (max-width: 767px) {
	.header-burger-box {
		width: 16px;
		height: 16px
	}
}

@media (max-width: 1279px) {
	.header-burger-box {
		display: flex
	}
}

.header-burger-box .header-burger-dots {
	position: relative;
	opacity: 1;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear
}

.header-burger-box .header-burger-dots .header-burger-dot {
	position: absolute;
	top: 8px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #004161;
	z-index: 3
}

@media (max-width: 767px) {
	.header-burger-box .header-burger-dots .header-burger-dot {
		height: 1px;
		width: 1px
	}
}

.header-burger-box .header-burger-dots:before {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: #004161
}

@media (max-width: 767px) {
	.header-burger-box .header-burger-dots:before {
		height: 1px;
		width: 1px
	}
}

.header-burger-box .header-burger-dots:after {
	content: '';
	display: block;
	position: absolute;
	top: 13px;
	left: 0;
	border-radius: 50%;
	width: 2px;
	height: 2px;
	background-color: #004161
}

@media (max-width: 767px) {
	.header-burger-box .header-burger-dots:after {
		height: 1px;
		width: 1px
	}
}

.header-burger-box .header-burger-lines {
	position: relative;
	margin-left: 4px
}

.header-burger-box .header-burger-lines .header-burger-line, .header-burger-box .header-burger-lines:before {
	position: absolute;
	top: 8px;
	width: 20px;
	height: 2px;
	border-radius: 8px;
	background-color: #004161;
	transition-property: width;
	transition-duration: .15s;
	transition-timing-function: linear
}

@media (max-width: 767px) {
	.header-burger-box .header-burger-lines .header-burger-line {
		width: 13px;
		height: 1px
	}
}

.header-burger-box .header-burger-lines:before {
	content: '';
	display: block;
	top: 3px;
	transition-property: all
}

@media (max-width: 767px) {
	.header-burger-box .header-burger-lines:before {
		width: 13px;
		height: 1px
	}
}

.header-burger-box .header-burger-lines:after {
	content: '';
	display: block;
	position: absolute;
	top: 13px;
	border-radius: 8px;
	width: 20px;
	height: 2px;
	background-color: #004161;
	transition-property: all;
	transition-duration: .15s;
	transition-timing-function: linear
}

@media (max-width: 767px) {
	.header-burger-box .header-burger-lines:after {
		width: 13px;
		height: 1px
	}
}

.header-burger-box-active .header-burger-dots {
	opacity: 0
}

.header-burger-box-active .header-burger-lines {
	margin-left: 0
}

.header-burger-box-active .header-burger-lines .header-burger-line {
	width: 0
}

.header-burger-box-active .header-burger-lines:before {
	transform: rotate(45deg);
	top: 11px
}

@media (max-width: 767px) {
	.header-burger-box-active .header-burger-lines:before {
		top: 8px
	}
}

.header-burger-box-active .header-burger-lines:after {
	transform: rotate(-45deg);
	top: 11px
}

@media (max-width: 767px) {
	.header-burger-box-active .header-burger-lines:after {
		top: 8px
	}
}

.header-locked-icon {
	display: none;
	padding-top: 3px
}

@media (max-width: 767px) {
	.header-locked-icon {
		padding-top: 5px
	}
}

.header-locked-icon svg, .input-file label .input-file-svg-box svg {
	height: 16px;
	width: 16px
}

.button {
	padding: 13px 18px;
	max-height: 40px;
	outline: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition-property: background-color;
	transition-duration: .15s;
	transition-timing-function: linear;
	cursor: pointer;
}

.button .button-icon {
	fill: #fff
}

.button .button-icon-arrow-rigth {
	margin-left: 18px
}

@media (max-width: 767px) {
	.button .button-icon-arrow-rigth {
		margin-left: 10px
	}
}

.button .button-icon-arrow-left {
	margin-right: 18px;
	transform: rotate(-180deg)
}

@media (max-width: 767px) {
	.button .button-icon-arrow-left {
		margin-right: 10px
	}
}

.button .button-icon-arrow {
	height: 10px;
	width: 10px
}

@media (max-width: 767px) {
	.button {
		height: 32px;
		padding: 0 12px
	}
}

.button-red {
	background-color: #dd1936;
	border: 0;
	color: #fff
}

@media (min-width: 1024px) {
	.button-red:hover {
		background-color: #bd1e35;
	}
}

.button-green {
	background-color: #b7db2a;
	border: 0;
	color: #fff
}

@media (min-width: 1024px) {
	.button-green:hover {
		background-color: #9cbb23;
	}
}


.button-main {
	background-color: #48cef8;
	border: 0;
	color: #fff
}

.button-main .button-icon {
	fill: #fff
}

@media (min-width: 1024px) {
	.button-main:hover {
		background-color: #3cadd0
	}
}

.button-main-active, .button-main:active {
	background-color: #3cadd0
}

.button-main:disabled {
	opacity: .3;
	cursor: not-allowed;
	pointer-events: none
}

.button-main:disabled:hover {
	background-color: #48cef8
}

.button-main-disabled {
	opacity: .3;
	cursor: not-allowed;
	pointer-events: none
}

.button-main-disabled:hover {
	background-color: #48cef8
}

.button-contrast {
	border: 0;
	background-color: #b7db2a;
	color: #fff
}

@media (min-width: 1024px) {
	.button-contrast:hover {
		background-color: #98b623
	}
}

.button-contrast-active, .button-contrast:active {
	background-color: #98b623
}

.button-contrast:disabled {
	opacity: .3
}

.button-contrast:disabled:hover {
	background-color: #98b623
}

.button-border {
	border: solid 1px #48cef8;
	background-color: transparent;
	color: #004161
}

.button-border .button-icon {
	fill: #004161
}

.button-border svg {
	fill: #48cef8 !important
}

@media (min-width: 1024px) {
	.button-border:hover {
		background-color: #48cef8;
		color: #fff
	}

	.button-border:hover .button-icon {
		fill: #fff
	}
}

.button-border-active, .button-border:active {
	background-color: #48cef8;
	color: #fff
}

.button-border-active .button-icon, .button-border:active .button-icon {
	fill: #fff
}

.button-border-active svg, .button-border:active svg {
	fill: #fff !important
}

.button-border:disabled {
	opacity: .3
}

.button-border:disabled:hover {
	background-color: transparent;
	color: #004161
}

.button-border:disabled:hover .button-icon, .button-latent:disabled:hover .button-icon {
	fill: #004161
}

.button-latent-border {
	border: solid 1px #bfcfd7;
	background-color: transparent;
	color: #004161
}

.button-latent-border svg, .button-latent-border-active svg, .button-latent-border:active svg {
	fill: #004161 !important
}

@media (min-width: 1024px) {
	.button-latent-border:hover {
		border: solid 1px #48cef8
	}
}

.button-latent-border-active, .button-latent-border:active {
	border: solid 1px #48cef8
}

.button-latent-border:disabled {
	opacity: .3
}

.button-latent-border:disabled:hover {
	border: solid 1px #48cef8
}

.button-latent {
	background-color: transparent;
	border: 0;
	color: #004161
}

.button-latent .button-icon {
	fill: #004161
}

@media (min-width: 1024px) {
	.button-latent:hover {
		color: #48cef8
	}

	.button-latent:hover .button-icon {
		fill: #48cef8
	}
}

.button-latent-active, .button-latent:active {
	color: #3cadd0
}

.button-latent-active .button-icon, .button-latent:active .button-icon {
	fill: #3cadd0
}

.button-latent:disabled {
	opacity: .3
}

.button-latent:disabled:hover {
	color: #004161
}

.button-left-icon, .button-rigth-icon {
	display: flex;
	align-items: center
}

.button-left-icon {
	flex-direction: row-reverse
}

.button-just-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px
}

.button-just-icon svg {
	fill: #fff;
	height: 14px;
	width: 14px
}

@media (max-width: 767px) {
	.button-just-icon {
		width: 32px;
		height: 32px
	}

	.button-just-icon svg {
		height: 10px;
		width: 10px
	}
}

.button-just-icon:disabled {
	opacity: .3;
	cursor: not-allowed
}

.button-just-icon-disabled {
	opacity: .3;
	cursor: not-allowed;
	pointer-events: none
}

.button-close {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	padding: 0;
	border: 0
}

.js-submit-button-disabled {
	opacity: .3;
	cursor: not-allowed;
	pointer-events: none
}

.logout:active svg {
	fill: #fff
}

.logout {
	background-color: #f6f6f7;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0
}

.logout svg {
	height: 12px;
	width: 12px;
	fill: #004161
}

@media (min-width: 1024px) {
	.logout:hover {
		background-color: #fbe5e5
	}
}

.logout-active, .logout:active {
	background-color: #dd1936
}

.login:active svg, .logout-active svg {
	fill: #fff
}

.login {
	background-color: #f6f6f7;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0
}

.login svg {
	height: 12px;
	width: 12px;
	fill: #004161
}

@media (min-width: 1024px) {
	.login:hover {
		background-color: #f6fbe5
	}
}

.login-active, .login:active {
	background-color: #b7db2a
}

.login-active svg {
	fill: #fff
}

.play-button, .video-preview > button {
	height: 64px;
	width: 64px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background-color: #48cef8;
	transition-property: background-color;
	transition-duration: .15s;
	transition-timing-function: linear
}

.play-button img, .video-preview > button img {
	max-width: 24px;
	max-height: 24px;
	padding-left: 4px
}

@media (min-width: 1024px) {
	.play-button:hover, .video-preview > button:hover {
		background-color: #3cadd0
	}
}

.play-button:disabled, .video-preview > button:disabled {
	opacity: .3
}

.checkbox-default {
	display: flex
}

.checkbox-default input[type=checkbox], .checkbox-tick input[type=checkbox], .radio-default input[type=radio] {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	visibility: hidden
}

.checkbox-default label {
	position: relative;
	color: #004161;
	padding-left: 25px;
	cursor: pointer
}

.checkbox-default label:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: solid 1px #004161
}

.checkbox-default label:after {
	content: '';
	position: absolute;
	display: block;
	left: 3px;
	top: 6px;
	opacity: 0;
	width: 10px;
	height: 10px;
	background-color: #004161;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear
}

.checkbox-default input[type=checkbox]:checked + label:after, .checkbox-tick input[type=checkbox]:checked + label:after, .radio-default input[type=radio]:checked + label:after {
	opacity: 1
}

@media (max-width: 767px) {
	.checkbox-default label {
		padding-left: 15px
	}

	.checkbox-default label:before {
		top: 4px;
		width: 8px;
		height: 8px
	}

	.checkbox-default label:after {
		top: 6px;
		left: 2px;
		width: 4px;
		height: 4px
	}
}

.checkbox-default:disabled {
	opacity: .3
}

.input-file label .input-file-svg-box, .radio-default {
	display: flex
}

.radio-default label {
	position: relative;
	padding-left: 23px;
	color: #004161
}

.radio-default label:after, .radio-default label:before {
	content: '';
	position: absolute;
	display: block;
	border-radius: 50%
}

.radio-default label:before {
	left: 0;
	top: 3px;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: solid 1px #004161
}

.radio-default label:after {
	left: 3px;
	top: 6px;
	opacity: 0;
	width: 10px;
	height: 10px;
	background-color: #004161;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear
}

@media (max-width: 767px) {
	.radio-default label {
		padding-left: 16px
	}

	.radio-default label:before {
		width: 8px;
		height: 8px;
		top: 5px
	}

	.radio-default label:after {
		width: 4px;
		height: 4px;
		top: 7px;
		left: 2px
	}
}

.radio-default:disabled {
	opacity: .3
}

.test-question-important .test-description-box-item {
	margin-bottom: 16px
}

.checkbox-tick label {
	position: relative;
	color: #004161;
	padding-left: 20px;
	cursor: pointer
}

.checkbox-tick label:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	background-color: transparent;
	border: solid 1px #004161
}

.checkbox-tick label:after {
	content: '';
	background-image: url(../img/icons/icon_checkbox-tick.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	left: 3px;
	top: 4px;
	height: 8px;
	width: 10px;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear
}

.checkbox-tick:disabled {
	opacity: .3
}

.question-number {
	width: 24px;
	height: 28px;
	min-width: 24px;
	min-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: solid 2px transparent;
	transition-property: background-color;
	transition-duration: .15s;
	transition-timing-function: linear;
	cursor: pointer;
}

@media (min-width: 1024px) {
	.question-number:hover {
		background-color: rgba(72, 206, 248, .1)
	}
}

.question-number-active, .question-number-active:hover, .question-number:active {
	background-color: #48cef8
}

.question-number-active h3, .question-number-right-active h3, .question-number-right:active h3, .question-number-wrong-active h3, .question-number-wrong:active h3, .question-number:active h3 {
	color: #fff
}

@media (max-width: 767px) {
	.question-number {
		min-height: 32px;
		height: 32px
	}
}

.question-number-right {
	border-bottom: solid 2px #b7db2a
}

@media (min-width: 1024px) {
	.question-number-right:hover {
		background-color: rgba(183, 219, 42, .1)
	}
}

.question-number-right-active, .question-number-right:active {
	background-color: #b7db2a
}

.question-number-wrong {
	border-bottom: solid 2px #dd1936
}

@media (min-width: 1024px) {
	.question-number-wrong:hover {
		background-color: rgba(221, 25, 54, .1);
		color: #fff
	}
}

.question-number-wrong-active, .question-number-wrong:active {
	background-color: #dd1936
}

.input-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.input-text .input-text-label {
	margin-top: 4px;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear;
	color: #dd1936
}

.input-text .input-text-title {
	color: #004161;
	margin-bottom: 2px
}

.input-text input {
	width: 100%;
	min-height: 32px;
	padding-left: 11px;
	color: #004161;
	border: solid 1px #bfcfd7;
	outline: 0;
	border-radius: 0
}

.input-file label:focus, .input-text input:focus {
	border: solid 1px #48cef8
}

.input-text input::-moz-placeholder, .input-textarea textarea::-moz-placeholder {
	color: #bfcfd7
}

.input-text input:-ms-input-placeholder, .input-textarea textarea:-ms-input-placeholder {
	color: #bfcfd7
}

.input-text input::placeholder, .input-textarea textarea::placeholder {
	color: #bfcfd7
}

@media (max-width: 374px) {
	.input-text input::-moz-placeholder {
		font-size: 10px;
		line-height: 16px
	}

	.input-text input:-ms-input-placeholder {
		font-size: 10px;
		line-height: 16px
	}

	.input-text input::placeholder {
		font-size: 10px;
		line-height: 16px
	}
}

.input-text input-success {
	border: solid 1px #b7db2a
}

.input-text input:disabled {
	opacity: .7;
	cursor: not-allowed
}

@media (max-width: 767px) {
	.input-text input {
		width: 100%
	}
}

.input-textarea {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 20px
}

.input-textarea .input-text-label {
	display: none;
	margin-top: 4px;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear;
	color: #dd1936
}

.input-textarea .input-text-title,
.question-list .input-text-title {
	color: #004161;
	margin-bottom: 2px
}

.input-textarea textarea {
	padding-left: 11px;
	color: #004161;
	border: solid 1px #bfcfd7;
	outline: 0;
	border-radius: 0
}

@media (max-width: 374px) {
	.input-textarea textarea::-moz-placeholder {
		font-size: 10px;
		line-height: 16px
	}

	.input-textarea textarea:-ms-input-placeholder {
		font-size: 10px;
		line-height: 16px
	}

	.input-textarea textarea::placeholder {
		font-size: 10px;
		line-height: 16px
	}
}

.input-error {
	border-color: #dd1936 !important
}

.input-error + .input-text-label {
	opacity: 1
}

.input-file input {
	width: 0;
	height: 0;
	z-index: -1;
	visibility: hidden;
	position: absolute
}

.input-file input:invalid + .input-file-error {
	opacity: 1
}

.input-file .input-file-error {
	color: #dd1936;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear
}

.input-file .input-text-title {
	color: #004161;
	margin-bottom: 3px
}

.input-file label {
	min-width: 240px;
	height: 32px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	border: solid 1px #bfcfd7;
	cursor: pointer
}

.input-file label:active {
	border: solid 1px #48cef8
}

.input-file label button {
	display: none;
	opacity: 0;
	pointer-events: none;
	z-index: -100
}

@media (max-width: 767px) {
	.input-file label {
		min-width: 256px
	}

	.input-file label img {
		height: 12px;
		width: 12px
	}

	.input-file label-success button:after, .input-file label-success button:before {
		height: 12px
	}
}

.input-file-success label {
	border: solid 1px #b7db2a;
	position: relative
}

.input-file-success label button {
	display: block;
	width: 20px;
	height: 20px;
	border: 0;
	padding: 0;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	pointer-events: auto;
	z-index: 1
}

.input-file-success label button svg {
	display: block;
	width: 16px;
	height: 16px
}

.input-file-p {
	color: #48cef8;
	overflow: hidden;
	max-width: 175px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.test-component {
	max-width: 800px;
	width: 100%;
	min-width: 80px;
	background-color: #f6f6f7;
	padding: 18px 27px 16px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #004161;
	margin-bottom: 24px
}

@media (max-width: 767px) {
	.test-component {
		margin-bottom: 16px
	}
}

.test-component:last-child {
	margin-bottom: 0
}

@media (max-width: 767px) {
	.test-component .test-component-text {
		width: 100%
	}
}

.test-component .test-component-icon-main {
	height: 24px;
	width: 24px
}

.test-component .test-component-title {
	color: #004161
}

.test-component .test-component-description {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.test-component .test-component-description {
		width: 100%
	}
}

.test-component .test-component-icon {
	margin-right: 24px
}

.test-component .test-component-info {
	display: flex;
	margin-top: 6px
}

@media (max-width: 767px) {
	.test-component .test-component-info {
		margin-top: 0
	}
}

.test-component .test-component-info span {
	font-weight: 700
}

.test-component .test-component-left {
	margin-right: 26px;
	display: flex
}

.test-component .test-component-right {
	display: flex
}

.test-component .test-component-right span {
	margin-right: 2px
}

.test-component .test-component-right-svg {
	margin-right: 9px
}

.test-component .test-component-mobile-button {
	display: none
}

.test-component .test-component-left-svg {
	margin-right: 8px;
	height: 16px;
	width: 16px
}

.test-component .button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 149px;
	cursor: pointer;
}

@media (max-width: 767px) {
	.test-component .button {
		width: 112px
	}
}

@media (max-width: 374px) {
	.test-component .test-component-icon-main {
		height: 16px;
		width: 16px
	}
}

@media (max-width: 767px) {
	.test-component {
		padding: 12px 16px 16px 17px;
		min-height: 96px
	}

	.test-component .test-component-locked-text, .test-component .test-component-pending-text {
		max-width: 160px
	}

	.test-component .test-component-description {
		align-items: flex-start
	}

	.test-component .test-component-icon-main {
		height: 16px;
		width: 16px
	}

	.test-component .test-component-desktop-button {
		display: none
	}

	.test-component .test-component-icon {
		margin-right: 9px
	}

	.test-component .test-component-info-wrapper {
		display: flex;
		justify-content: space-between
	}
}

@media (max-width: 767px) and (max-width: 767px) {
	.test-component .test-component-info-wrapper {
		margin-top: 5px
	}
}

@media (max-width: 767px) {
	.test-component .test-component-info {
		flex-direction: column;
		align-items: flex-start
	}

	.test-component .test-component-right {
		margin-top: 6px
	}

	.test-component .test-component-right-svg {
		width: 10px;
		height: 10px;
		margin-right: 4px
	}

	.test-component .test-component-mobile-button {
		display: block
	}

	.test-component .test-component-left-svg {
		margin-right: 4px;
		height: 10px;
		width: 10px
	}

	.test-component .test-component-left {
		margin-right: 0
	}

	.test-component .button {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 112px
	}
}

.test-component-right-svg {
	width: 16px;
	height: 16px;
	fill: #b7db2a
}

.test-component-complete .test-component-icon-main {
	fill: #b7db2a
}

.test-component-started .test-component-icon-main {
	fill: #48cef8
}

.test-component-started .test-component-left-svg, .test-component-started .test-component-right-svg {
	fill: #004161
}

.test-component-available .test-component-icon-main {
	fill: #48cef8
}

.test-component-available .test-component-left-svg, .test-component-available .test-component-right-svg {
	fill: #004161
}

.test-component-pending .test-component-icon-main {
	fill: #dd1936
}

.test-component-locked .test-component-icon-main {
	fill: #004161
}

.menu {
	display: flex;
	flex-direction: column;
	height: 100vh;
	background-color: #f6f6f7;
	width: 424px;
	max-width: 424px;
	overflow-x: hidden;
	padding-bottom: 100px;
	top: 8px
}

.menu-locked .menu-locked-overlay {
	display: block !important
}

.menu .simplebar-scrollbar::before {
	position: absolute;
	content: "";
	background-color: #004161;
	border-radius: 0
}

.menu .simplebar-visible {
	opacity: .25
}

.menu .menu-locked-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-image: url(../img/Locked.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

@media (max-width: 767px) {
	.menu {
		width: 288px;
		top: 4px;
	}
}

.menu .menu-overlay--active, .menu-active .menu-overlay--active {
	display: block
}

.menu .menu-content {
	width: 424px;
	margin-left: 33px;
	list-style: none;
	margin-top: 20px;
	z-index: 3;
	counter-reset: menuCounter
}

@media (max-width: 767px) {
	.menu .menu-content {
		margin-top: 12px;
		width: 288px
	}
}

.menu .menu-header {
	background-color: #f6f6f7
}

.menu .menu-header-mobile-link {
	display: none;
	align-items: center;
	padding: 18px 32px 13px;
	border-bottom: solid 1px #bfcfd7
}

@media (max-width: 1279px) {
	.menu .menu-header-mobile-link {
		display: flex;
		padding: 18px 16px 13px
	}
}

.menu .menu-header-mobile-link svg {
	height: 8px;
	width: 8px;
	fill: #004161;
	margin-right: 4px;
	transform: rotate(-180deg)
}

.menu .menu-header-mobile-link a {
	text-decoration: none;
	color: #004161;
	font-weight: 500;
	font-size: 10px;
	line-height: 131.5%
}

.menu .menu-header-chapter {
	padding: 18px 0;
	margin: 0 32px;
	border-bottom: solid 1px #bfcfd7
}

@media (max-width: 767px) {
	.menu .menu-header-chapter {
		padding: 18px 0 13px;
		margin: 0 16px
	}
}

.menu .menu-header-search {
	display: flex;
	align-items: center;
	padding: 11px 0;
	border-bottom: solid 1px #bfcfd7;
	margin: 0 32px
}

@media (max-width: 767px) {
	.menu .menu-header-search {
		padding: 8px 0;
		margin: 0 16px
	}
}

.menu .menu-header-search-icon {
	margin-right: 17px
}

@media (max-width: 767px) {
	.menu .menu-header-search-icon {
		margin-right: 13px
	}
}

.menu .menu-header-search-icon svg {
	height: 16px;
	width: 16px;
	fill: #004161
}

@media (max-width: 767px) {
	.menu .menu-header-search-icon svg {
		height: 12px;
		width: 12px
	}
}

.menu .menu-header-search-input {
	border: 0;
	background-color: transparent;
	outline: 0;
	width: 100%;
	color: #004161
}

.menu .menu-header-search-input::-moz-placeholder {
	color: rgba(0, 65, 97, .3)
}

.menu .menu-header-search-input:-ms-input-placeholder {
	color: rgba(0, 65, 97, .3)
}

.menu .menu-header-search-input::placeholder {
	color: rgba(0, 65, 97, .3)
}

.menu .menu-header-title-box {
	margin: 0 32px;
	border-bottom: solid 1px #bfcfd7;
	position: relative
}

@media (max-width: 767px) {
	.menu .menu-header-title-box {
		margin: 0 16px
	}
}

.menu .menu-middle-title {
	padding: 31px 0 28px 40px;
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
}

@media (max-width: 767px) {
	.menu .menu-middle-title {
		padding: 19px 0 17px 40px
	}
}

.menu .menu-middle-title-list-item {
	padding: 20px 0 15px 40px;
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
}

@media (max-width: 767px) {
	.menu .menu-middle-title-list-item {
		padding: 15px 0 15px 40px;
	}
}

.menu .menu-middle-title:hover,
.menu .menu-middle-title-list-item:hover {
	background-color: #e7f9fe
}

.menu .menu-footer {
	margin: 27px 32px 0;
	border-top: solid 1px #bfcfd7;
	position: relative
}

.menu .menu-footer-title-box {
	position: relative
}

@media (max-width: 767px) {
	.menu .menu-footer {
		margin: 19px 16px 0
	}
}

.menu-item-icon .menu-item-info-item p {
	color: #004161
}

.menu-item {
	background-color: transparent;
	position: relative;
	display: flex;
	align-items: center;
	transition-property: background-color;
	transition-duration: .15s;
	transition-timing-function: linear
}

.menu-item .menu-item-title {
	color: #004161;
	overflow: hidden;
	max-width: 325px
}

@media (max-width: 767px) {
	.menu-item .menu-item-title {
		max-width: 190px
	}
}

@media (min-width: 1024px) {
	.menu-item:hover {
		background-color: #e7f9fe
	}
}

.menu-item-active, .menu-item:active {
	background-color: #e7f9fe
}

.menu-item-active:after, .menu-item:active:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 4px;
	background-color: #48cef8;
	border: 0
}

@media (max-width: 767px) {
	.menu-item:active:after {
		width: 2px
	}
}

@media (max-width: 767px) {
	.menu-item-active:after {
		width: 2px
	}

	.menu-item {
		padding-right: 16px
	}
}

.menu-item-default {
	padding: 9px 0 6px 12px
}

@media (max-width: 767px) {
	.menu-item-default {
		padding-right: 16px
	}
}

.menu-item-icon {
	display: flex;
	align-items: flex-start
}

.menu-item-icon .menu-item-number {
	margin-right: 8px
}

.menu-item-icon .menu-item-desc {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding: 9px 0 6px 12px
}

.menu-item-icon .menu-item-desc.numbered:before {
	display: block;
	counter-increment: menuCounter;
	content: counter(menuCounter) ". ";
	margin-right: 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	font-family: 'Montserrat';
	color: #004161
}

@media (max-width: 374px) {
	.menu-item-icon .menu-item-desc.numbered:before {
		font-size: 12px;
		line-height: 16px
	}
}

.menu-item-icon .menu-item-info,
.menu-item-second-level .menu-item-info{
	display: flex;
	align-items: center
}

.menu-item-icon .menu-item-info-item,
.menu-item-second-level .menu-item-info-item {
	display: flex;
	align-items: center;
	margin-right: 25px;
	margin-top: 2px;
	opacity: .3
}

.menu-item-icon .menu-item-info-item svg,
.menu-item-second-level .menu-item-info-item svg {
	height: 12px;
	width: 12px;
	fill: #004161;
	margin-right: 5px
}

.menu-item-icon .menu-item-info-item:last-child,
.menu-item-second-level .menu-item-info-item:last-child {
	margin-right: 0
}

@media (max-width: 767px) {
	.menu-item-icon .menu-item-number {
		margin-right: 8px
	}

	.menu-item-icon .menu-item-info-item,
	.menu-item-second-level .menu-item-info-item {
		display: flex;
		align-items: center;
		margin-right: 9px
	}

	.menu-item-icon .menu-item-info-item svg,
	.menu-item-second-level .menu-item-info-item svg{
		height: 10px;
		width: 10px;
		fill: #004161;
		margin-right: 5px
	}

	.menu-item-icon .menu-item-info-item p {
		color: #004161
	}

	.menu-item-icon .menu-item-info-item:last-child {
		margin-right: 0
	}
}

.menu-item-second-level .menu-item-title {
	height: 100%;
	width: 100%;
}

.menu-item-second-level .menu-item-desc {
	padding: 12px 16px
}

@media (max-width: 767px) {
	.menu-item-second-level .menu-item-desc {
		padding: 9px 12px
	}

	.menu .menu-middle-title .menu-item-third-level {
		min-height: 32px;
		padding-top: 4px;
		padding-left: 16px;
		padding-bottom: 4px
	}
}

.menu-item-third-level-content {
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-left: 16px;
	padding-bottom: 10px;
	width: 100%
}

@media (max-width: 767px) {
	.menu-item-third-level-content {
		padding: 10px 0 10px 12px
	}
}

.menu-item-third-level-content .menu-item-third-level-line {
	height: 1px;
	width: 13px;
	background-color: #004161;
	border: 0;
	margin-right: 3px
}

@media (max-width: 767px) {
	.menu-item-third-level-content .menu-item-third-level-line {
		width: 10px
	}
}

.menu-item-dropdown-main-container .menu-item-icon-dropdown, .menu-item-dropdown-main-container .menu-item-icon-dropdown .menu-item-dropdown-wrapper {
	display: flex;
	align-items: flex-start
}

.menu-item-dropdown-main-container .menu-item-icon-dropdown .menu-item-dropdown-arrow {
	margin-right: 60px;
	display: flex;
	align-items: flex-start;
	height: 18px;
	width: 18px;
	margin-top: 9px;
	transition-property: all;
	transition-duration: .15s;
	transition-timing-function: linear
}

@media (max-width: 767px) {
	.menu-item-dropdown-main-container .menu-item-icon-dropdown .menu-item-dropdown-arrow {
		height: 12px;
		width: 12px;
		margin-right: 40px
	}
}

.menu-item-dropdown-main-container .menu-item-icon-dropdown .menu-item-dropdown-arrow svg {
	height: 18px;
	fill: #004161;
	transform: rotate(90deg);
	transition-property: all;
	transition-duration: .15s;
	transition-timing-function: linear
}

@media (max-width: 767px) {
	.menu-item-dropdown-main-container .menu-item-icon-dropdown .menu-item-dropdown-arrow svg {
		height: 12px;
		width: 12px
	}
}

.menu-item-dropdown-main-container .menu-item-icon-dropdown .menu-item-dropdown-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-grow: 1;
	width: 100%
}

.menu-item-dropdown-main-container .menu-item-icon-dropdown-under-content {
	position: relative;
	margin-left: 23px;
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: .5s opacity ease, 0s height ease .5s
}

.menu-item-dropdown-main-container .menu-item-icon-dropdown-under-content:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #004161;
	opacity: .15
}

.menu-item-dropdown-main-container-active .menu-item-icon-dropdown-under-content {
	height: auto;
	opacity: 1
}

.menu-item-dropdown-main-container-active .menu-item-dropdown-arrow {
	transform: rotate(-180deg)
}

.breadcrumbs-box {
	display: flex;
	align-items: flex-start;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: solid 1px #bfcfd7;
	height: 32px;
	width: 100%
}

@media (max-width: 767px) {
	.breadcrumbs-box {
		display: none
	}
}

.breadcrumbs-item {
	display: flex;
	align-items: center;
	opacity: .3;
	margin-left: 27px;
	transition-property: opacity;
	transition-duration: .15s;
	transition-timing-function: linear
}

.breadcrumbs-item .breadcrumbs-item-title {
	color: #004161;
	padding-right: 27px
}

@media (min-width: 1024px) {
	.breadcrumbs-item:hover {
		opacity: 1
	}
}

.breadcrumbs-item svg {
	width: 10px;
	height: 10px;
	fill: #004161
}

.breadcrumbs-item:last-child {
	opacity: 1
}

.breadcrumbs-item:last-child svg {
	display: none
}

.feedback-component-wrapper-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: none;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 65, 97, .4);
	z-index: 100
}

.feedback-component-wrapper-main-active {
	display: flex
}

.feedback-component {
	padding: 28px 19px 28px 32px;
	background-color: #fff;
	max-width: 656px;
	overflow: hidden;
	position: relative;
	display: none;
	width: 100%
}

@media (max-width: 767px) {
	.feedback-component {
		max-width: 100%;
		padding: 16px;
		margin: 0 16px
	}
}

.feedback-component .feedback-success {
	display: none
}

.feedback-component-success {
	padding: 0;
	width: auto
}

.feedback-component-success .feedback-success-wrapper {
	display: flex
}

.feedback-component-success .feedback-success {
	display: block !important
}

.feedback-component-success .feedback-component-wrapper {
	display: none
}

.feedback-component-active {
	display: block
}

.feedback-component .feedback-component-title {
	color: #004161
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-title {
		margin-top: 3px
	}
}

.feedback-component .feedback-component-wrapper {
	position: relative
}

.feedback-component .feedback-component-wrapper .feedback-component-inputs-box {
	margin-top: 20px
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-wrapper .feedback-component-inputs-box {
		margin-top: 12px
	}
}

.feedback-component .feedback-component-wrapper .question-list {
	min-height: 120px;
	margin-top: 20px;
	max-width: 450px;
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-wrapper .question-list {
		margin-top: 12px
	}
}

.feedback-component .feedback-component-wrapper .feedback-component-inputs-box label {
	width: 416px
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-wrapper .feedback-component-inputs-box label {
		width: 100%
	}
}

.feedback-component .feedback-component-wrapper .feedback-component-inputs-box textarea {
	width: 416px;
	height: 136px;
	resize: none
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-wrapper .feedback-component-inputs-box textarea {
		width: 100%
	}
}

.feedback-component .feedback-component-wrapper .feedback-component-inputs-box input[type=text] {
	height: 136px
}

.feedback-component .feedback-component-wrapper .feedback-component-inputs-box .button {
	margin-top: 17px
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-wrapper .feedback-component-inputs-box .button {
		margin-top: 37px
	}
}

.feedback-component .feedback-component-wrapper .feedback-component-icon-box {
	position: absolute;
	top: 0;
	right: 0
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-wrapper .feedback-component-icon-box {
		top: auto;
		bottom: -50px
	}
}

.feedback-component .feedback-component-wrapper .feedback-component-icon-box svg {
	width: 154px;
	height: 160px
}

@media (max-width: 767px) {
	.feedback-component .feedback-component-wrapper .feedback-component-icon-box svg {
		width: 104px;
		height: 107px
	}
}

.feedback-component-close-button {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	padding: 0;
	border: 0;
	height: 24px
}

.feedback-component-close-button svg {
	height: 24px;
	width: 24px;
	fill: #bfcfd7
}

@media (max-width: 767px) {
	.feedback-component-close-button svg {
		width: 16px;
		height: 16px
	}
}

.feedback-success {
	position: relative;
	padding: 18px 18px 32px 32px;
	max-width: 448px;
	background-color: #fff;
	color: #004161;
	display: none
}

.feedback-success.anketa-link-popup{
	max-width: 600px;
}

@media (max-width: 767px) {
	.feedback-success {
		max-width: 100%;
		padding: 16px
	}
}

.feedback-success-active, .video-preview > button img {
	display: block
}

.feedback-success .feedback-success-title,
.anketa-link-popup .anketa-link-popup-title {
	color: #004161
}

.anketa-link-popup .anketa-link-popup-title {
	max-width: 500px;
}

.feedback-success .feedback-success-desc {
	margin-top: 12px;
	max-width: 384px
}

.anketa-link-popup .anketa-link-popup-desc {
	margin: 12px 0;
}

.anketa-link-popup .anketa-link-popup-desc a{
	text-decoration: none;
}

.feedback-success .button {
	margin-top: 19px
}

.feedback-success-close-button {
	top: 15px;
	right: 15px
}

.login-form {
	position: fixed;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	z-index: 101;
	display: none
}

@media (max-width: 767px) {
	.login-form {
		display: none !important
	}
}

.login-form-active {
	display: flex
}

.login-form form {
	justify-content: flex-start
}

.login-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #004161;
	opacity: .3;
	z-index: 1;
	display: none
}

.login-form-content {
	background-color: #fff;
	padding: 25px 32px 32px;
	z-index: 3;
	height: 312px;
	position: absolute;
	top: 81px;
	right: 30px;
	display: none;
	flex-direction: column;
	justify-content: flex-start;
	box-shadow: 0 0 30px rgba(0, 0, 0, .05)
}

.login-form-content-active {
	display: flex
}

@media (max-width: 767px) {
	.login-form-content {
		/*display: none !important;*/
		top: 61px;
		right: 0;
		padding: 25px 16px
	}
}

.login-form form, .login-form-content form {
	height: 100%;
	display: flex;
	flex-direction: column
}

.button-close {
	top: 8px;
	right: 8px;
	position: absolute;
	height: 16px
}

.button-close svg {
	height: 16px;
	width: 16px;
	fill: #bfcfd7
}

.login-form-item {
	position: relative;
	margin-bottom: 5px
}

.login-form-item .login-form-link {
	position: absolute;
	top: 0;
	right: 0;
	color: #004161;
	text-decoration: underline
}

.login-form-checkbox {
	margin-top: 6px
}

.login-form-button-box {
	justify-content: space-between;
	margin-top: auto
}

.login-form-button-box button {
	margin-right: 15px;
}

.login-form-button-box, .login-form-social-buttons {
	display: flex;
	align-items: center
}

.login-form-social-buttons ul,
.auth-form-social-buttons ul {
	margin: 0!important;
	padding: 0!important;
}

.social-link {
	display: flex;
	margin-right: 16px
}

.social-link svg {
	height: 24px;
	width: 24px
}

.social-link:last-child {
	margin-right: 0
}

.block-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 64px;
	max-width: 656px
}

@media (max-width: 767px) {
	.block-text {
		max-width: 100%;
		margin-bottom: 24px
	}
}

.block-text .block-text-desc, .block-text .block-text-ol-without-bg > h4, .block-text .block-text-title, .block-text .block-text-ul-without-bg > h4, .block-text .block-text-without-bg > h4, .block-text .block-text-without-bg > p, .block-text .video > p {
	color: #004161;
	width: 100%
}

.block-text-bg {
	padding: 22px 32px 27px;
	background-color: #f6f6f7
}

@media (max-width: 767px) {
	.block-text-bg {
		padding: 12px 16px
	}
}

.block-text-bg-important {
	background-color: #004161
}

.block-text-bg-important h4 {
	color: #fff !important;
	width: 100%
}

.block-text-bg-important li, .block-text-bg-important p {
	color: #fff !important
}

.block-text-bg-important li:before {
	background-color: #fff !important
}

.block-text-bg-important ol {
	margin: 11px 0 0 14px;
	padding: 0;
	width: 100%
}

.block-text-bg-important ol li {
	margin-top: 8px;
	padding-left: 10px
}

.block-text-bg-important ol li:first-child, .block-text-li:first-child, .block-text-ol-without-bg > ol li:first-child, .block-text-ul-without-bg > ul li:first-child, .video > ul > li:first-child {
	margin-top: 0
}

.block-text-li, .video > ul > li {
	color: #004161;
	list-style-type: none;
	width: 100%;
	display: flex;
	margin-top: 8px
}

@media (max-width: 767px) {
	.block-text-li, .video > ul > li {
		margin-top: 5px
	}
}

.block-text-li span, .video > ul > li span {
	margin-right: 10px
}

@media (max-width: 767px) {
	.block-text-li span, .video > ul > li span {
		margin-right: 5px
	}
}

.block-text-li-number {
	color: #004161;
	padding-left: 6px
}

@media (max-width: 767px) {
	.block-text-li-number {
		padding-left: 3px
	}
}

.block-text-header {
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.block-text-header {
		margin-bottom: 24px
	}
}

.block-text-header .block-text-desc, .block-text-header .block-text-without-bg > p, .block-text-header .video > p {
	margin-top: 17px
}

@media (max-width: 767px) {
	.block-text-header .block-text-desc, .block-text-header .block-text-without-bg > p, .block-text-header .video > p {
		margin-top: 8px
	}
}

.block-text-header > h2 {
	width: 100%;
	margin-bottom: 12px
}

@media (max-width: 767px) {
	.block-text-header > h2 {
		margin-bottom: 8px
	}
}

.block-text-header > h3, .block-text-ol-without-bg, .block-text-ol-without-bg > h4, .block-text-ul-without-bg, .block-text-ul-without-bg > h4, .block-text-without-bg > h4 {
	width: 100%
}

.block-text-without-bg .block-text-desc, .block-text-without-bg .video > p, .block-text-without-bg > p {
	margin-top: 11px
}

@media (max-width: 767px) {
	.block-text-without-bg .block-text-desc, .block-text-without-bg .video > p, .block-text-without-bg > p {
		margin-top: 8px
	}
}

.block-text-without-bg > p {
	width: 100%
}

.block-text-ul-without-bg > ul {
	margin: 11px 0 0;
	padding: 0;
	width: 100%;
	list-style: none
}

@media (max-width: 767px) {
	.block-text-ul-without-bg > ul {
		margin-top: 8px
	}
}

.block-text-ul-without-bg > ul li {
	margin-top: 8px;
	padding-left: 25px;
	position: relative
}

.block-text-ul-without-bg > ul li:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	min-width: 16px;
	height: 1px;
	background-color: #004161;
	top: 10px;
	left: 0
}

@media (max-width: 374px) {
	.block-text-ul-without-bg > ul li:before {
		width: 8px;
		min-width: 8px;
		top: 7px
	}

	.block-text-ul-without-bg > ul li {
		margin-top: 4px;
		padding-left: 18px
	}
}

.block-text-ol-without-bg > ol {
	margin: 11px 0 0 14px;
	padding: 0;
	width: 100%
}

@media (max-width: 767px) {
	.block-text-ol-without-bg > ol {
		margin-top: 8px
	}
}

.block-text-ol-without-bg > ol li {
	margin-top: 8px;
	padding-left: 10px
}

@media (max-width: 767px) {
	.block-text-ol-without-bg > ol li {
		margin-top: 4px;
		padding-left: 7px
	}
}

.block-text-thesis {
	display: flex;
	align-items: flex-start;
	color: #004161;
	max-width: 312px;
	margin-top: 15px
}

@media (max-width: 767px) {
	.block-text-thesis {
		max-width: 100%;
		margin-top: 16px
	}
}

.block-text-thesis .block-text-thesis-circle-box {
	width: 16px;
	height: 16px;
	min-height: 16px;
	min-width: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	margin-top: 3px;
	margin-right: 8px
}

@media (max-width: 767px) {
	.block-text-thesis .block-text-thesis-circle-box {
		min-height: 8px;
		min-width: 8px
	}
}

.block-text-thesis .block-text-thesis-circle-box .block-text-thesis-circle, .block-text-thesis-wrapper > ul li:before {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #48cef8
}

@media (max-width: 767px) {
	.block-text-thesis .block-text-thesis-circle-box .block-text-thesis-circle {
		width: 4px;
		height: 4px
	}
}

.block-text-thesis .block-text-thesis-desc {
	margin-top: 5px
}

@media (max-width: 767px) {
	.block-text-thesis .block-text-thesis-desc {
		margin-top: 0
	}
}

.block-text-thesis-wrapper {
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper {
		margin-bottom: 24px
	}
}

.block-text-thesis-wrapper .block-text-ol-without-bg > h4, .block-text-thesis-wrapper .block-text-title, .block-text-thesis-wrapper .block-text-ul-without-bg > h4, .block-text-thesis-wrapper .block-text-without-bg > h4 {
	color: #004161
}

.block-text-thesis-wrapper > ol, .block-text-thesis-wrapper > ul {
	margin-top: 7px;
	max-width: 656px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper > ul {
		max-width: 100%;
		margin-top: 1px;
		flex-direction: column
	}
}

.block-text-thesis-wrapper > ul li {
	list-style: none;
	color: #004161;
	max-width: 312px;
	margin-top: 15px;
	position: relative;
	padding-left: 20px
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper > ul li {
		max-width: 100%;
		margin-top: 16px
	}
}

@media (max-width: 374px) {
	.block-text-thesis-wrapper > ul li {
		padding-left: 12px
	}
}

.block-text-thesis-wrapper > ul li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	display: block;
	min-width: 8px;
	margin-right: 12px
}

@media (max-width: 374px) {
	.block-text-thesis-wrapper > ul li:before {
		top: 5px;
		min-width: 4px;
		width: 4px;
		height: 4px
	}
}

.block-text-thesis-wrapper > ul li h4 {
	margin-bottom: 5px
}

@media (max-width: 374px) {
	.block-text-thesis-wrapper > ul li h4 {
		margin-bottom: 0
	}
}

.block-text-thesis-wrapper > ol {
	counter-reset: thesis-number
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper > ol {
		max-width: 100%;
		margin-top: 1px;
		flex-direction: column
	}
}

.block-text-thesis-wrapper > ol li {
	list-style: none;
	color: #004161;
	max-width: 312px;
	margin-top: 15px;
	position: relative;
	padding-left: 25px
}

@media (max-width: 374px) {
	.block-text-thesis-wrapper > ol li {
		max-width: 100%;
		margin-top: 16px;
		padding-left: 16px
	}
}

.block-text-thesis-wrapper-main-ol li:before, .block-text-thesis-wrapper > ol li:before {
	width: 16px;
	height: 16px;
	min-width: 16px;
	background-color: #48cef8;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}

.block-text-thesis-wrapper > ol li:before {
	counter-increment: thesis-number;
	content: counter(thesis-number);
	position: absolute;
	left: 0;
	top: 3px
}

@media (max-width: 374px) {
	.block-text-thesis-wrapper > ol li:before {
		top: 2px;
		min-width: 11px;
		width: 11px;
		height: 11px
	}
}

.block-text-thesis-wrapper > ol li h4 {
	margin-bottom: 5px
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper > ol li h4 {
		margin-bottom: 4px
	}
}

.block-text-thesis-unheaded .block-text-thesis-desc {
	margin-top: 0
}

.block-text-thesis-number {
	list-style-type: decimal
}

.block-text-thesis-wrapper-main-ol {
	counter-reset: thesis-number-counter
}

.block-text-thesis-wrapper-main-ol li:before {
	counter-increment: thesis-number-counter;
	content: counter(thesis-number-counter);
	min-height: 16px;
	margin-right: 8px;
	font-size: 12px;
	margin-top: 3px
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper-main-ol li:before {
		width: 12px;
		height: 12px;
		min-width: 12px;
		min-height: 12px;
		font-size: 8px
	}
}

.block-text-thesis-main-without-head p {
	margin-top: 0 !important
}

.block-text-thesis-wrapper-main-line {
	flex-direction: column;
	flex-wrap: nowrap
}

.block-text-thesis-wrapper-main-line .block-text-thesis, .block-text-thesis-wrapper-number-line .block-text-thesis-wrapper-main-ol li {
	max-width: 656px
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper-main-line .block-text-thesis {
		max-width: 100%
	}
}

.block-text-thesis-wrapper-number-line .block-text-thesis-wrapper-main-ol {
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper-number-line .block-text-thesis-wrapper-main-ol li {
		max-width: 100%
	}
}

.block-text-thesis-wrapper-number-line .block-text-thesis-wrapper-main-ol li:before {
	width: 16px;
	height: 16px
}

@media (max-width: 767px) {
	.block-text-thesis-wrapper-number-line .block-text-thesis-wrapper-main-ol li:before {
		width: 22px;
		height: 12px
	}
}

.block-text-additional .block-text-additional-informer p, .block-text-italic-line span, .block-text-title, .block-text-without-bg > h4 {
	color: #004161
}

.block-text-italic-line {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #004161;
	position: relative;
	margin-top: 12px;
	padding-left: 16px;
	width: 100%
}

@media (max-width: 767px) {
	.block-text-italic-line {
		margin-top: 8px;
		font-size: 10px;
		line-height: 16px
	}
}

.block-text-italic-line:before,
.term > div h3:before,
.block-main-idea:before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: #48cef8
}

.block-text-italic-line span:hover {
	color: #004161 !important
}

.bold {
	font-weight: 600
}

.block-text-thesis-wrapper-line > ol, .block-text-thesis-wrapper-line > ul {
	flex-direction: column;
	align-items: flex-start
}

.block-text-thesis-wrapper-line > ol li, .block-text-thesis-wrapper-line > ul li {
	max-width: 100%
}

.block-main-idea {
	margin-bottom: 64px;
	width: 100%;
	max-width: 657px;
	padding: 16px 32px;
	position: relative;
	background-color: #e7f9fe
}

@media (max-width: 767px) {
	.block-main-idea {
		margin-bottom: 24px;
		padding: 16px
	}
}

.block-text-additional {
	position: relative;
	padding: 22px 32px 27px;
	border: 1px dashed #bfcfd7;
	z-index: 1;
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.block-text-additional {
		padding: 24px 16px 16px;
		margin-bottom: 24px
	}
}

.block-text-additional .block-text {
	margin-bottom: 0
}

.block-text-additional .block-text-additional-informer {
	position: absolute;
	top: -12px;
	left: 32px;
	display: flex;
	align-items: center;
	border: 1px dashed #bfcfd7;
	z-index: 3;
	background-color: #fff;
	height: 24px;
	padding-left: 7px;
	padding-right: 10px
}

@media (max-width: 767px) {
	.block-text-additional .block-text-additional-informer {
		left: 16px;
		padding-left: 8px;
		padding-right: 8px
	}
}

.block-text-additional .block-text-additional-informer i {
	height: 12px;
	width: 12px;
	margin-right: 7px
}

@media (max-width: 767px) {
	.block-text-additional .block-text-additional-informer i {
		margin-right: 5px;
		width: 10px;
		height: 10px
	}
}

.block-text-additional > h4, .block-main-idea > h3 {
	width: 100%
}

.block-text-additional > p {
	margin-top: 11px
}

@media (max-width: 767px) {
	.block-text-additional > p {
		margin-top: 8px
	}
}

.term {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 656px;
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.term {
		max-width: 100%;
		margin-bottom: 24px
	}
}

.term > h3 {
	width: 100%
}

.term > div, .term > div div {
	display: flex;
	align-items: flex-start
}

.term > div {
	margin-top: 24px
}

@media (max-width: 767px) {
	.term > div {
		flex-direction: column
	}
}

.term > div h3 {
	padding-left: 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-width: 240px;
	color: #004161 !important;
	max-width: 240px
}

@media (max-width: 767px) {
	.term > div h3 {
		padding-left: 14px
	}
}

.term > div h3:before {
	height: 24px
}

.term > div div {
	flex-direction: column;
	margin-left: 14px;
	margin-right: 14px;
	max-width: 416px
}

@media (max-width: 767px) {
	.term > div div {
		margin-top: 4px
	}
}

.term > div div p {
	width: 100%;
	margin-top: 20px
}

.term > div div p:first-child {
	margin-top: 0
}

.quote-avatar {
	max-width: 656px;
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.quote-avatar {
		max-width: 100%;
		margin-bottom: 24px
	}
}

.quote-avatar > p {
	position: relative;
	padding: 23px 32px 25px;
	border: solid 1px #bfcfd7;
	background-color: #fff
}

@media (max-width: 767px) {
	.quote-avatar > p {
		padding: 12px 16px
	}
}

.quote-avatar > p:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -24px;
	left: 56px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 24px 0 0;
	border-color: #fff transparent transparent;
	z-index: 3
}

@media (max-width: 767px) {
	.quote-avatar > p:before {
		left: 48px
	}
}

.quote-avatar > p:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -26px;
	left: 55px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 26px 26px 0 0;
	border-color: #bfcfd7 transparent transparent;
	z-index: 1
}

@media (max-width: 767px) {
	.quote-avatar > p:after {
		left: 47px
	}
}

.persons-wrapper > div > div, .quote-avatar > div {
	display: flex;
	align-items: center;
	margin-top: 32px
}

@media (max-width: 767px) {
	.quote-avatar > div {
		margin-top: 24px
	}
}

.persons-wrapper > div > div .person-item-avatar, .quote-avatar > div .quote-avatar-img {
	height: 72px;
	width: 72px;
	overflow: hidden;
	border-radius: 50%
}

@media (max-width: 767px) {
	.quote-avatar > div .quote-avatar-img {
		height: 48px;
		width: 48px
	}
}

.quote-avatar > div .quote-avatar-img img {
	height: 100%;
	width: 100%
}

.quote-avatar > div .quote-desc {
	margin-left: 16px
}

@media (max-width: 767px) {
	.quote-avatar > div .quote-desc {
		margin-left: 8px
	}
}

.quote-avatar > div .quote-desc p {
	margin-top: 6px;
	max-width: 208px
}

@media (max-width: 767px) {
	.quote-avatar > div .quote-desc p {
		margin-top: 4px
	}
}

.quote-without {
	max-width: 656px;
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.quote-without {
		margin-bottom: 24px;
		max-width: 100%
	}
}

.quote-without > div {
	padding-top: 39px;
	padding-bottom: 28px;
	position: relative
}

@media (max-width: 767px) {
	.quote-without > div {
		padding-top: 36px;
		padding-bottom: 22px
	}
}

.quote-without > div i {
	height: 32px;
	width: 32px;
	position: absolute;
	left: 0;
	top: 0
}

@media (max-width: 767px) {
	.quote-without > div i {
		height: 24px;
		width: 24px
	}
}

.quote-without > div span {
	position: absolute;
	bottom: 0;
	right: 0
}

.persons-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 64px;
	max-width: 656px
}

@media (max-width: 767px) {
	.persons-wrapper {
		max-width: 100%;
		margin-bottom: 24px
	}
}

.persons-wrapper > div {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 24px
}

@media (max-width: 767px) {
	.persons-wrapper > div {
		margin-top: 12px;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start
	}
}

.persons-wrapper > div > div {
	max-width: 312px;
	align-items: flex-start;
	width: 100%;
}

@media (max-width: 767px) {
	.persons-wrapper > div > div {
		margin-top: 16px;
		align-items: center
	}
}

.persons-wrapper > div > div:nth-child(-n+2) {
	margin-top: 0
}

@media (max-width: 767px) {
	.persons-wrapper > div > div:nth-child(-n+2) {
		margin-top: 16px
	}
}

.homework li:first-child, .persons-wrapper > div > div:first-child {
	margin-top: 0
}

@media (max-width: 374px) {
	.persons-wrapper > div > div .person-item-avatar {
		max-width: 48px;
		height: 48px;
		width: 100%;
	}
}

.persons-wrapper > div > div .person-item-avatar img {
	width: 100%;
	height: 100%
}

.persons-wrapper > div > div .person-item-desc {
	margin-left: 16px;
	max-width: 216px
}

@media (max-width: 767px) {
	.persons-wrapper > div > div .person-item-desc {
		margin-left: 8px
	}
}

.persons-wrapper > div > div .person-item-desc p {
	margin-top: 6px
}

@media (max-width: 767px) {
	.persons-wrapper > div > div .person-item-desc p {
		margin-top: 4px
	}
}

.table-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative
}

@media (max-width: 767px) {
	.table-block:after {
		content: '';
		position: absolute;
		display: block;
		bottom: 0;
		right: 0;
		height: 88%;
		width: 70px;
		background: linear-gradient(269.14deg, #fff 5.58%, rgba(255, 255, 255, 0) 93.17%);
		pointer-events: none
	}
}

@media (max-width: 374px) {
	.table-wrapper {
		width: 256px !important;
		overflow-x: scroll
	}
}

@media (max-width: 767px) {
	.table-wrapper {
		width: 300px;
		overflow-x: scroll
	}
}

.table {
	width: 656px;
	margin-top: 22px;
	border-collapse: collapse
}

@media (max-width: 767px) {
	.table {
		width: 456px;
		overflow-x: scroll;
		margin-top: 11px
	}
}

.table th {
	color: #004161;
	text-align: left;
	height: 40px
}

@media (max-width: 767px) {
	.table th {
		height: 24px
	}
}

.table .table-first-level {
	opacity: .5
}

.table .table-first-level th {
	border-bottom: 1px solid #bfcfd7;
	padding-bottom: 12px;
	border-left: none;
	border-right: none
}

@media (min-width: 1024px) {
	.table .table-item:hover {
		background-color: #f6f6f7
	}
}

.table .table-item:focus {
	background-color: #f6f6f7
}

.table .table-item:first-child {
	margin-top: 8px
}

.block-text-img {
	max-width: 656px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 64px
}

.block-text-img ul {
	margin-top: 0
}

@media (max-width: 767px) {
	.block-text-img {
		max-width: 100%;
		align-items: flex-start;
		width: 100%;
		margin-bottom: 24px
	}
}

.block-text-img .block-text {
	margin-bottom: 0
}

.block-text-img img, .block-text-img-side .block-text-img-side-wrapper .block-text-img-side-img-box img {
	margin-top: 23px;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media (max-width: 767px) {
	.block-text-img img {
		margin-top: 12px
	}
}

.block-text-img-side {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 656px
}

@media (max-width: 767px) {
	.block-text-img-side {
		max-width: 100%
	}
}

.block-text-img-side .block-text-img-side-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 16px;
	max-width: 656px;
	width: 100%;
	height: 100%
}

@media (max-width: 767px) {
	.block-text-img-side .block-text-img-side-wrapper {
		max-width: 100%;
		flex-direction: column;
		justify-content: flex-start;
		margin-top: 8px
	}
}

.block-text-img-side .block-text-img-side-wrapper .block-text-img-side-img-box {
	margin-top: 0;
	max-width: 312px;
	height: 100%
}

@media (max-width: 767px) {
	.block-text-img-side .block-text-img-side-wrapper .block-text-img-side-img-box {
		margin-top: 12px
	}
}

.block-text-img-side .block-text-img-side-wrapper .block-text-img-side-img-box img {
	margin-top: 0;
	height: auto
}

.block-text-img-side-text {
	margin-right: 32px;
	max-width: 312px
}

@media (max-width: 767px) {
	.block-text-img-side-text {
		margin-right: 0;
		max-width: 100%
	}
}

.block-text-img-side-text > p {
	margin-bottom: 16px;
	width: 100%;
	max-width: 312px
}

@media (max-width: 767px) {
	.block-text-img-side-text > p {
		margin-top: 0
	}
}

.block-text-img-left .block-text-img-side-wrapper {
	flex-direction: row-reverse
}

@media (max-width: 767px) {
	.block-text-img-left .block-text-img-side-wrapper {
		flex-direction: column
	}
}

.block-text-img-left .block-text-img-side-text {
	margin-right: 0 !important;
	margin-left: 32px
}

@media (max-width: 767px) {
	.block-text-img-left .block-text-img-side-text {
		margin: 0
	}
}

.block-text-img-small .block-text-img-side-img-box {
	max-width: 208px !important
}

@media (max-width: 767px) {
	.block-text-img-small .block-text-img-side-img-box {
		max-width: 100% !important
	}
}

.block-text-img-small .block-text-img-side-text, .block-text-img-small .block-text-img-side-text p {
	max-width: 416px !important
}

.block-text-img-small-left .block-text-img-side-wrapper {
	flex-direction: row-reverse
}

@media (max-width: 767px) {
	.block-text-img-small-left .block-text-img-side-wrapper {
		flex-direction: column
	}
}

.block-text-img-small-left .block-text-img-side-wrapper .block-text-img-side-text {
	margin-right: 0
}

.homework {
	padding: 22px 32px 27px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #f6fbe5;
	max-width: 656px;
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.homework {
		max-width: 100%;
		padding: 12px 16px;
		margin-bottom: 24px
	}
}

.homework-informer, .homework:before {
	position: absolute;
	background-color: #b7db2a
}

.homework:before {
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%
}

.homework .homework-ol {
	margin-left: 13px;
	margin-top: 8px;
	width: 100%
}

@media (max-width: 767px) {
	.homework .homework-ol {
		margin-top: 8px
	}
}

.homework li {
	color: #004161;
	margin-top: 8px;
	width: 100%;
	padding-left: 8px
}

@media (max-width: 767px) {
	.homework li {
		margin-top: 4px;
		padding-left: 0
	}
}

.homework > p {
	margin-top: 11px
}

@media (max-width: 767px) {
	.homework > p {
		margin-top: 8px
	}
}

.homework-informer {
	top: -12px;
	left: 32px;
	display: flex;
	align-items: center;
	height: 24px;
	padding-left: 7px;
	padding-right: 11px
}

@media (max-width: 767px) {
	.homework-informer {
		left: 16px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.homework-informer i {
	height: 12px;
	width: 12px;
	margin-right: 6px
}

@media (max-width: 767px) {
	.homework-informer i {
		height: 10px;
		width: 10px;
		margin-right: 5px
	}
}

.homework-informer p {
	color: #fff
}

.video {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 64px;
	max-width: 656px;
	color: #004161
}

.video .block-text {
	margin: 0
}

@media (max-width: 767px) {
	.video {
		margin-bottom: 24px
	}

	.video iframe {
		height: 144px
	}
}

@media (max-width: 767px) and (min-width: 375px) and (max-width: 425px) {
	.video iframe {
		height: 240px
	}
}

.video > p {
	width: 100%;
	margin-top: 11px
}

@media (max-width: 767px) {
	.video > p {
		margin-top: 8px
	}
}

.video > ul {
	margin: 12px 0 0;
	padding: 0
}

@media (max-width: 767px) {
	.video > ul {
		margin-top: 8px
	}
}

.video-block {
	margin-top: 13px;
	height: 369px;
	width: 100%;
	max-width: 656px;
	position: relative
}

@media (max-width: 767px) {
	.video-block {
		margin-top: 5px;
		height: 144px
	}
}

@media (max-width: 767px) and (min-width: 375px) and (max-width: 425px) {
	.video-block {
		height: 240px
	}
}

.video-block-info {
	display: flex;
	align-items: center;
	margin-top: 23px
}

@media (max-width: 767px) {
	.video-block-info {
		margin-top: 11px
	}
}

.video-block-info > div {
	margin-left: 17px;
	display: flex;
	align-items: center
}

.video-block-info > div > i {
	height: 12px;
	width: 12px;
	margin-right: 8px
}

@media (max-width: 767px) {
	.video-block-info > div > i {
		height: 10px;
		width: 10px
	}
}

.video-preview {
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center
}

.video-preview, .video-preview > div, .video-preview > img {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.video-preview > img {
	z-index: 2;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

.video-preview > div {
	background-color: #bfcfd7;
	opacity: .5;
	z-index: 3
}

.video-preview > button {
	z-index: 5
}

.video-preview-off {
	display: none
}



ol[class], ul[class] {
	padding: 0;
	margin: 0
}

.resources {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 22px 32px;
	position: relative;
	border: solid 1px #bfcfd7;
	margin-bottom: 64px;
	max-width: 654px
}

@media (max-width: 767px) {
	.resources {
		margin-bottom: 24px;
		padding: 24px 16px 15px
	}
}

.resources .resources-ul {
	margin-top: 11px;
	list-style: none;
	width: 100%
}

@media (max-width: 767px) {
	.resources .resources-ul {
		margin-top: 8px
	}
}

.resources .resources-li {
	margin-top: 12px
}

@media (max-width: 767px) {
	.resources .resources-li {
		margin-top: 18px
	}
}

.resources .resources-li:first-child {
	margin-top: 0
}

@media (max-width: 767px) {
	.resources .resources-span-wrapper {
		display: flex;
		flex-direction: column;
		align-items: flex-start
	}

	.resources .resources-span {
		display: none
	}
}

.resources .resources-link, .resources .resources-target {
	color: #48cef8
}

@media (min-width: 1024px) {
	.resources .resources-link:hover {
		color: #3cadd0
	}
}

.resources .resources-link svg {
	margin-left: 3px;
	width: 10px;
	height: 10px;
	fill: #48cef8
}

@media (max-width: 767px) {
	.resources .resources-link svg {
		margin-top: 3px;
		width: 8px;
		height: 8px
	}
}

.resources .resources-target svg {
	margin-left: 3px;
	width: 10px;
	height: 10px;
	fill: #48cef8
}

@media (max-width: 767px) {
	.resources .resources-target svg {
		margin-top: 3px;
		width: 8px;
		height: 8px
	}
}

.resources-informer {
	position: absolute;
	top: -12px;
	left: 32px;
	height: 24px;
	display: flex;
	align-items: center;
	padding: 0 8px;
	border: solid 1px #bfcfd7;
	background-color: #fff
}

@media (max-width: 767px) {
	.resources-informer {
		left: 16px;
		padding: 0 9px 0 11px
	}
}

.resources-informer i {
	width: 12px;
	height: 12px;
	margin-right: 9px
}

@media (max-width: 767px) {
	.resources-informer i {
		margin-right: 4px;
		width: 10px;
		height: 10px
	}
}

.resources ul li .resources-download {
	text-decoration: none !important;
	background: url(../img/icon_download-action-blue.svg)
}

.resources ul li .resources-chain {
	text-decoration: none !important;
	background: url(../img/icons/icon_link-blue.svg)
}

.resources ul li a {
	background-position: right !important;
	padding-right: 15px !important;
	background-repeat: no-repeat !important;
	background-size: 12px !important
}

@media (max-width: 374px) {
	.resources ul li a {
		padding-right: 13px !important;
		background-size: 10px !important
	}
}

.block-button-img {
	display: flex;
	justify-content: space-between;
	max-width: 656px;
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.block-button-img {
		max-width: 100%;
		width: 100%;
		flex-direction: column-reverse;
		margin-bottom: 24px
	}
}

.block-button-img .block-button-img-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 22px 32px 32px;
	max-width: 416px;
	border-left: solid 1px #bfcfd7;
	border-top: solid 1px #bfcfd7;
	border-bottom: solid 1px #bfcfd7;
	width: 100%
}

@media (max-width: 767px) {
	.block-button-img .block-button-img-content {
		max-width: 100%;
		width: 100%;
		padding: 10px 16px;
		border-left: solid 1px #bfcfd7;
		border-right: solid 1px #bfcfd7;
		border-top: none;
		border-bottom: solid 1px #bfcfd7
	}
}

.block-button-img .block-button-img-content .button {
	margin-top: auto;
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.block-button-img .block-button-img-content .button {
		margin-top: 12px
	}
}

.block-button-img .block-button-img-image-box {
	width: 240px;
	display: flex;
	min-width: 240px
}

.block-button-img .block-button-img-image-box img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center
}

@media (max-width: 767px) {
	.block-button-img .block-button-img-image-box img {
		height: auto
	}

	.block-button-img .block-button-img-image-box {
		width: 100%;
		min-width: 0
	}
}

.block-button-img-content > p {
	margin-top: 11px;
	margin-bottom: 11px;
	width: 100%
}

@media (max-width: 767px) {
	.block-button-img-content > p {
		margin-top: 8px
	}
}

.block-button-img-left {
	flex-direction: row-reverse
}

.block-button-img-left .block-button-img-content {
	border-left: none;
	border-right: solid 1px #bfcfd7;
	border-top: solid 1px #bfcfd7;
	border-bottom: solid 1px #bfcfd7
}

@media (max-width: 767px) {
	.block-button-img-left .block-button-img-content {
		border-left: solid 1px #bfcfd7
	}

	.block-button-img-left {
		flex-direction: column-reverse
	}
}

.block-button-img-empty .block-button-img-content {
	max-width: 100%;
	border: solid 1px #bfcfd7
}

.block-button-img-course .block-button-img-content {
	border: 0;
	background-color: #e7f9fe
}

.lesson-footer {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 656px
}

@media (max-width: 767px) {
	.lesson-footer {
		max-width: 100%
	}
}

.lesson-footer-form, .lesson-footer-form-first-level {
	display: flex;
	align-items: flex-start;
	width: 100%
}

.lesson-footer-form-first-level {
	/*justify-content: space-between;*/
	justify-content: flex-end;
	padding-bottom: 31px;
	border-bottom: solid 1px #bfcfd7
}

@media (max-width: 767px) {
	.lesson-footer-form-first-level {
		padding-bottom: 15px;
		flex-wrap: wrap
	}
}

.lesson-footer-second-level {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 32px;
	width: 100%
}

@media (max-width: 767px) {
	.lesson-footer-second-level {
		margin-top: 16px
	}
}

.lesson-footer-form-radio-wrapper {
	border: solid 1px #bfcfd7;
	display: flex;
	padding: 7px 16px;
	align-items: center
}

@media (max-width: 767px) {
	.lesson-footer-form-radio-wrapper {
		width: 100%
	}
}

.lesson-footer-radio-box {
	display: flex;
	align-items: center;
	margin-left: 24px
}

@media (max-width: 767px) {
	.lesson-footer-radio-box {
		margin-left: 26px
	}
}

.lesson-footer-radio-box input {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	visibility: hidden;
	overflow: hidden
}

.lesson-footer-radio-item {
	display: flex;
	margin-left: 19px
}

@media (max-width: 767px) {
	.lesson-footer-radio-item {
		margin-left: 13px
	}
}

.lesson-footer-radio-item:first-child {
	margin-left: 0
}

.lesson-footer-label {
	display: flex;
	align-items: center;
	justify-content: center
}

@media (min-width: 1024px) {
	.lesson-footer-label:hover {
		border-radius: 50%;
		background-color: #fff8e3
	}
}

.lesson-footer-label svg {
	height: 24px;
	width: 24px;
	cursor: pointer
}

@media (max-width: 767px) {
	.lesson-footer-label svg {
		height: 14px;
		width: 14px
	}
}

.lesson-footer-form-buttons-wrapper {
	display: flex
}

@media (max-width: 767px) {
	.lesson-footer-form-buttons-wrapper {
		justify-content: space-between;
		margin-top: 16px;
		width: 100%
	}
}

.lesson-footer-up-button {
	margin-left: 64px
}

@media (max-width: 767px) {
	.lesson-footer-up-button {
		margin-left: 0
	}
}

.lesson-footer-up-button svg {
	transform: rotate(-90deg)
}


.lesson-footer-crm-form
{
	width: 100%;
	padding-bottom: 31px;
	border-bottom: solid 1px #bfcfd7;
}

.lesson-footer-crm-form-buttons-wrapper
{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}

.lesson-footer-crm-form-buttons
{
	display: none;
	position: relative;
	bottom: -50px;
	transition: all 0.3s linear;
}

@media (max-width: 400px)
{
	.lesson-footer-crm-form-buttons
	{
		flex-direction: column;
	}

	.lesson-footer-crm-form-buttons button
	{
		margin-bottom: 10px;
	}
}

.lesson-footer-crm-form-buttons button
{
	margin-right: 10px;
}

@media (max-width: 767px)
{
	.lesson-footer-crm-form-buttons button
	{
		margin-right: 5px;
	}
}


.course-footer-second-level-button-desk {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.lesson-footer-second-level-button-mob {
	display: none
}

@media (max-width: 767px) {
	.lesson-footer-second-level-button-mob {
		display: flex
	}

	.lesson-footer-second-level-button-desk {
		display: none
	}
}

.quick-test-bad .quick-test-result svg {
	fill: #dd1936
}

.quick-test {
	max-width: 656px;
	margin-bottom: 64px;
	padding: 22px 32px 32px;
	border: solid 1px #bfcfd7
}

@media (max-width: 767px) {
	.quick-test {
		padding: 16px;
		max-width: 100%;
		margin-bottom: 24px
	}
}

.quick-test-content {
	margin-top: 16px;
	display: none;
}

.quick-test-text {
	margin-top: 12px
}

@media (max-width: 767px) {
	.quick-test-text {
		margin-top: 8px
	}
}

.quick-test-form {
	margin-top: 11px
}

@media (max-width: 767px) {
	.quick-test-form {
		margin-top: 12px
	}
}

.quick-test-form-item {
	margin-top: 16px;
	padding: 16px;
	width: 100%;
	background-color: #eff6f9
}

@media (max-width: 767px) {
	.quick-test-form-item {
		margin-top: 8px;
		padding: 12px 16px
	}
}

.quick-test-form-item-good {
	background-color: #f6fbe5;
	border: solid 1px #b7db2a
}

.quick-test-form-item-bad {
	background-color: #fbe5e5;
	border: solid 1px #dd1936
}

.quick-test-form-item-not-answered {
	background-color: #dedede;
	border: solid 1px #9d9d9d;
}

.quick-test-form-buttons-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 32px
}

@media (max-width: 767px) {
	.quick-test-form-buttons-box {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 16px
	}
}

.quick-test-form-pagination {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 32px;
}

@media (max-width: 767px) {
	.quick-test-form-pagination {
		margin-top: 16px
	}
}

.quick-test-form-pagination span {
	margin-left: 16px
}

.quick-test-form-buttons-left button:first-child, .quick-test-form-pagination span:first-child {
	margin-left: 0
}

.quick-test-result {
	display: flex;
	margin-top: 24px;
	background-color: #eff6f9;
	padding: 14px
}

@media (max-width: 767px) {
	.quick-test-result {
		margin-top: 16px;
		padding: 9px
	}
}

.quick-test-result svg {
	min-width: 24px;
	min-height: 24px;
	width: 24px;
	height: 24px;
	fill: #b7db2a;
	margin-right: 13px
}

@media (max-width: 767px) {
	.quick-test-result svg {
		margin-right: 9px;
		min-width: 16px;
		min-height: 16px;
		width: 16px;
		height: 16px
	}
}

.quick-test-form-buttons-left {
	display: flex;
	align-items: center
}

.quick-test-form-buttons-left button {
	margin-left: 20px
}

@media (max-width: 767px) {
	.quick-test-form-buttons-left button {
		margin-left: 16px
	}
}

.test-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 64px;
	position: relative
}

@media (max-width: 767px) {
	.test-list {
		margin-bottom: 24px
	}
}

.test-list-un-notification
{
    max-width: 500px;
}

.test-list-un-notification a
{
    text-decoration: none;
    color: #48cef8;
}

.test-list-un-notification a:hover
{
    color: #488df8;
}

.test-list-un-notification p
{
    margin: 12px 0;
}

.test-list-content {
	width: 100%;
	margin-top: 26px
}

@media (max-width: 767px) {
	.test-list-content {
		margin-top: 10px
	}
}

.test-list-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%
}

@media (max-width: 767px) {
	.test-list-header {
		flex-direction: column-reverse;
		align-items: flex-start
	}
}

.test-list-navigation {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.test-list-navigation {
		margin-bottom: 14px;
		width: 100%;
		justify-content: space-between
	}
}

.test-list-navigation .button-main:first-child, .test-question-form-buttons-navigation a:first-child {
	margin-right: 16px
}

@media (max-width: 767px) {
	.test-list-navigation .button-main:first-child {
		margin-right: 0
	}
}

.test-list-navigation-button-mob {
	display: none
}

@media (max-width: 767px) {
	.test-list-navigation-button-mob {
		display: flex
	}

	.test-list-navigation-button-desktop {
		display: none
	}
}

.test-list-complete-message {
	position: relative;
	padding: 22px 32px 32px;
	background-color: #f6f6f7;
	width: 100%;
	overflow: hidden
}

@media (max-width: 767px) {
	.test-list-complete-message {
		padding: 16px
	}
}

.test-list-complete-message-text {
	margin-top: 11px;
	width: 100%
}

@media (max-width: 767px) {
	.test-list-complete-message-text {
		margin-top: 8px
	}
}

.test-list-complete-message-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 457px
}

@media (max-width: 1023px) {
	.test-list-complete-message-content {
		max-width: 400px
	}
}

.test-list-complete-message-button {
	margin-top: 23px
}

@media (max-width: 767px) {
	.test-list-complete-message-button {
		margin-top: 28px
	}
}

.test-list-complete-message-icon {
	position: absolute;
	right: 16px;
	bottom: -85px
}

@media (max-width: 767px) {
	.test-list-complete-message-icon {
		right: 31px;
		bottom: -25px
	}
}

.test-list-complete-message-icon svg {
	width: 248px;
	height: 256px
}

@media (max-width: 767px) {
	.test-list-complete-message-icon svg {
		width: 83px;
		height: 85px
	}
}

.test-list-complete-message-title {
	width: 100%
}

.test-header {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	margin-bottom: 16px
}

.test-header-info {
	display: flex;
	margin-top: 27px;
	flex-wrap: wrap
}

@media (max-width: 767px) {
	.test-header-info {
		margin-top: 0;
		flex-direction: column;
	}
}

.test-header-info-item {
	display: flex;
	align-items: center;
	margin-left: 26px
}

@media (max-width: 767px) {
	.test-header-info-item {
		margin-left: 0;
		margin-bottom: 5px;
	}
}

.test-header-info-item:first-child {
	margin-left: 0
}

.test-header-info-item svg {
	height: 16px;
	width: 16px;
	margin-right: 7px
}

@media (max-width: 767px) {
	.test-header-info-item svg {
		height: 12px;
		width: 12px
	}
}

.test-description-content {
	width: 100%;
	margin-bottom: 64px
}

@media (max-width: 767px) {
	.test-description-content {
		margin-bottom: 24px
	}
}

.test-title {
	margin-bottom: 18px;
	width: 100%
}

@media (max-width: 767px) {
	.test-title {
		margin-bottom: 12px
	}
}

.test-lessons-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%
}

.test-lessons-box-item {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	padding: 13px 16px 11px;
	background-color: #eff6f9;
	margin-top: 16px
}

@media (max-width: 767px) {
	.test-lessons-box-item {
		margin-top: 8px
	}
}

.test-lessons-box-item:first-child {
	margin-top: 0
}

@media (max-width: 767px) {
	.test-lessons-box-item-link-desktop {
		display: none
	}
}

.test-lessons-box-item-link-mob {
	display: none
}

@media (max-width: 767px) {
	.test-lessons-box-item-link-mob {
		display: flex
	}
}

.test-text-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 41px;
	margin-top: 23px
}

@media (max-width: 767px) {
	.test-text-box {
		margin-bottom: 32px;
		margin-top: 12px
	}
}

.test-text-box-item {
	margin-bottom: 32px;
	width: 100%
}

@media (max-width: 767px) {
	.test-text-box-item {
		margin-bottom: 16px
	}
}

.test-description-box-item:last-child, .test-text-box-item:last-child {
	margin-bottom: 0
}

.test-description-box {
	margin-top: 17px
}

@media (max-width: 767px) {
	.test-description-box {
		margin-top: 4px
	}
}

.test-description-box-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 16px;
	background-color: #eff6f9;
	padding: 18px 14px 14px
}

@media (max-width: 767px) {
	.test-description-box-item {
		margin-bottom: 8px;
		padding: 9px
	}
}

.test-description-box-item svg {
	margin-right: 13px;
	height: 24px;
	width: 24px;
	min-height: 24px;
	min-width: 24px
}

@media (max-width: 374px) {
	.test-description-box-item svg {
		margin-right: 8px;
		min-height: 16px;
		min-width: 16px;
		height: 16px;
		width: 16px
	}
}

.test-footer-buttons-box {
	margin-top: 48px;
	display: flex;
	justify-content: flex-end;
	width: 100%
}

@media (max-width: 767px) {
	.test-footer-buttons-box {
		margin-top: 32px;
		flex-direction: column-reverse;
		align-items: stretch
	}
}

.test-footer-buttons-box-button {
	margin-left: 32px
}

@media (max-width: 767px) {
	.test-footer-buttons-box-button {
		margin-left: 0;
		margin-top: 8px
	}

	.test-footer-buttons-box-button:last-child {
		margin-top: 0
	}
}

.test-footer-buttons-box-button:first-child {
	margin-left: 0
}

.test-question-content .test-title {
	margin-bottom: 27px
}

@media (max-width: 767px) {
	.test-question-content .test-title {
		margin-bottom: 12px
	}
}

.test-pagination {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%
}

.test-pagination-simplebar {
	width: 100%
}

.test-pagination-simplebar .simplebar-track {
	background-color: #f6f6f7
}

.test-pagination-simplebar .simplebar-scrollbar::before {
	position: absolute;
	content: "";
	background-color: #bfcfd7;
	border-radius: 0;
	opacity: 1;
	height: 5px
}

.test-question-number-box {
	display: flex;
	width: 100%;
	padding: 28px 24px
}

@media (max-width: 767px) {
	.test-question-number-box {
		padding: 10px 0 8px 12px
	}
}

.test-question-number-box .question-number {
	margin-right: 16px;
	flex-shrink: 1
}

.test-progressbar {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.test-progressbar-content {
	position: relative;
	width: 100%
}

.test-progressbar-thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: #e7f9fe;
	z-index: 1
}

@media (max-width: 767px) {
	.test-progressbar-thumb {
		height: 4px
	}
}

.test-progressbar-value {
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	background-color: #48cef8;
	z-index: 3
}

@media (max-width: 767px) {
	.test-progressbar-value {
		height: 4px
	}
}

.test-question-content {
	margin-top: 76px
}

@media (max-width: 767px) {
	.test-question-content {
		margin-top: 70px
	}
}

.test-question-image {
	max-width: 656px;
	margin-bottom: 22px
}

@media (max-width: 767px) {
	.test-question-image {
		width: 100%;
		margin-bottom: 10px
	}
}

.test-question-form {
	margin-top: 16px
}

@media (max-width: 767px) {
	.test-question-form {
		margin-top: 8px
	}
}

.test-question-form-title {
	margin-bottom: 10px
}

@media (max-width: 767px) {
	.test-question-form-title {
		margin-bottom: 12px
	}
}

.test-question-form-item {
	padding: 14px 32px 14px 16px;
	background-color: #eff6f9;
	margin-bottom: 16px
}

@media (max-width: 767px) {
	.test-question-form-item {
		margin-bottom: 8px;
		padding: 4px 16px 4px 8px
	}
}

.test-question-form-item:last-child {
	margin-bottom: 0
}

.test-question-form-buttons-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 52px
}

@media (max-width: 767px) {
	.test-question-form-buttons-box {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin-top: 16px
	}
}

.test-question-form-buttons-left {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.test-question-form-buttons-left {
		width: 100%;
		justify-content: space-between;
		padding-bottom: 15px;
		border-bottom: solid 1px #bfcfd7
	}
}

.test-question-form-buttons-navigation {
	display: flex;
	align-items: center;
	margin-left: 32px
}

@media (max-width: 767px) {
	.test-question-form-buttons-right {
		margin-top: 15px
	}
}

.test-result {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 10px
}

@media (max-width: 767px) {
	.test-result {
		width: 100%
	}
}

.test-result-title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 126.5%;
	margin-bottom: 42px
}

@media (max-width: 767px) {
	.test-result-title {
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 17px
	}
}

.test-result-content {
	position: relative
}

@media (max-width: 767px) {
	.test-result-content {
		width: 100%
	}
}

.test-result-stats {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	left: 0;
	top: 0
}

.test-result-stats-numbers {
	display: flex;
	align-items: flex-end
}

.test-result-current {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 100%
}

@media (max-width: 767px) {
	.test-result-current {
		font-size: 50px
	}
}

.test-result-possible {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 32px;
	line-height: 126.5%;
	opacity: .4
}

@media (max-width: 767px) {
	.test-result-possible {
		font-size: 28px
	}
}

.test-result-stats-text {
	margin-top: 3px
}

@media (max-width: 767px) {
	.test-result-stats-text {
		margin-top: 0
	}
}

.test-result-minimum {
	display: flex;
	align-items: center;
	padding: 4px 16px 5px;
	background-color: #f6fbe5;
	position: relative;
	margin-top: 13px
}

@media (max-width: 767px) {
	.test-result-minimum {
		margin-top: 4px;
		padding: 4px 11px
	}
}

.test-result-minimum:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: #b7db2a
}

.test-result-main-image svg {
	width: 416px;
	height: 200px
}

@media (max-width: 767px) {
	.test-result-main-image svg {
		height: 152px;
		width: 100%
	}
}

.test-result-info {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.test-result-info {
		justify-content: space-between
	}
}

.test-result-info-item {
	display: flex;
	align-items: center;
	margin-left: 106px;
	margin-top: 32px
}

@media (max-width: 767px) {
	.test-result-info-item {
		margin-left: 15px;
		margin-top: 15px
	}
}

.test-result-info-item:first-child {
	margin-left: 0
}

.test-result-info-item:last-child {
	margin-left: 82px
}

@media (max-width: 767px) {
	.test-result-info-item:last-child {
		margin-left: 15px
	}
}

.test-result-info-item svg {
	height: 48px;
	width: 48px
}

@media (max-width: 767px) {
	.test-result-info-item svg {
		height: 24px;
		width: 24px
	}
}

.test-result-info-desc {
	margin-left: 19px
}

@media (max-width: 767px) {
	.test-result-info-desc {
		margin-left: 6px
	}
}

.test-result-icon {
	position: absolute;
	right: -40px;
	top: 41px
}

@media (max-width: 767px) {
	.test-result-icon {
		top: auto;
		bottom: -5px;
		right: 0
	}
}

.test-result-icon svg {
	width: 154px;
	height: 159px
}

@media (max-width: 767px) {
	.test-result-icon svg {
		width: 93px;
		height: 96px
	}
}

.test-result-buttons-box {
	display: flex;
	align-items: center;
	margin-top: 35px
}

@media (max-width: 767px) {
	.test-result-buttons-box {
		margin-top: 40px;
		flex-direction: column;
		align-items: flex-start
	}
}

.test-result-buttons-box div.button-border {
	border-color: #dd1936;
}

.test-result-buttons-box .button {
	margin-left: 32px
}

@media (max-width: 767px) {
	.test-result-buttons-box .button {
		margin-left: 0;
		margin-top: 16px;
		min-width: 112px
	}

	.test-result-buttons-box .button:first-child {
		margin-top: 0
	}
}

.test-result-buttons-box .button:first-child {
	margin-left: 0
}

.test-result-buttons-box .feedback-component .button {
	margin: 0;
}

.test-result-svg-red {
	fill: #dd1936
}

.test-result-svg-green {
	fill: #b7db2a
}

.test-result-svg-stroke {
	fill: #bfcfd7
}

.test-result-column {
	opacity: .25
}

.test-result-column-full {
	opacity: 1
}

.test-result-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 8px;
	background-color: #b7db2a
}

.test-result-line-bad, .test-result-very-bad .test-result-minimum:before {
	background-color: #dd1936
}

.test-result-very-bad .test-result-title {
	margin-bottom: 4px
}

.test-result-very-bad .test-result-minimum {
	background-color: #fbe5e5
}

.test-result-important .test-result-minimum {
	background-color: #f6f6f7
}

.test-result-important .test-result-minimum:before {
	background-color: #bfcfd7
}

.test-result-subtitle {
	margin-bottom: 33px
}

@media (max-width: 767px) {
	.test-result-subtitle {
		margin-bottom: 20px
	}
}

.lesson-navigation {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 14px
}

@media (max-width: 767px) {
	.lesson-navigation {
		flex-direction: column-reverse;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%
	}
}

.lesson-navigation-info-block-hide .lesson-navigation-info-box {
	display: none
}

.lesson-navigation-info-block-hide .lesson-navigation-title {
	margin-bottom: 0
}

.lesson-navigation-buttons-hide .lesson-navigation-buttons {
	display: none
}

.lesson-navigation-info-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media (max-width: 767px) {
	.lesson-navigation-info-block {
		margin-top: 14px
	}
}

.lesson-navigation-title {
	margin-bottom: 27px
}

@media (max-width: 767px) {
	.lesson-navigation-title {
		margin-bottom: 14px
	}
}

.lesson-navigation-info-box {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.lesson-navigation-info-box-item {
	display: flex;
	align-items: center;
	margin-left: 33px
}

@media (max-width: 767px) {
	.lesson-navigation-info-box-item {
		margin-left: 17px
	}
}

.lesson-navigation-info-box-item:first-child {
	margin-left: 0
}

.lesson-navigation-info-box-item svg {
	margin-right: 6px;
	height: 16px;
	width: 16px;
	min-width: 16px;
	min-height: 16px
}

@media (max-width: 767px) {
	.lesson-navigation-info-box-item svg {
		margin-right: 5px
	}
}

.lesson-navigation-buttons {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.lesson-navigation-buttons {
		width: 100%;
		justify-content: space-between
	}
}

.lesson-navigation-buttons .button-just-icon:first-child {
	margin-right: 16px
}

.lesson-navigation-button-mob {
	display: none
}

@media (max-width: 767px) {
	.lesson-navigation-button-mob {
		display: flex
	}

	.lesson-navigation-button-desktop {
		display: none
	}
}

.auth {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.auth-informer {
	padding: 22px 32px 26px;
	position: relative;
	background-color: #f6f6f7;
	width: 100%
}

.auth-informer:before, .registration-informer:before {
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	height: 100%;
	width: 2px;
	background-color: #48cef8
}

.auth-form {
	margin-top: 33px;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media (max-width: 767px) {
	.auth-form {
		width: 100%;
		margin-top: 12px
	}
}

.auth-form-item {
	display: flex;
	align-items: center;
	margin-top: 13px
}

@media (max-width: 767px) {
	.auth-form-item {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 8px;
		width: 100%
	}
}

.auth-form-item:first-child {
	margin-top: 0
}

.auth-form-item a {
	margin-left: 32px
}

@media (max-width: 767px) {
	.auth-form-item a {
		margin-left: 0;
		margin-top: 5px
	}

	.auth-form-item .input-text {
		width: 100%
	}
}

.auth-form-buttons-box {
	display: flex;
	align-items: center;
	margin-top: 30px
}

@media (max-width: 767px) {
	.auth-form-buttons-box {
		margin-top: 16px
	}
}

.auth-form-buttons-box p {
	padding: 0 27px
}

@media (max-width: 767px) {
	.auth-form-buttons-box p {
		padding: 0 21px
	}

	.auth-form-item-checkbox {
		margin-top: 20px
	}
}

.auth-form-social-link {
	margin-right: 16px
}

.auth-form-social-link:last-child {
	margin-right: 0
}

.auth-form-social-link svg {
	height: 32px;
	width: 32px
}

.registration {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.registration-informer {
	padding: 22px 32px 26px;
	position: relative;
	background-color: #f6f6f7;
	width: 100%
}

.registration-form {
	margin-top: 33px;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media (max-width: 767px) {
	.registration-form {
		margin-top: 12px;
		width: 100%
	}
}

.registration-form-item {
	display: flex;
	align-items: center;
	margin-top: 18px
}

@media (max-width: 767px) {
	.registration-form-item {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 13px;
		width: 100%
	}
}

.registration-form-item-checkbox .checkbox-tick:first-child, .registration-form-item:first-child {
	margin-top: 0
}

.registration-form-item:nth-child(2) {
	margin-top: 0
}

@media (max-width: 767px) {
	.registration-form-item:nth-child(2) {
		margin-top: 13px
	}
}

.registration-form-item sup {
	font-size: 14px;
	line-height: 20px;
	top: -3px
}

.registration-form-item a {
	margin-left: 32px
}

@media (max-width: 767px) {
	.registration-form-item a {
		margin-left: 0;
		margin-top: 5px
	}

	.registration-form-item .input-text {
		width: 100%
	}
}

.registration-form-buttons-box {
	margin-top: 30px
}

.registration-form-buttons-box, .registration-form-buttons-box .registration-form-social-buttons {
	display: flex;
	align-items: center
}

@media (max-width: 767px) {
	.registration-form-buttons-box {
		margin-top: 16px;
		flex-direction: column;
		width: 100%
	}

	.registration-form-buttons-box .button {
		width: 100%
	}

	.registration-form-buttons-box p {
		display: none
	}

	.registration-form-buttons-box .registration-form-social-buttons {
		display: block;
		margin-top: 16px
	}
}

.registration-form-buttons-box p {
	padding: 0 27px
}

@media (max-width: 767px) {
	.registration-form-buttons-box p {
		padding: 0 21px
	}

	.registration-form-item-checkbox {
		margin-top: 20px
	}
}

.registration-form-item-checkbox .checkbox-tick {
	margin-top: 13px
}

.registration-form-social-link {
	margin-right: 16px;
	display: flex
}

@media (max-width: 767px) {
	.registration-form-social-link {
		display: inline-block
	}
}

.registration-form-social-link:last-child {
	margin-right: 0
}

.registration-form-social-link svg {
	height: 24px;
	width: 24px
}

@media (max-width: 767px) {
	.registration-form-social-link svg {
		height: 32px;
		width: 32px
	}
}

.registration-inputs-box {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 528px
}

@media (max-width: 767px) {
	.registration-inputs-box {
		width: 100%;
		flex-direction: column;
		justify-content: flex-start
	}
}

.registration-verify-image {
	width: 240px;
	height: 56px;
	border: solid 1px #bfcfd7
}

@media (max-width: 767px) {
	.registration-verify-image {
		width: 100%
	}
}

.registration-verify-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center
}

@media (max-width: 767px) {
	.registration-form-before-last {
		order: 1
	}
}

body {
	min-height: 100vh;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	font-family: "Montserrat", "Arial", -apple-system, sans-serif;
	max-width: 1440px;
	background-color: #ecf1f8;
	position: relative;
	margin: 0 auto !important
}

blockquote, dd, dl, figcaption, figure, h1, h2, h3, h4, li, p {
	margin: 0
}

button, input, select, textarea {
	font: inherit
}

button {
	cursor: pointer;
	outline: 0
}

a[class] {
	text-decoration: none
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0)
}

.js-scroll-block {
	overflow-y: hidden
}

.h1 {
	font-weight: 600;
	font-size: 24px;
	line-height: 126.5%;
	color: #333
}

@media (max-width: 374px) {
	.h1 {
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px
	}
}

.h2 {
	color: #333
}

.block-text-header > h2, .h2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 126.5%
}

@media (max-width: 374px) {
	.block-text-header > h2, .h2 {
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px
	}
}

.h3 {
	color: #333
}

.block-main-idea > h3, .block-text-header > h3, .block-text-thesis-wrapper > h3, .h3, .persons-wrapper > h3, .term > h3 {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px
}

@media (max-width: 374px) {
	.block-main-idea > h3, .block-text-header > h3, .block-text-thesis-wrapper > h3, .h3, .persons-wrapper > h3, .term > h3 {
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
		line-height: 16px
	}
}

.block-button-img-content > h4, .block-text-additional > h4, .block-text-bg-important h4, .block-text-img-side > h4, .block-text-ol-without-bg > h4, .block-text-thesis-wrapper > ol li h4, .block-text-thesis-wrapper > ul li h4, .block-text-ul-without-bg > h4, .block-text-without-bg > h4, .h4, .homework > h4, .persons-wrapper > div > div .person-item-desc h4, .quote-avatar > div .quote-desc h4, .resources > h4, .video > h4 {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px
}

@media (max-width: 374px) {
	.block-button-img-content > h4, .block-text-additional > h4, .block-text-bg-important h4, .block-text-img-side > h4, .block-text-ol-without-bg > h4, .block-text-thesis-wrapper > ol li h4, .block-text-thesis-wrapper > ul li h4, .block-text-ul-without-bg > h4, .block-text-without-bg > h4, .h4, .homework > h4, .persons-wrapper > div > div .person-item-desc h4, .quote-avatar > div .quote-desc h4, .resources > h4, .video > h4 {
		font-style: normal;
		font-weight: 500;
		font-size: 10px;
		line-height: 16px
	}
}

.block-button-img-content > p, .block-text-additional > p, .block-text-bg-important ol li, .block-text-bg-important p, .block-text-img-side-text > p, .block-text-ol-without-bg > ol li, .block-text-thesis-wrapper > ol li, .block-text-thesis-wrapper > ol li p, .block-text-thesis-wrapper > ul li, .block-text-thesis-wrapper > ul li p, .block-text-ul-without-bg > ul li, .block-text-without-bg > p, .homework li, .homework > p, .p1, .term > div div p, .video > p, .video > ul > li {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px
}

@media (max-width: 374px) {
	.block-button-img-content > p, .block-text-additional > p, .block-text-bg-important ol li, .block-text-bg-important p, .block-text-img-side-text > p, .block-text-ol-without-bg > ol li, .block-text-thesis-wrapper > ol li, .block-text-thesis-wrapper > ol li p, .block-text-thesis-wrapper > ul li, .block-text-thesis-wrapper > ul li p, .block-text-ul-without-bg > ul li, .block-text-without-bg > p, .homework li, .homework > p, .p1, .term > div div p, .video > p, .video > ul > li {
		font-style: normal;
		font-weight: 400;
		font-size: 10px;
		line-height: 16px
	}
}

.block-text-additional .block-text-additional-informer p, .homework-informer p, .p2, .persons-wrapper > div > div .person-item-desc p, .quote-avatar > div .quote-desc p, .quote-without > div span, .resources-informer > p, .table .table-first-level th, .table .table-item th {
	font-weight: 400;
	font-size: 12px;
	line-height: 15px
}

@media (max-width: 374px) {
	.block-text-additional .block-text-additional-informer p, .homework-informer p, .p2, .persons-wrapper > div > div .person-item-desc p, .quote-avatar > div .quote-desc p, .quote-without > div span, .resources-informer > p, .table .table-first-level th, .table .table-item th {
		font-style: normal;
		font-weight: 500;
		font-size: 8px;
		line-height: 10px
	}
}

.block-text-thesis-wrapper > ol li:before, .p3, .video-block-info > div > p, .video-block-info > p {
	font-weight: 500;
	font-size: 12px;
	line-height: 126.5%;
	text-transform: uppercase
}

@media (max-width: 374px) {
	.block-text-thesis-wrapper > ol li:before, .p3, .video-block-info > div > p, .video-block-info > p {
		font-style: normal;
		font-weight: 500;
		font-size: 8px;
		line-height: 12px
	}
}

.quote-font {
	color: #333
}

.quote-avatar > p, .quote-font, .quote-without > div p {
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px
}

@media (max-width: 374px) {
	.quote-avatar > p, .quote-font, .quote-without > div p {
		font-style: italic;
		font-weight: 400;
		font-size: 10px;
		line-height: 16px
	}
}

.term-font {
	color: #333
}

.term-font, .term > div h3 {
	font-style: italic;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px
}
.button-text {
	white-space: nowrap;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 126.5%
}

.block-button-img-content > h4, .block-button-img-content > p, .block-text-additional > h4, .block-main-idea > h3, .block-text-header > h2, .block-text-header > h3, .block-text-img-side-text > p, .block-text-img-side > h4, .block-text-ol-without-bg > h4, .block-text-ol-without-bg > ol li, .block-text-thesis-wrapper > h3, .block-text-ul-without-bg > h4, .block-text-ul-without-bg > ul li, .block-text-without-bg > p, .color-font-blue, .homework > h4, .homework > p, .persons-wrapper > div > div .person-item-desc h4, .persons-wrapper > div > div .person-item-desc p, .persons-wrapper > h3, .quote-avatar > div .quote-desc h4, .quote-avatar > div .quote-desc p, .quote-avatar > p, .quote-without > div p, .quote-without > div span, .resources-informer > p, .resources > h4, .term a, .term > div div p, .term > h3, .video-block-info > div > p, .video-block-info > p, .video > p {
	color: #004161
}

.block-button-img-content > p a, .block-main-idea > h3 a, .block-text-bg-important ol li a, .block-text-img a, .block-text-ol-without-bg > ol a, .block-text-thesis-wrapper > ol li a, .block-text-thesis-wrapper > ol li p a, .block-text-thesis-wrapper > ul li a, .block-text-thesis-wrapper > ul li p a, .block-text-ul-without-bg > ul li a, .block-text-without-bg a, .color-font-action-blue, .quote-avatar a, .quote-without a, .video a {
	color: #48cef8 !important
}

.color-warning-red {
	color: #dd1936
}

.svg-white svg {
	fill: #fff
}

.svg-yellow svg {
	fill: #dda619
}

.svg-action-blue svg {
	fill: #48cef8
}

.svg-blue svg {
	fill: #004161
}

.svg-green svg {
	fill: #b7db2a
}

.svg-red svg {
	fill: #dd1936
}

.svg-stroke svg {
	fill: #bfcfd7
}

.svg-left svg {
	transform: rotate(-180deg)
}

.svg-up svg {
	transform: rotate(-90deg)
}

.svg-down svg {
	transform: rotate(90deg)
}

.svg-default-size svg {
	height: 24px;
	width: 24px;
	min-height: 24px;
	min-width: 24px
}

.block-button-img-content > p a, .block-main-idea > h3 a, .block-text-bg-important ol li a, .block-text-img a, .block-text-ol-without-bg > ol a, .block-text-thesis-wrapper > ol li a, .block-text-thesis-wrapper > ol li p a, .block-text-thesis-wrapper > ul li a, .block-text-thesis-wrapper > ul li p a, .block-text-ul-without-bg > ul li a, .block-text-without-bg a, .quote-avatar a, .quote-without a, .term a, .underline, .video a {
	text-decoration: underline !important
}

.buttons {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto
}

.block {
	margin: 25px auto
}

.label-error {
	color: #dd1936 !important
}

.agree {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100vh;
	align-items: center;
	justify-content: center;
	overflow-y: scroll;
	background-color: rgba(0, 65, 97, .4);
	display: none
}

.agree-active {
	display: flex
}

.agree-content {
	width: 800px;
	padding: 64px 72px 32px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #f6f6f7
}

@media (max-width: 767px) {
	.agree-content {
		width: 100%;
		margin: 200px 16px 100px;
		padding: 14px 16px 16px
	}
}

.agree-title {
	width: 100%;
	text-align: left;
	margin-bottom: 28px
}

@media (max-width: 767px) {
	.agree-title {
		margin-bottom: 10px
	}
}

.agree-text-box {
	padding: 20px 32px 0;
	width: 100%;
	border: solid 1px #bfcfd7;
	height: 400px;
	overflow: hidden;
	overflow-y: scroll
}

@media (max-width: 767px) {
	.agree-text-box {
		padding: 12px 16px 0
	}
}

.agree-buttons-box {
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media (max-width: 767px) {
	.agree-buttons-box {
		margin-top: 16px;
		width: 100%
	}
}

.agree-buttons-box .button {
	margin-left: 32px
}

.agree-buttons-box .button:first-child {
	margin-left: 0
}

@media (max-width: 767px) {
	.agree-buttons-box .button {
		margin-left: 0
	}
}

.agree-margin-bottom {
	margin-bottom: 21px
}

.icon {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.icon-clock-blue {
	background-image: url(../img/icons/clock-blue.svg);
	background-repeat: no-repeat;
}

.icon-test-blue {
	background-image: url(../img/icons/icon_test-blue.svg)
}

.icon-info-blue {
	background: url(../img/icons/icon_info-blue.svg)
}

.icon-quote-blue {
	background: url(../img/icons/icon_quote-blue.svg)
}

.icon-study-white {
	background: url(../img/icons/icon_study-white.svg)
}

.icon-attach-blue {
	background: url(../img/icons/icon_attach-blue.svg)
}

.icon_download-action-blue {
	background: url(../img/icon_download-action-blue.svg)
}

.icon_link-blue {
	background: url(../img/icons/icon_link-blue.svg)
}

@media (max-width: 374px) {
	.h1 {
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px
	}
}

@media (max-width: 374px) {
	.block-text-header > h2, .h2 {
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 20px
	}
}

@media (max-width: 374px) {
	.block-text-header > h3, .block-text-thesis-wrapper > h3, .h3, .persons-wrapper > h3, .term > h3 {
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
		line-height: 16px
	}
}

@media (max-width: 374px) {
	.block-button-img-content > h4, .block-text-additional > h4, .block-text-bg-important h4, .block-text-img-side > h4, .block-text-ol-without-bg > h4, .block-text-thesis-wrapper > ol li h4, .block-text-thesis-wrapper > ul li h4, .block-text-ul-without-bg > h4, .block-text-without-bg > h4, .h4, .homework > h4, .persons-wrapper > div > div .person-item-desc h4, .quote-avatar > div .quote-desc h4, .resources > h4, .video > h4 {
		font-style: normal;
		font-weight: 500;
		font-size: 10px;
		line-height: 16px
	}
}

@media (max-width: 374px) {
	.block-button-img-content > p, .block-text-additional > p, .block-text-bg-important ol li, .block-text-bg-important p, .block-text-img-side-text > p, .block-text-ol-without-bg > ol li, .block-text-thesis-wrapper > ol li, .block-text-thesis-wrapper > ol li p, .block-text-thesis-wrapper > ul li, .block-text-thesis-wrapper > ul li p, .block-text-ul-without-bg > ul li, .block-text-without-bg > p, .homework li, .homework > p, .p1, .term > div div p, .video > p, .video > ul > li {
		font-style: normal;
		font-weight: 400;
		font-size: 10px;
		line-height: 16px
	}
}

@media (max-width: 374px) {
	.block-text-additional .block-text-additional-informer p, .homework-informer p, .p2, .persons-wrapper > div > div .person-item-desc p, .quote-avatar > div .quote-desc p, .quote-without > div span, .resources-informer > p, .table .table-first-level th, .table .table-item th {
		font-style: normal;
		font-weight: 500;
		font-size: 8px;
		line-height: 10px
	}
}

@media (max-width: 374px) {
	.block-text-thesis-wrapper > ol li:before, .p3, .video-block-info > div > p, .video-block-info > p {
		font-style: normal;
		font-weight: 500;
		font-size: 8px;
		line-height: 12px
	}
}

@media (max-width: 374px) {
	.quote-avatar > p, .quote-font, .quote-without > div p {
		font-style: italic;
		font-weight: 400;
		font-size: 10px;
		line-height: 16px
	}
}

@media (max-width: 374px) {
	.term-font, .term > div h3 {
		font-style: italic;
		font-weight: 500;
		font-size: 10px;
		line-height: 16px
	}
}

@media (max-width: 767px) {
	.button-text {
		font-style: normal;
		font-weight: 500;
		font-size: 10px;
		line-height: 131.5%
	}
}


@media (max-width: 767px) {
	.svg-default-size svg {
		min-height: 16px;
		min-width: 16px;
		height: 16px;
		width: 16px
	}
}

@media (min-width: 1024px) {
	.block-button-img-content > p a:hover, .block-main-idea > h3 a:hover, .block-text-bg-important ol li a:hover, .block-text-img a:hover, .block-text-ol-without-bg > ol a:hover, .block-text-thesis-wrapper > ol li a:hover, .block-text-thesis-wrapper > ul li a:hover, .block-text-ul-without-bg > ul li a:hover, .block-text-without-bg a:hover, .quote-avatar a:hover, .quote-without a:hover, .term a:hover, .underline:hover, .video a:hover {
		color: #3cadd0 !important
	}
}

@media (max-width: 767px) {
	.buttons {
		width: auto
	}
}

@media (max-width: 767px) {
	.block {
		width: auto
	}
}


/*новые правила для верстки детальки*/
.resources .block-text-ul-without-bg {
	margin-bottom: 0;
}