@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,600,600i&subset=latin,cyrillic");

/* @font-face
	{
		font-family: "Montserrat";
		font-style: normal;
		font-weight: 400;
		src: url('/lib/fonts/Montserrat-Regular.woff') format('woff'), url('/lib/fonts/Montserrat-Regular.ttf') format('truetype');
	}

@font-face
	{
		font-family: "Montserrat";
		font-style: italic;
		font-weight: 400;
		src: url('/lib/fonts/Montserrat-Italic.woff') format('woff'), url('/lib/fonts/Montserrat-Italic.ttf') format('truetype');
	}

@font-face
	{
		font-family: "Montserrat";
		font-style: normal;
		font-weight: 500;
		src: url('/lib/fonts/Montserrat-Medium.woff') format('woff'), url('/lib/fonts/Montserrat-Medium.ttf') format('truetype');
	}

@font-face
	{
		font-family: "Montserrat";
		font-style: normal;
		font-weight: 600;
		src: url('/lib/fonts/Montserrat-SemiBold.woff') format('woff'), url('/lib/fonts/Montserrat-SemiBold.ttf') format('truetype');
	}

@font-face
	{
		font-family: "Montserrat";
		font-style: italic;
		font-weight: 600;
		src: url('/lib/fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('/lib/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
	} */

/* ! reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, var, dl, dt, dd,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ol, ul, li,
article, aside, details, dialog, figure, footer, header, main, mark, nav, section, summary, time,
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="submit"], textarea, select
	{
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		line-height: inherit;
		vertical-align: baseline;
	}

:focus
	{
		outline: none;
	}

html
	{
		height: 100%;
	}

body
	{
		min-height: 100%;
	}

body, input, textarea, select
	{
		font-size: 18px;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		line-height: 1.5em;
		color: #000;
		background-color: #f9fafa;
	}

table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}

caption, th, td
	{
		text-align: left;
		font-weight: 400;
	}

blockquote:before, blockquote:after, q:before, q:after
	{
		content: "";
	}

blockquote, q
	{
		quotes: "" "";
	}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="submit"], textarea, select
	{
		font-size: 100%;
		position: relative;
		display: inline-block;
		background-color: #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		resize: none;
	}

input[type="checkbox"]
	{
		margin: 0 4px 0 0;
		padding: 0;
	}

html *
	{
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-tap-highlight-color: transparent;
		-moz-tap-highlight-color: transparent;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
		max-height: 1000000px;
	}

/* ! styles */

article table
	{
		width: 100%;
	}

article td, article th
	{
		border-width: 1px;
		border-style: solid;
		padding: .2em .4em;
	}

article img, article hr, article .hr
	{
		border: none;
		max-width: 100%;
	}

article img
	{
		vertical-align: bottom;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

article img[style*="float: left"], article ins[style*="float: left"]
	{
		margin-right: 1em;
		margin-bottom: .5em;
	}

article img[style*="float: right"], article ins[style*="float: right"]
	{
		margin-left: 1em;
		margin-bottom: .5em;
	}

article iframe, article object, article embed
	{
		width: 100%;
		display: block;
		position: relative;
		z-index: 1;
	}

article audio, article video
	{
		display: block;
		width: 100%;
	}

article video
	{
		background: #000;
	}

article hr, article .hr
	{
		display: block;
		border-top-width: 1px;
		border-top-style: solid;
	}

article ol, article ul, article blockquote
	{
		padding-left: 3em;
	}

article address, article cite
	{
		font-style: italic;
	}

article sup, article sub
	{
		vertical-align: baseline;
		font-size: 70%;
		position: relative;
		top: -.4em;
	}

article sub
	{
		top: .2em;
	}

article strong, article b, article th
	{
		font-weight: 600;
	}

article p
	{
		z-index: 1;
	}

article h1 {margin: 1.5em 0 0 0; clear: both;}
article h2 {margin: 2em 0 0 0; clear: both;}
article h3 {margin: 1.2em 0 0 0;}
article h4 {margin: 1.5em 0 -1.5em 0;}

article p, article pre, article blockquote, article address, article ol, article ul, article dl,
article table, article form, article fieldset, article div, article hr, article .hr, article object,
article embed, article iframe, article audio, article video
	{
		margin-top: 1.5em;
	}

article :first-child, article ol ul, article ul ol, article ul ul, article ol ol, article div div,
article table table
	{
		margin-top: 0;
	}

article pre
	{
		border-width: 1px;
		border-style: dashed;
		padding: .2em .4em;
	}

/* ! colors */

article h1, article h2, article h3, article h4 {color: #000; font-weight: 600;}
article a {color: #0072d6; text-decoration: none; border-bottom: 1px solid rgba(0, 114, 214, .75);}
.desktop article a:hover, article a.tap {color: orangered; border-bottom: 1px solid rgba(255, 69, 0, .75);}
article small {color: #777;}
article th {color: #fff; background-color: #000;}
article td, article th {border-color: #000;}
article hr, article .hr {border-color: #000;}
article pre {border-color: #777;}
article .e-gray {color: #777;}

/* ! fonts */

article h1 {font-size: 244.444444%; line-height: 1.25em;}
article h2 {font-size: 177.777777%; line-height: 1.5em;}
article h3 {font-size: 122.222222%; line-height: 1.5em;}
article h4 {font-size: 100%; line-height: 1.5em;}
article p {font-size: 100%; line-height: 1.5em;}
article li {font-size: 100%; line-height: 1.5em;}
article small {font-size: 90%; line-height: 1.5em;}
article big {font-size: 110%; line-height: 1.5em;}
article pre {font-size: 90%; line-height: 1.5em;}
article code {font-size: 90%; line-height: 1.5em;}
article table {font-size: 100%; line-height: 1.5em;}

/* ! select */

header, footer, nav, .pages, .e-btn, body>.alert, .form, #error-page p, .results-list .head, .tests-list,
.account-info, article h1, article h2, .e-file ins, .tests
	{
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		cursor: default;
	}

/* ! transitions */

article a, .main-menu a, .close, .password-change-wrapper, .tests-list .edit
	{
		-webkit-transition: color .25s, background-color .25s, border-color .25s;
		-moz-transition: color .25s, background-color .25s, border-color .25s;
		-ms-transition: color .25s, background-color .25s, border-color .25s;
		-o-transition: color .25s, background-color .25s, border-color .25s;
		transition: color .25s, background-color .25s, border-color .25s;
	}

/* ! borders */

input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="submit"], textarea, select,
.form .wrapper, .form i, .form .select-wrapper, .e-btn, body>.alert p, article audio, article video
	{
		border-radius: 3px;
	}

article img, .pages a, .pages span
	{
		border-radius: 2px;
	}

/* ! wrapper */

main, header .wrapper, footer .wrapper, .main-menu .menu
	{
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		max-width: 944px;
		padding-left: 40px;
		padding-right: 40px;
	}

/* ! main */

main
	{
		display: block;
		clear: both;
		max-width: 944px !important;
		padding: 144px 40px 80px 40px !important;
	}

/* ! header */

header
	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		height: 64px;
		z-index: 100;
		box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .05), 0px 0px 10px 0px rgba(0, 0, 0, .15);
		clear: both;
	}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial))
	{
		header
			{
				-webkit-backdrop-filter: saturate(180%) blur(20px);
				backdrop-filter: saturate(180%) blur(20px);
				background-color: rgba(255, 255, 255, .75);
			}
	}

header .wrapper
	{
		max-width: none;
		height: 64px;
		padding: 0 20px;
		overflow: visible;
	}

header .logo a, header .logo span
	{
		position: absolute;
		width: 168px;
		height: 36px;
		left: 40px;
		top: 14px;
		overflow: hidden;
	}

/* ! userline */

header .userline
	{
		position: absolute;
		right: 20px;
		top: 0;
		height: 64px;
		width: 65px;
		font-size: 15px;
		line-height: 1.5em;
	}

header .userline svg
	{
		display: block;
		width: 28px;
		height: 28px;
		margin: 18px;
		fill: #0072d6;
	}

header .userline div
	{
		display: none;
		background-color: #000;
		position: absolute;
		right: 0;
		top: 64px;
		padding: 10px 0;
		border-radius: 5px;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, .15);
		z-index: 100;
	}

header .userline div *
	{
		display: block;
		text-align: right;
		padding: 0px 20px;
		line-height: 40px;
		color: rgba(255, 255, 255, .9) !important;
		text-decoration: none;
		cursor: pointer;
	}

header .userline div a
	{
		font-weight: 600;
		white-space: nowrap;
	}

header .userline .login, header .userline>a, header .userline>span
	{
		position: relative;
		display: block;
		overflow: hidden;
		cursor: pointer;
		border-radius: 0;
		z-index: 101;
	}

header .userline>span
	{
		cursor: default;
	}

header .userline>a, header .userline>span
	{
		border-radius: 0;
	}

header .userline div *:hover, header .userline div *.tap
	{
		color: #fff !important;
		background-color: #0072d6;
	}

.desktop header .userline:hover .login, header .userline.tap .login,
.desktop header .userline:hover>a, header .userline.tap>a,
header .userline:hover>span
	{
		background: #000;
	}

header .userline:hover div
	{
		display: block;
	}

.desktop header .userline:hover .login svg, header .userline.tap .login svg,
.desktop header .userline:hover>span svg, header .userline.tap>span svg,
header .userline:hover>span svg
	{
		fill: #fff;
	}

/* ! menu */

.main-menu
	{
		position: absolute;
		left: 170px;
		right: 170px;
		font-size: 16px;
		height: 64px;
		z-index: 20;
		color: #fff;
		text-align: center;		
	}

.main-menu>svg
	{
		display: none;
		width: 24px;
		height: 17px;
		margin: 23px 0 0 20px;
		fill: #0072d6;
	}

.main-menu .menu
	{
		list-style: none;
		overflow: visible;
		max-width: inherit;
		padding: 0;
	}

.main-menu li
	{
		display: inline-block;
		position: relative;
	}

.main-menu li a
	{
		display: block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		color: #5f686c;
		line-height: 64px;
		padding: 0 20px;
		font-weight: 500;
	}

.desktop .main-menu li:hover>a, .main-menu li.tap>a
	{
		color: #000;
	}

.main-menu li.active>a
	{
		color: #000;
		font-weight: 500;
		box-shadow: inset 0px -4px 0px 0px orangered;
	}

.main-menu li>a>b
	{
		position: absolute;
		right: 0;
		top: 8px;
		background: #0072d6;
		color: #fff;
		font-weight: 600;
		font-size: 12px;
		line-height: 18px;
		padding: 0 5px;
		border-radius: 100px;
		min-width: 8px;
		text-align: center;
	}

.main-menu .popup.hover>a
	{
		background-color: #222426;
		color: #fff !important;
	}

.main-menu .popup ul
	{
		position: absolute;
		left: 0;
		top: 2.4em;
		background-color: #222426;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		z-index: 100;
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		-webkit-transition: max-height .25s 0s, opacity .25s;
		-moz-transition: max-height .25s 0s, opacity .25s;
		-ms-transition: max-height .25s 0s, opacity .25s;
		-o-transition: max-height .25s 0s, opacity .25s;
		transition: max-height .25s 0s, opacity .25s;
	}

.main-menu .popup ul li:first-child
	{
		margin-top: 10px;
	}

.main-menu .popup ul li:last-child
	{
		margin-bottom: 10px;
	}

.main-menu .popup.round>ul
	{
		border-top-left-radius: 0;
	}

.main-menu .popup.hover ul
	{
		opacity: 1;
		max-height: 1000px;
		-webkit-transition: max-height 1s .25s, opacity 0s .25s;
		-moz-transition: max-height 1s .25s, opacity 0s .25s;
		-ms-transition: max-height 1s .25s, opacity 0s .25s;
		-o-transition: max-height 1s .25s, opacity 0s .25s;
		transition: max-height 1s .25s, opacity 0s .25s;
	}

.main-menu .popup li
	{
		float: none;
		white-space: nowrap;
		text-align: left;
		display: block;
	}

.main-menu .popup>a
	{
		padding-right: 12px;
	}

.main-menu .popup>a>svg
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 5px;
		width: 8px;
		height: 5px;
		fill: currentColor;
	}

.main-menu .popup li a
	{
		color: rgba(255, 255, 255, .75);
		font-size: 85%;
		font-weight: 400;
		line-height: 1.3em;
		padding: .4em 32px .4em 16px;
		border-radius: 0;
	}

.desktop .main-menu .popup li:hover>a, .main-menu .popup li.tap>a
	{
		color: rgba(255, 255, 255, .85);
		background-color: rgba(255, 255, 255, .05);
	}

.main-menu .popup li.active>a
	{
		background: transparent;
		color: rgba(255, 255, 255, .95) !important;
	}

/* ! article */

article
	{
		position: relative;
	}

/* ! footer */

footer
	{
		clear: both;
		position: relative;
		z-index: 10;
		margin: 0;
		padding: 20px;
		border-top: 1px solid #e4e6e6;
		text-align: center;
	}

footer .wrapper
	{
		padding-top: 40px;
		padding-bottom: 40px;
	}

footer.fixed
	{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
	}

/* ! copyrights */

.copyrights
	{
		margin: 0 !important;
		color: rgba(0, 0, 0, .5);
		font-size: 13px;
		line-height: 1.4em;
		padding: 0 !important;
	}

.copyrights small
	{
		display: block;
	}

.copyrights a
	{
		color: #777;
		text-decoration: none;
	}

.desktop .copyrights a:hover, .copyrights a.tap
	{
		color: #777;
		text-decoration: underline;
	}

/* ! columns */

.e-box2col, .e-box3col, .e-box4col
	{
		overflow: hidden;
		margin-left: -40px;
	}

.e-first, .e-second, .e-third, .e-fourth
	{
		float: left;
		padding-left: 40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.e-box2col>.e-first, .e-box2col>.e-second
	{
		width: 50%;
	}

.e-box3col>.e-first, .e-box3col>.e-second, .e-box3col>.e-third
	{
		width: 33.333333333%;
	}

.e-box4col>.e-first, .e-box4col>.e-second, .e-box4col>.e-third, .e-box4col>.e-fourth
	{
		width: 25%;
	}

.e-box2col:after, .e-box3col:after, .e-box4col:after
	{
		content: "";
		display: block;
		clear: left;
		overflow: hidden;
		height: 0 !important;
		margin: 0 !important;
	}

/* ! external links */

article a.external:after
	{
		content: "";
		display: inline-block;
		width: 6px;
		height: 5px;
		vertical-align: top;
		background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDUiPjxwYXRoIGQ9Ik02IDBIMS41bDEuNTIgMS41M0MyLjQ0IDIuNTggMS4yOSAzLjc1IDAgNC41YzAgMCAyLjcgMC4xNSA0LjM0LTEuNjVMNiA0LjVWMHoiIGZpbGw9IiM3NzciLz48L3N2Zz4=");
	}

/* ! pages */

.pages
	{
		margin-top: 40px;
		overflow: hidden;
		clear: both;
		text-align: center;
	}

.pages a, .pages span
	{
		display: inline-block;
		border: 2px solid #0072d6;
		background: #0072d6;
		color: #0072d6;
		color: #fff;
		line-height: 32px;
		padding: 0 4px;
		min-width: 24px;
		margin-right: 5px;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
		border-radius: 100px;
		font-size: 18px !important;
	}

.pages a:last-child, .pages span:last-child
	{
		margin-right: 0;
	}

.pages span
	{
		border-color: orangered;
		background-color: orangered;
		color: #fff;
	}

.pages svg
	{
		display: inline-block;
		width: 7px;
		height: 12px;
		fill: currentColor;
	}

.desktop .pages a:hover, .pages a.tap
	{
		color: #fff;
		background-color: orangered;
		border-color: orangered;
		border-bottom-width: 2px;
	}

/* ! form */

.form
	{
		font-size: 16px;
	}

.form.modal
	{
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 0;
		background-color: rgba(0, 0, 0, .25);
		z-index: 10000;
	}

.form.modal.touch
	{
		position: absolute;
	}

.form.modal .wrapper
	{
		position: absolute;
		overflow: hidden;
		background: #fff;
		width: 360px;
		left: 50%;
		top: 50%;
		margin-left: -180px;
		padding-top: 40px;
		-moz-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		border-radius: 15px;
	}

.form.modal.touch .wrapper
	{
		-moz-transform: inherit;
		-webkit-transform: inherit;
		transform: inherit;
	}

.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="password"], .form textarea, .form select
	{
		border: 1px solid #cad0d7;
		display: block;
		width: 100%;
		padding: 9px 12px;
		border-radius: 5px;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: 500;
	}

.form select
	{
		overflow: hidden;
		height: 44px;
		background: transparent;
		z-index: 3;
		font-size: 16px;
		line-height: 26px;
		padding-right: 30px;
	}

.form .select-wrapper
	{
		display: block;
		background: #fff;
		position: relative;
		text-align: left;
	}

.form .select-wrapper i
	{
		display: block;
		position: absolute;
		right: 1px;
		bottom: 1px;
		width: 34px;
		height: 42px;
		z-index: 1;
	}

.form .select-wrapper i svg
	{
		display: inline-block;
		width: 8px;
		height: 5px;
		margin: 19px 0 0 10px;
		fill: currentColor;
	}

.form .file-wrapper i
	{
		display: inline-block;
		position: relative;
		color: #fff;
		background-color: #0072d6;
		font-style: normal;
		padding: 6px 20px 6px 39px;
		cursor: pointer;
	}

.form .file-wrapper i:active
	{
		background-color: #f98a1c !important;
	}

.form .file-wrapper i svg
	{
		position: absolute;
		left: 12px;
		top: 8px;
		width: 15px;
		height: 14px;
		fill: #fff;
	}

.form .file-wrapper u
	{
		text-decoration: none;
	}

.form .file-wrapper input
	{
		position: absolute;
		left: -10000px;
		opacity: 0;
	}

.form input[type="text"]:focus, .form input[type="tel"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form textarea:focus, .form select:focus
	{
		border-color: #747c7f;
	}

.form .alert
	{
		border-color: orangered !important;
	}

.form h3
	{
		margin-bottom: .6em;
		font-size: 150%;
		line-height: 1.3em;
		margin-top: 0 !important;
		font-weight: 600;
	}

.form h4
	{
		margin: 1.5em 0;
		font-size: 100%;
		line-height: 1.5em;
		color: #73767b;
	}

.form p
	{
		position: relative;
		margin-top: 20px;
		font-size: 88.888888%;
		line-height: 1.3em;
	}

.form p:first-child
	{
		margin-top: 0 !important;
	}

.form label
	{
		display: inline-block;
		margin-bottom: .35em;
	}

.form .submit
	{
		margin-top: 30px;
	}

.form.modal .submit
	{
		display: block;
		margin: 40px;
		text-align: center;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

.form .close
	{
		position: absolute;
		overflow: hidden;
		width: 24px;
		height: 24px;
		right: 14px;
		top: 14px;
		z-index: 10;
		cursor: pointer;
	}

.form .close svg
	{
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 6px 0 0 6px;
		fill: currentColor;
	}

article .form .close, .close.hidden
	{
		display: none;
	}

.form.modal h3
	{
		position: relative;
		padding: 0 48px 8px 40px;
		font-size: 150%;
		line-height: 1.3em;
		margin-bottom: 0;
		font-weight: 600;
		z-index: 5;
	}

.form.modal h4
	{
		margin-top: 12px;
	}

.form.modal h4, .form.modal p
	{
		margin-left: 40px;
		margin-right: 40px;
	}

.form.modal .submit
	{
		margin-left: 40px;
		margin-bottom: 40px;
	}

.desktop .form .close:hover, .form .close.tap
	{
		color: orangered;
	}

.form input[type="checkbox"]
	{
		position: absolute;
		left: -5000px;
	}

.form input[type="checkbox"] + label
	{
		padding-left: 28px;
		display: inline-block;
		margin-bottom: 0;
	}

.form input[type="checkbox"] + label:before
	{
		content: "";
		display: block;
		position: absolute;
		top: -.1em;
		left: 0;
		width: 1.3em;
		height: 1.3em;
		border-radius: 5px;
		border: 1px solid #cad0d7;
	}

.form input[type="checkbox"] + label:after
	{
		content: "";
		display: block;
		position: absolute;
		top: -.95em;
		left: -.95em;
		width: 3em;
		height: 3em;
		background: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0IiB3aWR0aD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMyLjU5IDQxLjkyLTkuODctOS44N2MtLjMxLS4zMS0uMzEtLjgyIDAtMS4xM2wxLjctMS43Yy4zMS0uMzEuODItLjMxIDEuMTMgMGw3LjYxIDcuNjEgMTYuOTYtMTYuOTZjLjMxLS4zMS44Mi0uMzEgMS4xMyAwbDEuNyAxLjdjLjMxLjMxLjMxLjgyIDAgMS4xM2wtMTkuMjMgMTkuMjJjLS4zMS4zMS0uODIuMzEtMS4xMyAweiIgZmlsbD0ib3JhbmdlcmVkIi8+PC9zdmc+") center center no-repeat;
		background-size: cover;
		opacity: 0;
		transform: scale(.5);
		transition: opacity .1s, transform .1s;
	}

.form input[type="checkbox"]:checked + label:after
	{
		opacity: 1;
		transform: scale(1);
	}

.form input[type="radio"]
	{
		position: absolute;
		left: -5000px;
	}

.form input[type="radio"] + label
	{
		padding-left: 28px;
		display: inline-block;
		margin-bottom: 0;
	}

.form input[type="radio"] + label:before
	{
		content: "";
		display: block;
		position: absolute;
		top: -.1em;
		left: 0;
		width: 1.3em;
		height: 1.3em;
		border-radius: 100px;
		border: 1px solid #cad0d7;
	}

.form input[type="radio"] + label:after
	{
		content: "";
		display: block;
		position: absolute;
		top: .3em;
		left: .4em;
		width: .65em;
		height: .65em;
		border-radius: 100px;
		background: orangered;
		opacity: 0;
		transform: scale(.5);
		transition: opacity .1s, transform .1s;
	}

.form input[type="radio"]:checked + label:after
	{
		opacity: 1;
		transform: scale(1);
	}

.form-wrapper
	{
		position: relative;
		padding: 40px;
		border-radius: 15px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		background: #fff;
		max-width: 400px;
		margin: 1.5em auto 0 auto;
	}

.form-wrapper h3
	{
		font-size: 150% !important;
		line-height: 1.3em !important;
		margin-top: 0 !important;
	}

.form-wrapper h4
	{
		margin: 1.5em 0 !important;
		font-size: 100% !important;
		line-height: 1.5em !important;
		font-weight: 400 !important;
	}

.form-success
	{
		text-align: center;
		margin: 0;
		padding: 1.5em 0;
	}

/* ! alert */

body>.alert
	{
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		opacity: 0;
		background-color: rgba(0, 0, 0, .25);
		z-index: 10000;
	}

body>.alert p
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 340px;
		margin-left: -200px;
		margin-top: 32px;
		padding: 30px;
		font-size: 16px;
		line-height: 1.5em;
		text-align: center;
		background-color: #fff;
		-moz-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
		border-radius: 15px;
		font-weight: 500;
	}

body>.alert p b
	{
		display: block;
		font-weight: 400;
	}

body>.alert p b:before
	{
		content: "!";
		color: #0072d6;
		font-size: 64px;
		display: block;
		font-weight: 600;
		margin-bottom: 30px;
		line-height: .75em;
	}

body>.alert p .e-btn
	{
		margin-top: 30px;
	}

/* ! button */

.e-btn
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		color: #fff !important;
		background-color: #0072d6 !important;
		padding: 12px 30px !important;
		line-height: 1.5em !important;
		text-decoration: none;
		cursor: pointer;
		border-radius: 5px;
		font-weight: 500;
		border-bottom: none !important;
		vertical-align: top;
	}

.e-btn.light
	{
		line-height: 34px;
		border: 1px solid rgba(0, 114, 214, .75) !important;
		background-color: transparent !important;
		color: #0072d6 !important;
	}

.desktop .e-btn.light:hover, .e-btn.light.tap
	{
		background-color: transparent !important;
		border-color: rgba(0, 114, 214, .75);
		color: #0072d6 !important;
	}

.e-btn.disabled
	{
		background-color: #afb3b5 !important;
		border-color: #afb3b5 !important;
		cursor: default;
	}

.e-btn.external:after
	{
		display: none !important;
	}

.e-btn.small
	{
		padding: 6px 20px !important;
		line-height: 1.5em !important;
		font-size: 14px;
	}

/* ! files */

.e-file
	{
		display: table;
		position: relative;
		width: 100%;
		height: 44px;
		font-size: 16px;
		line-height: 1.5em;
	}

.e-file div
	{
		display: table-cell;
		vertical-align: middle;
		padding-left: 50px;
	}

.e-file ins
	{
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 30px;
		height: 42px;
		text-decoration: none;
		border: 1px solid #000;
		cursor: default;
	}

.e-file ins:before
	{
		content: "";
		position: absolute;
		right: -1px;
		top: -1px;
		border-top: 9px solid #000;
		border-left: 9px solid transparent;
	}

.e-file ins:after
	{
		content: "";
		position: absolute;
		right: -1.75px;
		top: -1.75px;
		border-top: 9px solid #fff;
		border-left: 9px solid transparent;
	}

.e-file ins b
	{
		display: block;
		position: absolute;
		right: -1px;
		top: -1px;
		width: 7px;
		height: 7px;
		border: 1px solid #000;
	}

.e-file ins i
	{
		display: block;
		position: absolute;
		right: -9px;
		bottom: 6px;
		padding: 0 2px;
		font-size: 10px;
		font-style: normal;
		line-height: 12px;
		border: 1px solid #000;
		background: #fff;
		text-transform: uppercase;
	}

/* ! error */

#error-page
	{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}

#error-page p
	{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -100px;
		margin-top: -40px;
		width: 200px;
		height: 80px;
		background: orangered;
		color: #fff;
		font-size: 70px;
		font-weight: 500;
		line-height: 80px;
		font-variant-numeric: tabular-nums lining-nums;
		text-align: center;
		cursor: default;
	}

#error-page p:before
	{
		content: "";
		position: absolute;
		left: 0;
		top: -60px;
		width: 80px;
		height: 0;
		border-bottom: 60px solid orangered;
		border-left: 60px solid transparent;
		border-right: 60px solid transparent;
	}

#error-page p:after
	{
		content: "";
		position: absolute;
		left: 0;
		bottom: -60px;
		width: 80px;
		height: 0px;
		border-top: 60px solid orangered;
		border-right: 60px solid transparent;
		border-left: 60px solid transparent;
	}

/* ! customize */

.table-wrapper
	{
		overflow: auto;
	}

/* ! signin */

.signin
	{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -180px;
		width: 360px;
		z-index: 10;
		-moz-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		text-align: center;
	}

.signin .logo
	{
		width: 168px;
		height: 36px;
		margin: 0 auto 30px auto;
		display: block;
	}

.signin .close
	{
		display: none;
	}

.signin .e-btn
	{
		display: block;
		text-align: center;
	}

.signin #authorization-form
	{
		text-align: left;
	}

.signin #authorization-email-wrapper
	{
		margin-top: 0;
	}

.signin article p
	{
		padding-top: 20px;
		font-size: 16px;
		line-height: 1.5em;
	}

#welcome-code-wrapper
	{
		text-align: left;
	}

/* ! registration */

.e-registration-form
	{
    max-width: inherit !important;
	}

#registration-confirm-wrapper label
	{
		white-space: nowrap;
	}

#registration-password-wrapper
	{
		width: 50%;
		padding-right: 10px;
		box-sizing: border-box;
		float: left;
		margin: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}

#registration-confirm-wrapper
	{
		width: 50%;
		padding-left: 10px;
		box-sizing: border-box;
		float: left;
		margin: 0;
		padding-top: 20px;
	}

#registration-legal-wrapper
	{
		clear: both;
	}

/* ! password restore */

.password-restore
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 80%;
		line-height: 1.2em;
		color: #0072d6;
		border-bottom: 1px dashed rgba(0, 114, 214, .75);
		cursor: pointer;
	}

.desktop .password-restore:hover, .password-restore.tap
	{
		color: #0072d6;
		border-color: rgba(0, 114, 214, .75);
	}

/* ! account info */

.account-info
	{
		padding: 40px;
		border-radius: 15px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		background: #fff;
	}

.account-info p
	{
		margin-top: 1em;
	}

.account-info p b
	{
		white-space: nowrap;
	}

.account-info h3
	{
		font-size: 155.555555%;
		line-height: 1.5em;
		margin-top: 0 !important;
	}

/* ! account settings */

.account-settings
	{
		font-size: 100%;
		line-height: 1.2em;
		padding: 40px;
		border-radius: 15px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		background: #fff;
	}

.account-settings p
	{
		margin-top: 1em;
	}

.account-settings label
	{
		padding-left: 1.8em !important;
	}

/* ! password change */

.password-change-wrapper
	{
		color: #0072d6;
		cursor: pointer;
		display: inline-block;
		vertical-align: super;
		margin-left: 8px;
		width: 18px;
		height: 18px;
		overflow: hidden;
	}

.password-change
	{
		width: 18px;
		height: 18px;
		cursor: pointer;
		vertical-align: top;
		fill: currentColor;
	}

.desktop .password-change-wrapper:hover, .password-change-wrapper.tap
	{
		color: orangered;
	}

/* ! search */

.search
	{
		position: relative;
		height: 48px !important;
		border-radius: 15px;
		background: rgba(175, 179, 181, .2);
		margin-top: 1.5em;
	}

.search input
	{
		display: block;
		width: 100%;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6em;
		padding: 10px 54px 10px 20px;
		background-color: transparent;
		overflow: hidden;
	}

.search div
	{
		position: absolute;
		width: 54px;
		height: 48px;
		right: 0;
		top: 0;
		margin-top: 0;
		color: #000;
		cursor: pointer;
	}

.search svg
	{
		width: 20px;
		height: 20px;
		position: absolute;
		left: 14px;
		top: 14px;
		fill: currentColor;
	}

.search input::placeholder
	{
		color: rgba(175, 179, 181, 1);
	}

/* ! results list */

.results-list, .tests-list
	{
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		border-radius: 15px;
		position: relative;
		background: #fff;
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.5em;
	}

.tests-list
	{
		margin-top: 27px;
	}

.results-list .item, .tests-list .item
	{
		position: relative;
		border-top: 1px solid #eeeff0;
	}

.results-list .item:first-child, .tests-list .item:first-child
	{
		border-top: none;
	}

.results-list .item .head
	{
		height: 48px;
		position: relative;
		z-index: 10;
		cursor: pointer;
		transition: background-color .25s;
	}

.desktop .results-list .head:hover, .results-list .item.open .head
	{
		background: rgba(255, 215, 0, .1);
	}

.results-list .item:first-child .head
	{
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}

.results-list .item:last-child .head
	{
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}

.results-list .item.open .head
	{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.results-list .item .info, .tests-list .settings
	{
		display: none;
		padding: 30px 40px;
		border-top: 1px solid #eeeff0;
		font-weight: 400 !important;
		font-size: 15px;
		line-height: 1.5em;
	}

.results-list .item .info p
	{
		margin-top: 1em;
	}

.results-list .item .info p:first-child
	{
		margin-top: 0;
	}

.results-list .item .info p.lc b
	{
		text-transform: lowercase;
	}

.results-list .item .email a
	{
		white-space: nowrap;
		max-width: 100%;
		text-overflow: ellipsis;
		display: inline-block;
		overflow: hidden;
		line-height: 1.3em;
		vertical-align: text-top;
	}

.results-list .item.open .info, .tests-list .item.open .settings
	{
		display: block;
	}

.results-list .date, .results-list .link, .results-list .name, .results-list .test, .results-list .age, .results-list .score
	{
		position: absolute;
		top: 0;
		bottom: 0;
		line-height: 49px;
	}

.results-list .date
	{
		left: 20px;
	}

.results-list .link
	{
		right: 0;
		border: none !important;
		width: 56px;
	}

.results-list .link svg
	{
		width: 16px;
		height: 16px;
		margin: 16px 20px;
		fill: currentColor;
	}

.results-list .name
	{
		left: 186px;
		font-weight: 600;
	}

.results-list .age
	{
		left: 126px;
		font-size: 14px;
		font-weight: 400;
	}

.results-list .score
	{
		right: 54px;
		white-space: nowrap;
		font-weight: 600;
	}

.results-list .score.invalid
	{
		color: orangered;
	}

.results-list .test
	{
		right: 134px;
		color: #5f686c;
	}

.results-list .item .female
	{
		color: darkviolet;
	}

.results-list .item .male
	{
		color: royalblue;
	}

.results-list .item .male svg, .results-list .item .female svg
	{
		position: relative;
		top: -1px;
		width: 11px;
		height: 16px;
		vertical-align: middle;
		margin-right: 2px;
		fill: currentColor;
	}

/* ! tests list */

.tests-list .item .head
	{
		padding: 13px 20px;
		transition: background-color .25s;
		position: relative;
	}

.tests-list .item.status-1 .head::after, .tests-list .item.status-2 .head::after
	{
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 50px;
		z-index: 10;
	}

.desktop .tests-list .item .head:hover, .tests-list .item.open .head
	{
		background: rgba(255, 215, 0, .1);
	}

.tests-list .item:first-child .head
	{
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}

.tests-list .item:last-child .head
	{
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}

.tests-list .item.open .head
	{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

.tests-list .link a
	{
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		-o-user-select: text;
		user-select: text;
	}

.tests-list .link i
	{
		font-style: normal;
	}

.tests-list .identifier
	{
		position: absolute;
		top: 13px;
		right: 56px;
		color: #5f686c;
	}

.tests-list .test
	{
		font-weight: 600;
	}

.tests-list .test b
	{
		position: relative;
		display: inline-block;
		top: -2px;
		margin-right: 3px;
		font-weight: 500;
		border: 1px solid orangered;
		color: orangered;
		border-radius: 100px;
		font-size: 11px;
		width: 16px;
		height: 16px;
		line-height: 16px;
		text-align: center;
	}

.tests-list .status-1 .test, .tests-list .status-2 .test
	{
		color: #5f686c;
	}

.tests-list .status-1 .test b, .tests-list .status-2 .test b
	{
		color: forestgreen;
		border-color: forestgreen;
	}

.tests-list .edit, .tests-list .options
	{
		position: absolute;
		width: 32px;
		height: 32px;
		right: 12px;
		top: 8px;
		color: #0072d6;
		cursor: pointer;
		z-index: 2;
	}

.tests-list .status-1 .edit, .tests-list .status-1 .options, .tests-list .status-2 .edit
	{
		opacity: .25;
	}

.tests-list .status-2 .options
	{
		z-index: 11;
	}

.tests-list .options
	{
		top: auto;
		bottom: 8px;
	}

.tests-list .edit svg, .tests-list .options svg
	{
		margin: 8px;
		width: 16px;
		height: 16px;
		fill: currentColor;
	}

.desktop .tests-list .edit:hover, .tests-list .edit.tap,
.desktop .tests-list .options:hover, .tests-list .options.tap, .tests-list .item.open .options
	{
		color: orangered;
	}

#edit-id-wrapper
	{
		display: none;
	}

.tests-list .settings
	{
		padding: 20px;
	}

.tests-list .settings p
	{
		margin-top: 10px;
	}

.tests-list .settings p.title
	{
		font-weight: 600;
		margin-bottom: 15px;
	}

.tests-list .settings input[type="checkbox"] + label
	{
		padding-left: 24px;
	}

.tests-list .settings input[type="checkbox"] + label:before
	{
		top: .05em;
		width: 1em;
		height: 1em;
	}

.tests-list .settings input[type="checkbox"] + label:after
	{
		top: -.7em;
		left: -.75em;
		width: 2.5em;
		height: 2.5em;
	}

.tests-list .settings input[type="checkbox"]:disabled,
.tests-list .settings input[type="checkbox"]:disabled + label
	{
		opacity: .5;
	}

.tests-list .settings input[type="radio"] + label
	{
		padding-left: 24px;
	}

.tests-list .settings input[type="radio"] + label:before
	{
		top: 1px;
		width: 14px;
		height: 14px;
	}

.tests-list .settings input[type="radio"] + label:after
	{
		top: 6px;
		left: 5px;
		width: 6px;
		height: 6px;
	}

/* ! create test */

.create-test
	{
		position: absolute;
		right: 0;
		top: 3px;
		margin: 0;
		padding: 8px 20px !important;
		font-size: 16px;
	}

.create-test b
	{
		font-weight: 500;
		margin-left: 10px;
	}

.create-test svg
	{
		width: 12px;
		height: 12px;
		fill: currentColor;
	}

/* ! test cost */

.test-cost
	{
		margin-left: 40px;
		margin-right: 40px;
	}

.test-cost div
	{
		background: rgba(255, 215, 0, .15);
		border-radius: 5px;
		font-size: 15px;
		line-height: 1.5em;
		font-weight: 500;
		margin-top: 20px;
		padding: 16px 20px;
	}

.test-cost div small
	{
		display: block;
		font-size: 11px;
		line-height: 1.5em;
		font-weight: 400;
		color: rgba(0, 0, 0, .5);
		margin-top: .25em;
	}

.create-payment
	{
		font-size: 16px;
	}

/* ! tests empty */

.tests-empty
	{
		text-align: center;
		margin-top: 3em;
		font-size: 88.888888%;
		line-height: 1.5em;
		color: #5f686c;
	}

/* ! copy */

.copy
	{
		display: inline-block;
		vertical-align: middle;
		width: 32px;
		height: 32px;
		cursor: pointer;
		color: #0072d6;
		transition: color .25s;
		margin: -7px -7px -7px 4px;
	}

.copy svg
	{
		width: 18px;
		height: 18px;
		margin: 7px;
		fill: currentColor;
	}

.desktop .copy:hover, .copy.tap
	{
		color: orangered;
	}

/* ! csv */

.csv
	{
		display: inline-block;
		position: relative;
		font-size: .25em;
		line-height: 1.85em;
		background: forestgreen;
		color: #fff !important;
		border-radius: 5em;
		font-weight: 600;
		padding: 0 .65em;
		top: -2.5em;
		border: none !important;
		text-transform: uppercase;
		letter-spacing: .05em;
	}

/* ! api */

.e-api-manual
	{
		overflow: auto;
	}

.e-api-manual .e-api-manual-wrap
	{
		min-width: 600px;
	}

.e-api-manual pre
	{
		overflow: hidden;
	}

.e-api-manual h3
	{
		margin-top: 1.2em !important;
	}

/* ! groups */

.tests
	{
		position: relative;
		display: flex;
		justify-content: center;
		gap: 20px;
	}

.tests .item
	{
		position: relative;
		padding: 20px;
		border-radius: 15px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		background: #fff;
		max-width: 220px;
		text-align: center;
		flex: 1 1 0;
	}

.tests .item img
	{
		padding: 10px;
	}

.tests .item h3
	{
		line-height: 1.25;
		margin-bottom: 20px;
		margin-top: 20px;
	}

.tests .item .take, .tests .item .result
	{
		font-size: 14px;
		color: rgba(0, 0, 0, .5);
		line-height: 1.4;
	}

.tests .item .result
	{
		margin-bottom: 10px;
	}

.tests .item .take b, .tests .item .result b
	{
		color: #000;
		font-size: 18px;
	}

.tests .item .result i
	{
		font-style: normal;
		color: orangered;
		text-transform: lowercase;
	}

.tests .item .result.c-1 b
	{
		color: orangered;
	}

.tests .item .result.c-2 b
	{
		color: darkorange;
	}

.tests .item .result.c-3 b
	{
		color: forestgreen;
	}

.tests .item .score
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 102px;
		text-align: center;
		font-size: 48px;
		line-height: 1.5em;
		font-weight: 600;
		color: #fff !important;
	}

.tests .item .e-btn
	{
		display: block;
		text-align: center;
		margin-top: 20px;
	}

.average-score
	{
		text-align: center;
		margin-top: 40px;
	}

.groups-page header .logo a, .groups-page header .logo span
	{
		left: 40px !important;
		margin-left: 0 !important;
	}

/* ! groups report */

.group-table td, .group-table th
	{
		padding: .4em 0;
		background: #fff;
		color: #000;
		border-left: none;
		border-right: none;
		border-color: #afb3b5;
		text-align: center;
	}

.group-table th
	{
		border-top: none;
		font-size: 32px;
		font-weight: 500;
		width: 100px;
	}

.group-table th:first-child
	{
		font-size: 16px;
		font-weight: 500;
		color: #afb3b5 !important;
		width: auto;
	}

.group-table th.tb
	{
		font-size: 20px;
		font-weight: 400;
		color: #afb3b5 !important;
	}

.group-table td:first-child, .group-table th:first-child
	{
		text-align: left;
	}

.group-table a, .group-table a b
	{
		border: none !important;
		font-weight: 600;
		color: #000 !important;
	}

.e-group-client
	{
		position: relative;
		border: 1px solid #afb3b5;
		border-radius: 15px;
		margin-top: 320px;
		padding: 16px 40px;
		position: relative;
	}

.e-group-client img
	{
		position: absolute;
		right: 22px;
		top: 20px;
		height: 78px;
		z-index: 10;
	}

.e-group-client.detector img
	{
		height: 69px;
	}

.e-group-client p
	{
		margin: 0 !important;
		font-size: 13px;
	}

.e-group-client .e-group-user
	{
		font-size: 32px;
		font-weight: 600;
		text-transform: uppercase;
		background: #000;
		color: #fff;
		border-radius: 10px;
		padding: 0 120px 0 50px;
		position: absolute;
		right: 10px;
		top: 10px;
		bottom: 10px;
		display: flex;
		align-items: center;
	}

.e-group-client .e-anchor
	{
		position: absolute;
		top: -120px;
	}

@media print
	{
		.groups-report-page header .logo
			{
				margin-right: 0 !important;
			}

		.groups-report-page header .wrapper
			{
				padding: 40px 40px 20px 40px !important;
			}

		.groups-report-page article h2
			{
				page-break-before: unset !important;
			}
		
		.groups-report-page article h2.e-page-break
			{
				page-break-before: always !important;
			}
		
		#system-page.groups-report-page main
			{
				padding: 0 40px 40px 40px !important;
			}

		.e-group-client
			{
				page-break-before: always;
				margin-top: 0 !important;
			}

		.e-group-client .e-group-user
			{
				background: #000 !important;
				color: #fff !important;
				color-adjust: exact;
				-webkit-print-color-adjust: exact;
				-webkit-text-fill-color: #fff;
			}

		.groups-report-page .profile, .groups-report-page .chart, .groups-report-page .workstyle, .groups-report-page .e-error
			{
				margin-top: 20px !important;
			}

		.groups-report-page .profile .left, .groups-report-page .chart .left, .groups-report-page .workstyle .left
			{
				padding: 40px 0 40px 40px !important;
			}

		.groups-report-page .profile .right, .groups-report-page .chart .right, .groups-report-page .workstyle .right
			{
				padding: 40px !important;
			}

		.groups-report-page .chart .right
			{
				gap: 10px !important;
			}

		.groups-report-page .e-error
			{
				padding: 40px !important;
				font-size: 16px;
			}

		.e-group-client .e-anchor
			{
				position: absolute;
				top: -10px;
			}

		.tests .item .score
			{
				color: #fff !important;
				color-adjust: exact;
				-webkit-print-color-adjust: exact;
				-webkit-text-fill-color: #fff;
			}

	}

.report-page .scales
	{
		position: relative;
	}

.report-page .scales .item
	{
		position: relative;

		border-radius: 15px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		margin-bottom: 2.25em;
		margin-top: 1.5em;
		overflow: hidden;
	}

.report-page .scales .item .wrapper
	{
		padding: 50px 310px 50px 50px;
		position: relative;
	}

.report-page .scales .item .head
	{
		margin: 0 !important;
		position: relative;
		overflow: hidden;
		padding: 0 50px;
		line-height: 52px;
		height: 52px;
		color: #fff;
	}

.report-page .scales .item .head .bg
	{
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		height: 52px;
		z-index: -1;
		border-radius: 0 !important;
	}

.report-page .scales .item .head img
	{
		width: 50px;
		height: 64px;
		position: absolute;
		top: -6px;
		z-index: 5;
		left: 0;
	}

.report-page .scales .item .side
	{
		position: absolute;
		right: 0;
		bottom: 0;
		top: 0;
		width: 260px;
		border-left: 1px solid #eeeff0;
		text-align: center;
		background: #f9fafa;
		border-bottom-right-radius: 15px;
	}

.report-page .scales .scales ul
	{
		padding-left: 1.5em;
	}

.report-page .scales .anchor
	{
		position: relative;
		top: -90px;
		height: 0;
	}

.report-page .scales .item .text
	{
		font-size: 88.888888%;
		line-height: 1.5em;
		min-height: 190px;
	}

.report-page .scales .item .donut
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		margin-top: -96px;
		text-align: center;
	}

.report-page .scales .item .donut svg
	{
		width: 160px;
		height: 160px;
	}

.report-page .scales .item .donut .score
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		font-size: 40px;
		line-height: 160px;
		font-weight: 400;
		z-index: 5;
	}

.report-page .scales .item .donut .level
	{
		font-weight: 600;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 1.5em;
		margin-top: .25em;
		padding: 0 20px;
	}

@media only screen and (max-width: 1023px)
	{
		.report-page .scales .item .side
			{
				width: 240px;
			}
		.report-page .scales .item .wrapper
			{
				padding: 40px 280px 40px 40px;
			}
		.report-page .scales .item .head
			{
				padding: 0 20px 0 40px;
				line-height: 54px;
				height: 54px;
			}
		.report-page .scales .item .head img
			{
				height: 54px;
				width: 42px;
				top: 0;
			}
		.report-page .scales .item .text
			{
				min-height: 170px;
			}
	}

@media only screen and (max-width: 720px)
	{
		.report-page .scales .item .wrapper
			{
				padding: 0;
			}
		.report-page .scales .item .text
			{
				padding: 20px;
				min-height: inherit;
			}
		.report-page .scales .item .side
			{
				position: relative;
				width: auto;
				border-left: none;
				border-bottom: 1px solid #eeeff0;
				padding-top: 40px;
				padding-bottom: 30px;
				border-bottom-right-radius: 0;
			}
		.report-page .scales .item .donut
			{
				position: relative;
				top: 0;
				margin-top: 0;
			}
		.report-page .scales .item .head
			{
				line-height: 1.25em;
				height: auto;
				text-align: left;
				padding: 11px 50px 11px 20px;
			}
		.report-page .scales .item .head .bg
			{
				height: 120px;
			}
		.report-page .scales .item .head img
			{
				width: 50px;
				height: 64px;
				left: auto;
				right: 7px;
				top: 50%;
				margin-top: -32px;
			}
	}

@media print
	{
		.report-page .scales .item
			{
				box-shadow: none !important;
				border: 1px solid #afb3b5;
				page-break-inside: avoid;
			}
		.report-page .scales .item .side
			{
				border: none;
			}
		.report-page .scales .item .wrapper
			{
				padding: 40px 260px 40px 50px;
			}
		.report-page .scales .item .head
			{
				color: #fff !important;
				color-adjust: exact;
				-webkit-print-color-adjust: exact;
				-webkit-text-fill-color: #fff;
			}
		.report-page .scales .item .text
			{
				font-size: 15px;
				line-height: 1.5em;
				min-height: 190px;
			}
		.report-page .scales .item .donut
			{
				margin-top: -96px;
			}
		.report-page .scales .anchor
			{
				top: -40px;
			}
	}

.report-page .validity
	{
		position: relative;
		border-radius: 15px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		margin-bottom: 2.25em;
		display: grid;
		grid-template-columns: 1fr 1fr;
		overflow: hidden;
	}

.report-page .validity .left
	{
		padding: 50px;
	}

.report-page .validity .right
	{
		padding: 50px;
		border-left: 1px solid #eeeff0;
		background: #f9fafa;
		border-bottom-right-radius: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 50px;
	}

.report-page .validity .head
	{
		margin: 0 !important;
		position: relative;
		overflow: hidden;
		padding: 0 50px;
		line-height: 64px;
		height: 64px;
		color: #fff;
		grid-column: 1 / 3;
	}

.report-page .validity .head .bg
	{
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		height: 64px;
		z-index: -1;
		border-radius: 0 !important;
	}

.report-page .validity .head img
	{
		width: 50px;
		height: 64px;
		position: absolute;
		top: 0;
		z-index: 5;
		left: 0;
	}

.report-page .validity .text
	{
		font-size: 88.888888%;
		line-height: 1.5em;
	}

.report-page .validity .donut
	{
		position: relative;
		text-align: center;
	}

.report-page .validity .donut svg
	{
		width: 160px;
		height: 160px;
	}

.report-page .validity .donut .score
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		font-size: 32px;
		line-height: 160px;
		font-weight: 500;
		z-index: 5;
	}

.report-page .validity .donut .score small
	{
		font-size: 70%;
	}

.report-page .validity .donut .scale
	{
		font-size: 16px;
		font-weight: 600;
		line-height: 1.5em;
		margin-top: .25em;
		text-transform: uppercase;
	}

.report-page .validity .donut .level
	{
		font-weight: 600;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 1.5em;
		margin-top: .25em;
		padding: 0 20px;
	}

.report-page .chart
	{
		position: relative;
		border-radius: 15px;
		box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .15);
		margin-bottom: 2.25em;
		display: grid;
		grid-template-columns: 1fr 1fr;
		overflow: hidden;
	}

.report-page .chart .left
	{
		padding: 50px;
	}

.report-page .chart.detector .right
	{
		padding: 50px;
		padding-top: 40px;
		border-left: 1px solid #eeeff0;
		background: #f9fafa;
		border-bottom-right-radius: 15px;
		display: block;
		text-align: left;
	}

.report-page .chart .head
	{
		margin: 0 !important;
		position: relative;
		overflow: hidden;
		padding: 0 20px 0 50px;
		line-height: 64px;
		height: 64px;
		color: #fff;
		grid-column: 1 / 3;
	}

.report-page .chart .head .bg
	{
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		height: 64px;
		z-index: -1;
		border-radius: 0 !important;
	}

.report-page .chart .head img
	{
		width: 50px;
		height: 64px;
		position: absolute;
		top: 0;
		z-index: 5;
		left: 0;
	}

.report-page .chart .head .stan
	{
		float: right;
		font-size: 32px;
	}

.report-page .chart .text
	{
		font-size: 88.888888%;
		line-height: 1.5em;
	}

.report-page .chart .line
	{
		display: block;
		margin-top: 1.75em;
		text-decoration: none;
		border-bottom: none !important;
		cursor: pointer !important;
	}

.report-page .chart .line:first-child
	{
		margin-top: 0;
	}

.report-page .chart .title
	{
		display: block;
		font-size: 88.888888%;
		line-height: 1.25em;
		margin-bottom: .35em;
		font-weight: 600;
		color: #000;
	}

.report-page .chart .value, .report-page .chart .reference
	{
		display: block;
		position: relative;
		overflow: hidden;
		height: 30px;
		text-align: right;
		border-radius: 5px;
		color: #fff;
		z-index: 5;
	}

.report-page .chart .reference
	{
		margin-top: -25px;
		z-index: 1;
		height: 20px;
		opacity: .25;
	}

.report-page .chart .value b, .report-page .chart .reference b
	{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		line-height: 30px;
		padding: 0 .5em;
		font-weight: 500;
		z-index: 3;
	}

.report-page .chart .value img, .report-page .chart .reference img
	{
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		height: 30px;
		z-index: 1;
		border-radius: 0 !important;
	}

@media only screen and (max-width: 1023px)
	{
		.report-page .chart, .report-page .validity
			{
				grid-template-columns: 1fr;
			}
		.report-page .chart .head, .report-page .validity .head
			{
				padding: 0 20px 0 40px;
				line-height: 54px;
				height: 54px;
				grid-column: unset;
				order: -1;
			}
		.report-page .chart .right, .report-page .validity .right
			{
				order: -1;
				border-left: none;
				border-bottom: 1px solid #eeeff0;
				padding: 40px;
				border-radius: 0;
			}
		.report-page .validity .right
			{
				padding-bottom: 30px;
				gap: 40px;
			}
		.report-page .chart .right
			{
				padding-top: 30px;
			}
		.report-page .chart .left, .report-page .validity .left
			{
				padding: 40px;
			}
		.report-page .chart .head img, .report-page .validity .head img
			{
				height: 54px;
				width: 42px;
			}
		.report-page .chart .head .stan
			{
				font-size: 24px;
			}
		.report-page .chart.detector .right
			{
				border-bottom-right-radius: 0 !important;
			}
	}

@media only screen and (max-width: 720px)
	{
		.report-page .chart .head, .report-page .validity .head
			{
				line-height: 1.25em;
				height: auto;
				text-align: left;
				padding: 11px 50px 11px 20px;
			}
		.report-page .chart .head
			{
				padding-right: 20px;
			}
		.report-page .validity .head img
			{
				width: 50px;
				height: 64px;
				left: auto;
				right: 7px;
				top: 50%;
				margin-top: -32px;
			}
		.report-page .chart .head img
			{
				display: none;
			}
		.report-page .chart .head .bg, .report-page .validity .head .bg
			{
				height: 120px;
			}
		.report-page .chart .head .stan
			{
				font-size: 24px;
			}
		.report-page .chart .left, .report-page .validity .left
			{
				padding: 20px;
			}
		.report-page .validity .right
			{
				padding: 40px 20px 30px 20px;
			}
		.report-page .chart .right
			{
				padding: 30px 40px 41px 40px;
			}
	}

@media only screen and (max-width: 480px)
	{
		.report-page .validity .right
			{
				flex-wrap: wrap;
				gap: 36px 40px;
			}
	}

@media print
	{
		.report-page .chart .head, .report-page .validity .head,
		.report-page .chart .value b, .report-page .chart .reference b
			{
				color: #fff !important;
				color-adjust: exact;
				-webkit-print-color-adjust: exact;
				-webkit-text-fill-color: #fff;
			}
		.report-page .validity, .report-page .chart
			{
				box-shadow: none !important;
				border: 1px solid #afb3b5;
			}
		.report-page .validity .right, .report-page .chart .right
			{
				border: none;
			}
		.report-page .chart .right
			{
				padding-bottom: 56px;
			}
		.report-page .validity .left, .report-page .chart .left
			{
				padding-right: 0;
			}
		.report-page .validity .right svg, .report-page .chart .right svg
			{
				fill: #fff;
			}
		.report-page .chart .line .title
			{
				color: #000 !important;
			}
		.report-page main
			{
				padding-top: 120px !important;
				max-width: 944px !important;
				padding: 144px 40px 40px 40px !important;
			}
		.report-page footer, .report-page header
			{
				display: block !important;
				border: none !important;
				background: transparent !important;
				box-shadow: none !important;
				height: auto;
			}
		.report-page header .wrapper
			{
				max-width: 944px;
				padding: 80px 40px;
				height: auto;
				text-align: right;
			}
		.report-page header .logo
			{
				top: 0 !important;
				width: auto !important;
				height: auto !important;
				left: 0 !important;
				position: static !important;
				margin-right: 50px;
			}
		.report-page header .logo img
			{
				width: 220px;
			}
		.report-page article h2
			{
				page-break-before: always;
			}
		.report-page .e-no-break
			{
				page-break-before: unset;
			}
		.report-page .e-break
			{
				page-break-before: always !important;
			}
		.e-print-small
			{
				font-size: 16px;
				line-height: 1.5em;
			}
		.report-page .chart.detector .right
			{
				border: none !important;
			}
	}

/* ! mobile */

@media only screen and (max-width: 1023px)
	{

		body
			{
				font-size: 16px;
				line-height: 1.5em;
			}

		header
			{
				padding-bottom: 0;
			}

		header .logo a, header .logo span
			{
				left: 50%;
				margin-left: -84px;
			}

		.main-menu
			{
				width: 64px;
				height: 64px;
				position: absolute;
				left: 20px;
				top: 0;
				margin-top: 0;
				border-radius: 0 !important;
				text-align: left;
			}

		.main-menu>svg
			{
				display: inline-block;
			}

		.main-menu .menu
			{
				display: none;
				width: auto;
				height: auto;
				position: absolute;
				left: 0;
				top: 64px;
				overflow: auto;
				text-align: left;
				padding-top: 10px;
				padding-bottom: 10px;
				background-color: #000;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, .15);
				font-size: 15px;
			}

		.main-menu .popup ul
			{
				position: static;
				opacity: 1;
				max-height: 1000px;
				box-shadow: none !important;
				border-radius: 0 !important;
			}

		.main-menu .menu li
			{
				white-space: nowrap;
				margin: 0 !important;
				display: block;
			}

		.main-menu .popup>a>svg, .main-menu .popup>span>svg
			{
				display: none;
			}

		.main-menu .popup>span, .main-menu .popup.hover>span
			{
				padding: 0 20px;
				line-height: 40px;
				color: rgba(255, 255, 255, .5) !important;
				text-transform: uppercase;
				font-weight: 400;
				font-size: 13px;
				padding-top: 20px;
			}

		.main-menu li a
			{
				line-height: 40px !important;
				padding: 0 30px 0 20px !important;
				white-space: nowrap;
				border-radius: 0;
				color: rgba(255, 255, 255, .9) !important;
				box-shadow: none !important;
				transition: none;
			}

		.main-menu .popup li.active svg
			{
				left: 25px;
				top: 15px;
			}

		.main-menu>ul>li
			{
				margin-right: 0;
			}

		.main-menu:hover
			{
				background-color: #000;
			}

		.main-menu:hover .menu
			{
				display: block;
			}

		.main-menu:hover>svg
			{
				fill: #fff;
			}

		.desktop .main-menu li:hover>a, .main-menu li.tap>a
			{
				color: #fff !important;
				background-color: #0072d6;
			}

		.main-menu li>a>b
			{
				display: inline-block;
				position: relative;
				font-size: 11px;
				top: -10px;
				right: 0;
				margin-right: -8px;
				line-height: 16px;
				min-width: 8px;
				padding: 0 4px;
			}

		.desktop .main-menu li:hover>a>b, .main-menu li.tap>a>b
			{
				color: #0072d6;
				background: #fff;
			}

		main
			{
				padding: 120px 40px 60px 40px !important;
				margin-bottom: 0 !important;
			}

		article h1
			{
				font-size: 200%;
				line-height: 1.25em;
			}

		article h2
			{
				font-size: 166.666666%;
				line-height: 1.5em;
			}

		.results-list .item .head
			{
				height: 64px;
			}

		.results-list .name
			{
				left: 62px;
				right: 90px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

		.results-list .info p b
			{
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				display: inline-block;
				vertical-align: text-top;
				max-width: 100%;				
			}

		.tests-list
			{
				margin-top: 24px;
			}

		.tests-list .identifier
			{
				left: 100px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				text-align: right;
			}

		.results-list .age
			{
				left: 20px;
			}

		.results-list .test
			{
				top: 35px;
				right: 20px;
				line-height: 20px;
				font-size: 12px;
			}

		.results-list .date
			{
				top: 35px;
				line-height: 20px;
				font-size: 12px;
				color: #5f686c;
			}

		.create-test
			{
				padding: 6px 20px !important;
				font-size: 15px;
			}

		.e-file
			{
				font-size: 14px;
				line-height: 1.5em;
			}

		.tests
			{
				flex-wrap: wrap;
			}

		.tests .item
			{
				max-width: 200px;
				flex: revert;
			}

		.tests .item .score
			{
				top: 94px;
				font-size: 44px;
				line-height: 1.5em;
			}

	}

@media only screen and (max-width: 720px)
	{

		header .userline
			{
				right: 0 !important;
			}

		header .userline div
			{
				border-bottom-right-radius: 0;
			}

		.main-menu
			{
				left: 0;
			}

		.main-menu .menu
			{
				border-bottom-left-radius: 0;
			}

		main
			{
				padding: 100px 20px 40px 20px !important;
				margin-bottom: 0 !important;
			}

		.pages
			{
				margin-top: 1.5em;
			}

		.pages .prev, .pages .next
			{
				display: none;
			}

	}

@media only screen and (max-width: 640px)
	{

		header .wrapper, footer .wrapper
			{
				padding-left: 20px;
				padding-right: 20px;
			}

		main
			{
				max-width: auto;
				padding: 20px;
				padding: 100px 20px 40px 20px !important;
				margin-bottom: 0 !important;
			}

		.copyrights
			{
				text-align: center;
				margin-top: 1.3em;
			}

		.e-first, .e-second, .e-third, .e-fourth
			{
				width: 100% !important;
			}

		.e-second, .e-third, .e-fourth
			{
				margin-top: 1.5em;
			}

		article img[style*="float"]
			{
				float: none !important;
				width: auto !important;
				margin: 0 auto 1.3em auto !important;
				display: block;
			}

		.form.modal .wrapper
			{
				width: auto;
				left: 20px;
				right: 20px;
				margin-left: 0;
				padding-top: 30px;
			}

		.form.modal h3
			{
				padding-left: 30px;
			}

		.form p
			{
				margin-top: 15px;
			}

		.form.modal h4, .form.modal p
			{
				margin-left: 30px;
				margin-right: 30px;
			}

		.form.modal .submit
			{
				margin: 30px;
			}

		article h1
			{
				font-size: 175%;
				line-height: 1.3em;
			}

		body>.alert p
			{
				width: auto;
				margin-left: 0;
				margin-top: 0;
				left: 20px;
				right: 20px;
				padding: 30px 26px;
			}

		.account-settings, .account-info, .form-wrapper
			{
				padding: 30px;
			}

		.results-list .item .info
			{
				padding: 20px;
			}

		.tests-list .link i
			{
				display: none;
			}

		.signin
			{
				position: absolute;
				left: 20px;
				right: 20px;
				top: 50%;
				margin-left: 0;
				width: auto;
			}

		.signin .form-wrapper
			{
				max-width: inherit;
			}

		#registration-form .submit
			{
				display: block;
				clear: both;
				text-align: center;
				padding-left: 10px !important;
				padding-right: 10px !important;
			}

		.test-cost
			{
				margin-left: 30px;
				margin-right: 30px;
			}

		.tests-list .test
			{
				font-size: 0;
				line-height: 22px;
			}

		.tests-list .test b
			{
				top: 2px;
			}

		.groups-page header .logo a, .groups-page header .logo span
			{
				left: 20px !important;
			}

	}

@media only screen and (max-width: 500px)
	{

		.results-list .item .info p
			{
				font-size: 11px;
				line-height: 1.5em;
			}

		.results-list .item .info b
			{
				font-size: 15px;
				line-height: 1.5em;
				display: block;
				text-transform: none !important;
			}

	}

@media only screen and (max-width: 360px)
	{

		body>.alert p
			{
				font-size: 14px;
				line-height: 1.5em;
			}

		.account-settings, .account-info
			{
				padding: 20px;
			}

		.create-test b
			{
				display: none;
			}

	}

/* ! print */

.e-print
	{
		display: none;
	}

@media print
	{

		header, footer, nav, iframe, audio, video, .pages, .print, .userline, .form, .e-btn, .e-no-print,
		.search, .copy, .edit, .password-change-wrapper, .tests-list .options, .tests-list .settings, .csv
			{
				display: none !important;
			}

		.e-print
			{
				display: block !important;
			}

		main
			{
				width: 1000px;
			}

		article
			{
				width: 100% !important;
			}

		*
			{
				background: none !important;
				color: #000 !important;
				box-shadow: none !important;
			}

		a, a *
			{
				color: #0072d6 !important;
			}

		#system-page main
			{
				padding: 0 !important;
				margin: 0 auto !important;
			}

		.tests-list .identifier
			{
				right: 20px;
			}

		.results-list .item, .tests-list .item, .results-list .item .info
			{
				border-color: #ccc;
			}

		.account-info, .results-list, .tests-list
			{
				border: 1px solid #ccc;
			}

		.e-file ins i
			{
				background: #fff !important;
			}

		.tests-list .test b, .results-list .score.invalid
			{
				color: orangered !important;
			}

		.tests-list .status-1 .test b, .tests-list .status-2 .test b
			{
				color: forestgreen !important;
			}

		.tests-list .identifier, .results-list .test
			{
				color: #5f686c !important;
			}

		.results-list .item .female
			{
				color: darkviolet !important;
			}
		
		.results-list .item .male
			{
				color: royalblue !important;
			}

		.results-list .item .male svg
			{
				fill: royalblue !important;
			}

		.results-list .item .female svg
			{
				fill: darkviolet !important;
			}

	}