:root {
	font:300 16px/1em 'Roboto Condensed', sans-serif;
}
body-pad	{display:flex;flex-flow:column;}
x-pad		{max-width:1200px;padding:1rem;}
/* 	main>x-pad		{flex:inherit;display:inherit;flex-flow:inherit;justify-content:center;} */
:focus		{outline:3px auto #0051a2;}

/**/
.sns-set	{white-space:nowrap;line-height:0;}
.sns-any			{display:inline-block;width:2.25em;height:2.25em;margin:0 .5em;border-radius:var(--radius);background-repeat:no-repeat;background-position:center;background-size:contain;}
	.sns-any:first-child	{margin-left:0;}
	.sns-any:last-child		{margin-right:0;}
	.sns-vk					{background-image:url('/img/icons32x32/vk.png');}
	.sns-ok					{background-image:url('/img/icons32x32/ok.png');}
	.sns-fb					{background-image:url('/img/icons32x32/fb.png');}

/**/
header						{flex:0 0 auto;background:url('/img/noise_white.png');}
header	x-pad				{display:flex;justify-content:space-between;}
header-logo					{display:flex;flex:0 0 auto;overflow:hidden;margin-right:1rem;}
header-logo img				{height:60px;padding-bottom:3px;}
header-login				{display:flex;align-items:center;}
.header-form				{}
.header-space				{flex:0 0 1rem;}
header-profile				{flex:1 0 0%;display:flex;justify-content:flex-end;align-items:center;line-height:1.25;}
header-data					{display:flex;flex-flow:column;text-align:right;line-height:1;}

/**/
.main-menu						{flex:0 0 auto;z-index:2;overflow:hidden;background:url('/img/egg-shell.png');box-shadow:0 0.4em 0.4em 0 #00000030;border-top:1px solid #ffffff25;border-bottom:1px solid #00000050;}
	.main-menu-fixed						{position:fixed;top:-1px;left:0;right:0;}
.main-menu x-pad				{position:relative;display:flex;min-height:4em;padding:0;}
.main-menu x-pad:before			{content:'';margin-left:-2px;margin-top:-2px;}
.main-menu .menu-item			{position:relative;flex:0 1 11rem;display:flex;justify-content:center;align-items:center;z-index:1;outline:0;padding:.5rem;margin:0 0 0 2px;font-size:1.1em;font-weight:400;color:#ffffff;text-decoration:none;text-shadow:0 0 2em #ffffff;text-align:center;}
	.menu-vertical .menu-item				{margin:2px 0 0 0;}
	.main-menu .menu-item:hover				{color:#ffffff;background-image:radial-gradient(transparent, #ffffff30) !important;}
	.menu-item-mini							{flex-basis:3rem;}
.main-menu .menu-item:before	{content:'';position:absolute;top:0;right:auto;bottom:0;left:-2px;border-left:1px solid #00000050;border-right:1px solid #ffffff25;}
	.menu-vertical .menu-item:before		{top:-2px;right:0;bottom:auto;left:0;border-top:1px solid #00000050;border-bottom:1px solid #ffffff25;}
	.main-menu .menu-item+.menu-item:before	{visibility:hidden;}
.main-menu .menu-item:after		{content:'';position:absolute;top:0;right:-2px;bottom:0;left:auto;border-left:1px solid #00000050;border-right:1px solid #ffffff25;}
	.menu-vertical .menu-item:after			{top:auto;right:0;bottom:-2px;left:0;border-top:1px solid #00000050;border-bottom:1px solid #ffffff25;}
.menu-helper					{display:none;position:absolute;top:0;right:0;z-index:1;font-size:1.55em;min-height:inherit;justify-content:flex-end;align-items:center;padding:0 1rem;color:#ffffff;}
.menu-spacer					{flex:1;}
.main-menu .bi					{font-size:x-large;}

/**/
[page='user.about'] 	.main-menu .menu-about,
[page='user.cabinet'] 	.main-menu .menu-surveys,
[page='user.reg'] 		.main-menu .menu-reg,
[page='user.faq'] 		.main-menu .menu-faq,
[page='guest.feedback'] .main-menu .menu-feedback,
[page='user.profile']	.main-menu .menu-profile	{background:url('/img/noise_white.png');background-color:#468c00;}

/**/
/* main				{flex:1 0 auto;display:inherit;flex-flow:inherit;}
	.survey-finished	{text-align:center;} */
main				{flex:1 0 auto;}
	.survey-finished	{text-align:center;margin-top:2em;}


/**/
.grecaptcha-badge			{z-index:1;}


/**/
.reg-form	x-pad						{display:flex;justify-content:center;flex-flow:column;align-items:stretch;}
.reg-form	section						{position:relative;display:flex;flex-flow:column;align-items:center;margin:1em 0;}
.reg-form	h1							{font-size:2em;}
.reg-form	pr-list						{margin:.75em;width:100%;max-width:25rem;}
.reg-form	.pr-list-submit				{align-self:center;}
.reg-form	.pr-list-item-title			{font-size:inherit;}
.reg-form	.pr-list-title				{display:flex;}
.reg-form	.title-hint					{flex:1;text-align:right;font-weight:300;margin-left:.5em;}
.reg-form	.hr							{text-align:center;}
.form-attention							{text-align:center;font-size:larger;line-height:1;}

/**/
[page='user.about'] main x-pad					{display:flex;justify-content:center;}
[page='user.about']	.main-block					{display:block;}
[page='user.about']	section-left				{padding:2rem;flex:1;display:flex;flex-flow:column;justify-content:center;align-items:flex-end;text-align:right;}
	[page='user.about']	main-block1 section-left				{flex-grow:0;}
[page='user.about']	section-right				{padding:2rem;flex:1;display:flex;flex-flow:column;justify-content:center;align-items:flex-start;}
	[page='user.about']	main-block3 section-right				{flex-grow:0;}
[page='user.about']	.steps-block						{border-top: 1px dashed #e6e6e6;border-bottom: 1px dashed #e6e6e6;background:fixed url('/img/noise.png'),#f9f9f9 fixed url('/img/bgstat.png') -50%;box-shadow:inset 0 1em .25em -1em #00000010, inset 0 -1em .25em -1em #00000010;}
[page='user.about']	.steps-block	x-pad				{justify-content:space-around;}
[page='user.about']	.steps-block	mark				{display:block;background:none;font-size:1.75em;line-height:1;margin:.5em 0;text-decoration:underline;}
	[page='user.about']	steps-block2.steps-block mark	{font-size:2.5em;font-weight:400;}
[page='user.about']	.step-block							{text-align:center;margin:4rem 0;}
[page='user.about'] .but-big	{padding:0 1em;}


/**/
[page='user.reg']		.reg-form	section		{padding:1em;box-shadow:0 0.4em 0.4em -0.4em #00000030;background-image:linear-gradient(to bottom,#ffffff00 20%, #ffffffff 100%);border:1px dashed #b3b3b3;}
[page='user.profile']	.reg-form	section		{padding:1em 0;box-shadow:0 0.4em 0.4em -0.4em #00000030;background-image:linear-gradient(to bottom,#ffffff00 20%, #ffffffff 100%);}
[page='user.reg']		.reg-form h2,
[page='user.profile']	.reg-form h2			{position:absolute;top:-.65em;left:.5em;margin:0;text-shadow:0 0 0.25em #ffffff, 0 0 0.25em #ffffff;}

/**/
[page='user.login']		main					{text-align:center;}
[page='user.login']		.login-form pr-auth		{width:20rem;margin:auto;}
/**/
[page='user.confirm']	main					{text-align:center;}
/**/
[page='user.restore']	.restore-form-pad		{display:flex;flex-flow:column;max-width:25rem;margin:auto;}






/**/
@media (hover:none)	{
	.menu-item:hover	{background-image:none !important;}
}

@media (max-width:1200px)
{
}
@media (max-width:992px)
{
	/**/
	[page='user.about']	main-block1 section-left	{display:none;}
	[page='user.about']	main-block1 section-right	{padding:1em 0;align-items:center;text-align:center;}
	[page='user.about']	steps-block1 step-block1	{text-align:left !important;}
	[page='user.about']	steps-block1 step-block3	{text-align:right !important;}
	[page='user.about']	steps-block1 mark			{font-size:1.25rem !important;}
	[page='user.about']	steps-block2 mark			{font-size:2rem !important;}
	[page='user.about']	main-block3 section-left	{padding:1em 0;align-items:center;text-align:center;}
	[page='user.about']	main-block3 section-right	{display:none;}
}
@media (max-width:768px)
{
}
@media (max-width:576px)
{
	/**/
	header-logo		{width:5.5em;height:5.5em;}
	header-logo img	{height:93px;padding-bottom:0;position:relative;top:-5px;}
	header-login	{flex:1 1 auto;flex-flow:column;align-items:stretch;}
	header .sns-set	{text-align:right;}
	header-profile	{flex-flow:column;align-items:flex-end;}

	/**/
	.main-menu x-pad		{flex-flow:column;}
	.main-menu .menu-item	{flex:0 1 0%;display:none;min-height:inherit;margin-left:0;margin-top:2px;}
		.main-menu-drop			.menu-item,
		[page='user.about'] 	.menu-about,
		[page='user.cabinet'] 	.menu-surveys,
		[page='user.reg'] 		.menu-reg,
		[page='user.faq'] 		.menu-faq,
		[page='guest.feedback'] .menu-feedback,
		[page='user.profile']	.menu-profile	{display:flex;}
	.main-menu .menu-item:before	{top:-2px;right:0;bottom:auto;left:0;border:0;border-top:1px solid #00000050;border-bottom:1px solid #ffffff25;}
	.main-menu .menu-item:after	{bottom:-2px;right:0;top:auto;left:0;border:0;border-top:1px solid #00000050;border-bottom:1px solid #ffffff25;}
	.menu-helper		{display:flex;left:0;}
		.main-menu-drop .menu-helper		{left:auto;}

	[page='user.login']		.login-form pr-auth		{width:100%;}
}
@media (max-width:450px)
{
}