/*************************************************************************


                      R   E   C   O   V   E   R   Y


*************************************************************************/


/*************************************************************************

                             C O M M O N S

*************************************************************************/


.signup-parent-page .contents{
	display: flex;
	position: relative;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	flex-grow: 1;
}

.signup-parent-page .contents .header{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}

@media (max-width: 640px){

.signup-parent-page .contents .header{
	margin: 0;
	padding: 16px 24px 0;
}

}

	.signup-parent-page .contents .header .logo{
		display: block;
		width: 256px;
		height: 96px;
		background: url("/static/img/logo.be4bfba220aa.svg") no-repeat center center/contain;
	}

@media (max-width: 640px){

	.signup-parent-page .contents .header .logo{
		width: 118px;
		height: 40px;
	}

}

.signup-parent-page .contents .inner{
	display: flex;
	position: relative;
	flex-direction: row;
	align-items: stretch;
	justify-content: flex-start;
	padding: 48px 80px;
	flex-grow: 1;
}

@media (max-width: 1200px){

.signup-parent-page .contents .inner{
	flex-direction: column;
	align-items: center;
}

}

@media (max-width: 640px){

.signup-parent-page .contents .inner{
	align-items: stretch;
	padding: 40px 24px 80px;
}

}

.signup-parent-page .contents .inner .image{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-grow: 1;
	flex-basis: 0;
}

@media (max-width: 1200px){

.signup-parent-page .contents .inner .image{
	display: none;
}

}

	.signup-parent-page .contents .inner .image:before{
		content: '';
		display: block;
		flex-basis: 0;
		flex-grow: 1;
		max-width: 200px;
		background: url("/static/img/parent-role.21e62024015b.svg") no-repeat center top 96px/contain;
	}

.signup-parent-page .contents .inner .form{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
}

	.signup-parent-page .contents .inner .form .form-header{
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
	}

		.signup-parent-page .contents .inner .form .form-header:before{
			content: '';
			display: block;
			width: 120px;
		}

	@media (max-width: 1200px){

		.signup-parent-page .contents .inner .form .form-header:before{
			display: none;
		}

		.signup-parent-page .contents .inner .form .form-header:after{
			content: '';
			display: block;
			height: 64px;
			flex-basis: 64px;
			flex-grow: 1;
			background: url("/static/img/parent-role.21e62024015b.svg") no-repeat right center/contain;
		}

	}

		.signup-parent-page .contents .inner .form .form-header>*{
			flex-grow: 1;
			flex-basis: 0;
		}

			.signup-parent-page .contents .inner .form .form-header>*:before{
				content: 'Регистрация';
				display: block;
				font-weight: bold;
				font-size: 24px;
				line-height: 32px;
				color: #000;
			}

			.signup-parent-page .contents .inner .form .form-header>*:after{
				content: 'Родитель';
				display: block;
				margin-top: 8px;
				font-weight: normal;
				font-size: 18px;
				line-height: 24px;
				color: #000000;
			}

	.signup-parent-page .contents .inner .form .field{
		display: flex;
		position: relative;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		margin-top: 24px;
		max-width: 392px;
	}

@media (max-width: 640px){

	.signup-parent-page .contents .inner .form .field{
		flex-direction: column;
		flex-wrap: nowrap;
		margin-top: 32px;
		max-width: initial;
	}

}

	.signup-parent-page .contents .inner .form .form-header+.field{
		margin-top: 32px;
	}

	.signup-parent-page .contents .inner .form .field.email{
		margin-top: 48px;
	}

@media (max-width: 640px){

	.signup-parent-page .contents .inner .form .field.email{
		margin-top: 32px;
	}

}

		.signup-parent-page .contents .inner .form .field .caption{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: stretch;
			width: 120px;
		}

	@media (max-width: 640px){

		.signup-parent-page .contents .inner .form .field .caption{
			width: auto;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
		}

	}

			.signup-parent-page .contents .inner .form .field .caption>*{
				position: relative;
				font-weight: normal;
				font-size: 16px;
				line-height: 24px;
				color: #000000;
			}

				.signup-parent-page .contents .inner .form .field.optional .caption>*:before{
					content: 'Необязательно';
					display: block;
					position: absolute;
					font-weight: normal;
					font-size: 12px;
					line-height: 16px;
					color: #808080;
					top: 24px;
					left: 0;
				}

			@media (max-width: 640px){

				.signup-parent-page .contents .inner .form .field.optional .caption>*:before{
					display: none;
				}

			}

		@media (max-width: 640px){

			.signup-parent-page .contents .inner .form .field.optional .caption:after{
				content: 'Необязательно';
				display: block;
				font-weight: normal;
				font-size: 12px;
				line-height: 16px;
				color: #808080;
				flex-grow: 1;
				text-align: right;
			}

		}

		.signup-parent-page .contents .inner .form .input{
			width: 272px;
		}

	@media (max-width: 640px){

		.signup-parent-page .contents .inner .form .input{
			width: auto;
			margin-top: 8px;
		}

	}

		.signup-parent-page .contents .inner .form .field .error{
			/*position: absolute;*/
			/*width: calc(100% - 120px);*/
			/*bottom: -18px;*/
			margin: 4px 0 -24px;
			padding-left: 120px;
			width: 100%;
			font-weight: normal;
			font-size: 12px;
			line-height: 16px;
			color: #FF4C5B;
			opacity: 1;
			-webkit-transition: opacity 200ms ease;
			-moz-transition: opacity 200ms ease;
			-ms-transition: opacity 200ms ease;
			transition: opacity 200ms ease;
			will-change: opacity;
		}

	@media (max-width: 640px){

		.signup-parent-page .contents .inner .form .field .error{
			width: 100%;
			padding-left: 0;
		}

	}

		.signup-parent-page .contents .inner .form .field .error.hidden{
			opacity: 0;
		}

	.signup-parent-page .contents .inner .form .agreement{
		/*padding-left: 120px;*/
		margin-top: 36px;
		max-width: 392px;
		box-sizing: border-box;
	}
	
	.signup-parent-page .contents .inner .form .agreement+.agreement{
		margin-top: 24px;
	}

		.signup-parent-page .contents .inner .form .agreement .checkbox{}

			.signup-parent-page .contents .inner .form .agreement.failed .checkbox>*:first-child{
				color: #FF4C5B;
			}

			.signup-parent-page .contents .inner .form .agreement .checkbox>*+*{
				font-weight: normal;
				font-size: 12px;
				line-height: 20px;
				color: #000;
				margin-top: 2px;
			}

			.signup-parent-page .contents .inner .form .agreement .checkbox .error{
				display: none;
				color: #FF4C5B;
			}

			.signup-parent-page .contents .inner .form .agreement.failed .checkbox .plain{
				display: none;
			}

			.signup-parent-page .contents .inner .form .agreement.failed .checkbox .error{
				display: block;
			}

	.signup-parent-page .contents .inner .form .bottom{
		display: flex;
		flex-direction: row;
		align-items: stretch;
		justify-content: flex-start;
		margin-top: 48px;
	}

		.signup-parent-page .contents .inner .form .bottom:before{
			content: '';
			display: block;
			width: 120px;
		}

	@media (max-width: 640px){

		.signup-parent-page .contents .inner .form .bottom:before{
			display: none;
		}

	}

		.signup-parent-page .contents .inner .form .bottom>*{
			flex-grow: 1;
			flex-basis: 0;
		}

			.signup-parent-page .contents .inner .form .bottom .signup{
				max-width: 234px;
			}

		@media (max-width: 640px){

			.signup-parent-page .contents .inner .form .bottom .signup{
				margin: 0 auto;
			}

		}

				.signup-parent-page .contents .inner .form .bottom .signup>*:before{
					content: 'Зарегистрироваться';
				}

.signup-parent-page .contents .inner:after{
	content: '';
	display: block;
	flex-grow: 1;
	flex-basis: 60px;
}

@media (max-width: 640px){

.signup-parent-page .contents .inner:after{
	display: none;
}

}