.error .page-form__input, .error .textfield-input {
	background-color: #fcc;
}

#modal-system h3 {
	margin-bottom: 28rem;
}

.page-form__popup-wrap p {
    margin-bottom: 28rem !important;
    font-weight: 500;
    font-size: 30rem;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

#modal-budu .page-form__popup-wrap p {
	font-size: 24rem;
	font-weight: 400;
	margin-bottom: 50rem !important;
}


.error .page-form__checkbox-dot {
	background: #fcc;
}

.page-form__checkboxes.first {
	margin-bottom: 18rem;
}

.page-form__checkbox-text {
	font-weight: 400;
}

.not-active .page-form__сol-link i {
    filter: grayscale(1);
    opacity: 0.5;
}

.not-active .page-form__сol-link {
	pointer-events: none;
}

.page-form__group-lk-code input {
	cursor: pointer;
}

.telemed-ilust {
	max-width: 100%;
}

.telemed-ilust {
	padding-top: 5rem;
}

.error-text {
	display: none;
	font-size: 14rem;
	color: #fcc;
}

.error .error-text {
	display: block;
}

.u10-61 {
	display: flex;
	border-radius: 50rem;
	background: #1E7FEA;
	color: #fff;
	padding: 24rem 45rem;
	justify-content: space-between;
	width: 500rem;
	margin-top: 40rem;
}

.u10-71 {
	font-size: 20rem;
	color: #fff;
	font-weight: 500;
	line-height: 26rem;
}

.signup_popup_desk {
	display: block;
	max-width: 454rem;
	position: absolute;
	top: 100rem;
    right: 150rem;
    width: 450rem;
}

.signup_popup_mob {
	display: none;
}

.signup_popup_p {
	position: absolute;
	top: 105rem;
    right: 200rem;
    font-size: 24rem;
    text-align: center;
    line-height: 1.4;
    font-weight: 500;
    color: #fff;
}

.header .wrapper {
	position: relative;
}

.topbar-action .button__default {
	transition: 0.8s;
}

.topbar-action .button__default.blinking {
	box-shadow: 0px 0px 12px 1px rgb(33 125 234);
}

.footer-notes {
	position: fixed;
	bottom: 0rem;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
	background: #dde6ec;
	padding: 25rem 0 15rem;
}

.footer-notes > img {
	width: 90%;
	margin: 0 auto;
}

.footer-notes > a {
    position: absolute;
    width: 20rem;
    display: block;
    right: 60rem;
    top: 10rem;
}

.footer-notes > a > img {
	width: 100%;
}

.progress-section {
	width: 100%;
}

.progress-section .n_timer {
	display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 auto;
    margin-bottom: 30rem;
    gap: 20rem;
}

.progress-section .n_timer img {
	width: 40rem;
}

.progress-section .n_timer p {
	font-weight: 500;
    font-size: 24rem;
    line-height: 1.2;
    margin: 0;
}

.progress-section .graph-item-block {
	margin-top: 60rem;
	margin-bottom: 60rem;
}

.progress-section .graph-item-block h3 {
	font-size: 32rem;
}

.progress-section .graph-item-block .shcala {
	background: #4798F8;
	border: 2px solid rgba(0, 82, 178, 0.5);
	border-radius: 40rem;
	width: 100%;
	height: 60rem;
	margin-top: 20rem;
	position: relative;
	width: 650rem;
    margin-left: auto;
    margin-right: auto;

}

.progress-section .graph-item-block .shcala .shcala-inner {
	background: #0052B2;
	position: absolute;
	top: 0;
	height: 58rem;
	border-radius: 40rem;
}

.progress-section .graph-item-block .shcala p {
	margin: 0;
	line-height: 50rem;
	font-size: 24rem;
	position: relative;
}

.progress-section .graph-item-block .shcala p span {
	font-size: 32rem;
}

.progress-section .graph-item-block p.status {
	margin: 10rem 0 20rem;
	font-size: 24rem;
}

.progress-section-content .page-form__сol-link img {
	margin-right: 20rem;
}

.progress-section .sharing {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 345rem;
    margin: 0 auto;
    margin-bottom: 40rem !important;
}

.progress-section .sharing img {
	width: 80rem;
}

.progress-section .sharing p {
	font-weight: 500;
    font-size: 24rem;
    line-height: 1.2;
    margin: 0;
}

.graphics-wrapper {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80rem !important;
}

.graphics-wrapper .one-graph {
	width: 47%;
	height: 500rem;
	position: relative;
}

.graphics-wrapper .one-graph canvas {
	width: 100%;
}

.graphics-wrapper .one-graph .my-line {
	height: 420rem;
	width: 2rem;
	position: absolute;
	bottom: 20rem;
	background: #fff;
	opacity: 0.5;
}

.document.theme-dark {
	background: #2C2279;
	color: #fff;
}

.theme-dark .footer-share .c1 {
	color: #6BC6E0;
}

.theme-dark .card4 {
	background: #217DEA;
}

.theme-dark .card4 a {
	color: #fff;
}

.theme-dark .card4 .icon {
	color: #fff;
}

.theme-dark .card6 {
	box-shadow: inset 0 0 0 1rem #fff;
	color: #fff;
}

.theme-dark .u19-6 .button__secondary.button__contrast {
	color: #fff;
}

.theme-dark .brandcard {
	color: #fff;
	background-color: #2c2279;
}

.theme-dark .u13-4 {
	color: #6BC6E0;
}

.theme-dark .brandcard .card-description ._text {
	color: #fff;
}

.theme-dark .brandcard .card-info-1 {
	color: #fff;
}

.theme-dark .brandcard .card-row {
	border-top: 1rem solid #fff;
}

.theme-dark .brandcard .button__secondary.button__contrast {
	color: #fff;
}

.theme-dark .contacts {
	background-color: #2c2279;
}

.theme-dark .map {
	opacity: 0.9;
}

.theme-dark .expand {
	box-shadow: inset 0 0 0 1rem #fff;
}

.theme-dark .expand-header {
    color: #fff;
}

.theme-dark .u10-6 .button__secondary.button__contrast {
	color: #fff;
}

.theme-dark .u10-7 {
	color: #fff;
}

.theme-dark p.footnote {
	color: #6BC6E0;
}

.theme-dark #reviews-form .popup-form {
	background-color: var(--c1);
}

.theme-dark #reviews-form .popup-form .c1 {
	color: #fff;
}

.theme-dark #reviews-form .popup-form .popup-form-subtitle .c2 {
	color: #fff;
}

.theme-dark .page-bg::before {
	background-color: rgb(46 67 92 / 75%);
}

.theme-dark .page-form__btns .btn-white:hover {
	color: #fff;
}

.theme-dark .u17-4 a {
	color: #6BC6E0;
	text-decoration: underline;
}

.theme-dark .blist li ._icon::before {
	background-color: #6BC6E0;
}

.theme-dark .blist li:not(:last-child) ._icon::after {
	background-color: #6BC6E0;
}

.theme-dark .popup-form__alt {
	color: #fff;
}

.theme-dark .test2-check .step {
	color: #6BC6E0;
}

.theme-dark .test2-check .step.active {
	color: #ffffff;
}

.dark-off {
	display: block;
}

.dark-on {
	display: none;
}

.theme-dark .dark-on {
	display: block;
}

.theme-dark .dark-off {
	display: none;
}

.otc-logo-blue {
	display: block;
}

.otc-logo-white {
	display: none;
}

.theme-dark .otc-logo-blue {
	display: none;
}

.theme-dark .otc-logo-white {
	display: block;
}

.theme-dark .u9-4 {
	color: #6BC6E0;
}

.theme-dark .u10-4 {
	color: #6BC6E0;
}

.theme-dark .u10-6 {
	border-color: #fff;
}

.theme-dark .u18-3 .expand-content .c1 {
	color: #6BC6E0;
}

.login_social {
	width: 410rem;
    margin: 40rem auto 20rem;
}

.login_social .links {
	display: flex;
	justify-content: center;
}

.login_social .links img {
	width: 80rem;
	margin: 0 5rem;
}

.totem-popup h4 {
	font-weight: normal;
}

.totem__year form input {
	user-select: none;
}

.totem__year-mouse .top {
	cursor: pointer;
}

.totem__year-mouse .bot {
	cursor: pointer;
}

.share-ico-container {
	display: flex;
	gap: 10rem;
	width: 254rem;
}

.share-ico-container:hover {
	background-color: #fff !important;
    border-color: #fff !important;
}

.totem.result .card-action .share-ico-container:hover i::before {
	opacity: 1;
}

.totem.result .card-action .share-ico-container:hover i::after {
	opacity: 0;
}

.share-ico-container .share-ico {
	width: 30rem;
	height: 30rem;
}

.share-ico-container .share-ico img {
	width: 100%;
	height: 100%;
}

@media (max-width: 1023.98px) {
	.share-ico-container {
		width: 70.556vw !important;
	}

	.totem__year-mouse {
		-ms-touch-action: pan-y;
		touch-action: pan-y;
	}

	.login_social {
		width: 100%;
		margin-top: 60rem;
	}

	.progress-section {
		padding: 0;
		width: 100%;
		margin-top: 20rem;
	}

	.progress-section .n_timer {
		width: 100%;
	    justify-content: center;
	}

	.progress-section .n_timer p {
		font-size: 18rem;
	}

	.progress-section .n_timer img {
		width: 22rem;
		margin-right: 10rem;
	}

	.progress-section .graph-item-block h3 {
		font-size: 26rem;
	}

	.progress-section .graph-item-block {
		margin-top: 30rem;
	    margin-bottom: 40rem;
	}

	.progress-section .graph-item-block .shcala {
		width: 100%;
	}

	.progress-section .graph-item-block .shcala p {
		font-size: 18rem;
	}

	.progress-section .graph-item-block .shcala p span {
		font-size: 24rem;
	}

	.progress-section .sharing {
		width: 100%;
		justify-content: center;
	}

	.progress-section .sharing p {
		font-size: 18rem;
	}

	.progress-section .sharing img {
		width: 50rem;
	    margin-left: 20rem;
	}

	.graphics-wrapper {
		flex-direction: column;
	}

	.graphics-wrapper .one-graph {
		width: 100%;
		margin-top: 50rem;
	}

	.page-form__popup-wrap p {
	    font-size: 18rem;
	}

	#modal-budu .page-form__popup-wrap p {
		font-size: 18rem;
	}

	#feedback-form .button {
		max-width: 250rem;
	}

	.fab-container.is-sticky .wrapper {
		padding: 0 10rem;
		max-width: none;
	}

	.test3-check .steps {
		flex-wrap: wrap;
	}

	.test3-check .steps .step {
		margin-bottom: 10rem;
		flex: none;
	}

	.test2-check .steps {
		flex-wrap: wrap;
	}

	.test2-check .steps .step {
		margin-bottom: 10rem;
	}

	.u10-61 {
		width: 100%;
		flex-direction: column;
		border-radius: 90rem;
		text-align: center;
	}

	.u10-71 {
		text-align: center;
		margin-bottom: 10rem;
	}

	.u10-61 .button {
		width: 180rem;
	}

	.signup_popup_desk {
		display: none;
	}

	.signup_popup_mob {
		display: block;
		position: absolute;
	    left: 0;
	}

	.signup_popup_p {
	    font-size: 28rem;
	    line-height: 1.4;
	    top: 15vw;
	    left: 0;
	    width: 100%;
	}

	.footer-notes {
		bottom: 10rem;
	}

	.footer-notes > a {
		right: 20rem;
	}

	.hero-content {
	    margin-bottom: 0;
	}

	.footnote-totem {
		padding: 0 !important;
	}
}

@media (max-width: 767.98px) {
	.signup_popup_p {
	    font-size: 20rem;
	    line-height: 1.4;
	    top: 25vw;
	    left: 0;
	    width: 100%;
	}

	.page-form__сol-link {
	    font-size: 26rem;
	}

	.graphics-wrapper .one-graph {
		height: 70vw;
	}

	.graphics-wrapper .one-graph .my-line {
		height: 48vw;
		bottom: 6vw;
	}
}