@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i&subset=latin,cyrillic);
@import url(/lib/styles/fancybox.css);

/* 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="password"], input[type="submit"], input[type="tel"], input[type="email"], 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;
	}

body, input, textarea, select
	{
		font-size: 16px;
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
		line-height: 1.2em;
		color: #263238;
	}

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="password"], input[type="submit"], input[type="tel"], input[type="email"], textarea, select
	{
		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 iframe, article object, article embed
	{
		width: 100%;
		display: block;
		position: relative;
		z-index: 1;
	}

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 strong, article b, article th
	{
		font-weight: 600;
	}

article p
	{
		z-index: 1;
	}

article h1 {margin: 1.2em 0 0 0; clear: both;}
article h2 {margin: 1.2em 0 0 0; clear: both;}
article h3 {margin: 1.2em 0 0 0;}
article h4 {margin: 1.2em 0 -1em 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
	{
		margin-top: 1.2em;
	}

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: #263238; font-weight: 400;}
a {color: #0288d1;}
.desktop a:hover, a.tap {color: #f57f17;}
article small {color: #546e7a;}
article th {color: #fff; background-color: #263238;}
article td, article th {border-color: #263238;}
article hr, article .hr {border-color: #263238;}
article pre {border-color: #546e7a;}
article .e-gray {color: #546e7a;}
article .img-descr-wrap span {color: #546e7a;}

/* FONTS */

article h1 {font-size: 200%; line-height: 1.2em;}
article h2 {font-size: 150%; line-height: 1.2em;}
article h3 {font-size: 125%; line-height: 1.2em;}
article h4 {font-size: 115%; line-height: 1.2em;}
article p {font-size: 100%; line-height: 1.2em;}
article li {font-size: 100%; line-height: 1.2em;}
article small {font-size: 90%; line-height: 1.2em;}
article big {font-size: 110%; line-height: 1.2em;}
article pre {font-size: 90%; line-height: 1.2em;}
article code {font-size: 90%; line-height: 1.2em;}
article table {font-size: 100%; line-height: 1.2em;}
article .img-descr-wrap span {font-size: 75%; line-height: 1.4em;}

/* SELECT */

header, footer, aside, nav, .pages, .timeline, .e-btn, .fancybox-title, #alert, .form, .tests .item .head, .regions .item .head
	{
		-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, .langs a, .main-menu .popup li a, .submenu a, .e-btn, .buy-tests form div, article .sign-in .in, 
#signin-form .restore, .tests .head .title span, .choose .agent .info
	{
		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		-ms-transition: all .25s;
		-o-transition: all .25s;
		transition: all .25s;
	}

.pages a, .navigate a
	{
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		-ms-transition: all 0s;
		-o-transition: all 0s;
		transition: all 0s;
	}

/* BORDERS */

input[type="text"], input[type="password"], input[type="submit"], input[type="tel"], input[type="email"], textarea, select, .fancybox-error, .fancybox-image,
aside .wrapper, aside h3, .main-menu, .main-menu .menu, .main-menu li a, .main-menu .popup ul, .e-btn, #alert p, .form .wrapper, .form i,
.box, .tests .item .head, .tests .item .info, .buy-tests form div, .recommendations p, .agent-info, .choose .agent .info, #registration-form,
#passw-form, #restore-form, .tests .recommends, .tests .client-message, .regions .item .head, .regions .item .content
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

article img, .social a, .share a, .pages a, .pages span, .navigate a, .navigate span, .langs a, .langs span, .google-map .zoom
	{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

/* WRAPPER */

main, header .wrapper, footer .wrapper, .main-menu .menu
	{
		position: relative;
		margin: 0 auto;
		width: 944px;
	}

#content-page main
	{
		overflow: hidden;
	}

/* MAIN */

main
	{
		display: block;
		padding: 60px 0;
		clear: both;
	}

/* HEADER */

header
	{
		clear: both;
		background: #4caf50 url(/lib/media/header.svg) center top no-repeat;
		background-size: 2200px 200px;
		padding-bottom: 42px;
	}

header .wrapper
	{
		height: 158px;
	}

/* LOGO */

header .logo a, header .logo span
	{
		display: block;
		overflow: hidden;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -140px;
		margin-top: -46px;
		height: 0;
		width: 280px;
		padding-top: 92px;
		background: url(/lib/media/logo.svg) left top no-repeat;
		z-index: 10;
	}

/* LANGS */

.langs
	{
		list-style: none;
		position: absolute;
		right: 0;
		top: 20px;
	}

.langs li
	{
		float: left;
		margin-left: 7px;
	}

.langs a, .langs span
	{
		display: block;
		text-decoration: none;
		font-size: 75%;
		line-height: 1.4em;
		color: #fff;
		padding: 0 .2em;
		border: 1px solid transparent;
	}

.langs li span
	{
		background-color: #fff;
		border-color: #fff;
		color: #263238;
	}

.desktop .langs a:hover, .langs a.tap
	{
		color: #fff;
		border-color: rgba(255, 255, 255, .75);
	}

/* MENU */

.main-menu
	{
		position: relative;
		font-size: 110%;
		height: 2.4em;
		margin-top: -2.4em;
		z-index: 20;
		text-align: center;
	}

.main-menu:before
	{
		content: "";
		display: block;
		width: 40px;
		height: 40px;
		background: url(/lib/media/ui.svg) -4px -5px no-repeat;
		position: absolute;
		left: 2px;
		top: -1px;
		display: none;
	}

.main-menu .menu
	{
		list-style: none;
		overflow: visible;
	}

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

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

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

.main-menu li a
	{
		display: block;
		overflow: hidden;
		position: relative;
		text-decoration: none;
		color: #fff;
		line-height: 2.4em;
		padding: 0 16px;
		font-weight: 600;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

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

.main-menu li.active>a
	{
		background-color: #fff;
		color: #263238 !important;
	}

.desktop .main-menu .popup:hover>a, .main-menu .popup.hover>a
	{
		background-color: #37474f;
		color: #fff !important;
	}

.main-menu .popup ul
	{
		position: absolute;
		padding: 10px 0;
		left: 0;
		top: 2.4em;
		background-color: #37474f;
		-webkit-border-top-right-radius: 0;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-topleft: 0;
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		display: none;
		z-index: 100;
	}

.main-menu .popup.round>ul
	{
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;
	}

.desktop .main-menu .popup:hover ul, .main-menu .popup.hover ul
	{
		display: block;
	}

.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:after
	{
		content: "";
		display: inline-block;
		width: 8px;
		height: 5px;
		margin-left: 5px;
		vertical-align: middle;
		background: url(/lib/media/ui.svg) -164px -262px no-repeat;
	}

.main-menu .popup.active>a:after
	{
		background-position: -164px -310px;
	}

.desktop .main-menu .popup.active:hover>a:after, .main-menu .popup.active.hover>a:after
	{
		background-position: -164px -262px;
	}

.main-menu .popup li a
	{
		color: rgba(255, 255, 255, .75);
		font-size: 85%;
		font-weight: 400;
		line-height: 1.2em;
		padding: .4em 16px .4em 16px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		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;
	}

/* SITEMAP */

.sitemap ul
	{
		list-style: none;
		padding-left: 0;
		font-weight: 600;
	}

.sitemap ul ul
	{
		padding-left: 1.8em;
		list-style: square;
		font-weight: 400;
	}

.sitemap li
	{
		padding: .4em 0;
	}

.sitemap ul ul li
	{
		padding: .2em 0;
	}

.sitemap ul ul li:last-child
	{
		padding-bottom: 0;
	}

/* FOOTER */

footer
	{
		clear: both;
		position: relative;
		z-index: 10;
/* 		background-color: #eceff1; */
		background-color: #f4f5f7;
	}

footer .wrapper
	{
		padding: 134px 0 40px 0;
	}

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

footer .cards
	{
		position: absolute;
		right: 0;
		bottom: 40px;
		width: 125px;
		height: 32px;
	}

footer .giuntios
	{
		height: 48px;
		position: absolute;
		left: 0;
		top: 47px;
	}

footer .support
	{
		position: absolute;
		right: 0;
		top: 44px;
	}

footer .support small
	{
		display: block;
		text-align: right;
		font-size: 75%;
		line-height: .75em;
		color: #546e7a;
		text-transform: lowercase;
	}

footer .support a
	{
		font-size: 34px;
		line-height: 1em;
		font-weight: 600;
		text-decoration: none;
		color: #37474f !important;
		cursor: default;
	}

footer .support a span
	{
		font-weight: 400;
		font-size: 28px;
	}

/*
footer .wrapper:after
	{
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 116px;
		background: #cfd8dc;
		height: 1px;
	}
*/

/* COPYRIGHTS */

.copyrights
	{
		font-size: 75%;
		line-height: 1.4em;
		color: rgba(0, 0, 0, .5);
		color: #546e7a;
	}

.copyrights small
	{
		display: block;
	}

.copyrights a
	{
		color: rgba(0, 0, 0, .5);
		text-decoration: none;
		color: #546e7a;
	}

.desktop .copyrights a:hover, .copyrights a.tap
	{
		color: rgba(0, 0, 0, .5);
		text-decoration: underline;
		color: #546e7a;
	}

/* SOCIAL */

.social
	{
		float: right;
		overflow: hidden;
		font-size: 0;
		height: 32px;
	}

.social a
	{
		display: inline-block;
		float: left;
		width: 32px;
		height: 0;
		padding-top: 32px;
		overflow: hidden;
		margin-left: 7px;
		background-image: url(/lib/media/social.png);
		background-repeat: no-repeat;
		background-color: #fff;
	}

.social a:first-child
	{
		margin-left: 0;
	}

.social .facebook {background-position: 0 0;}
.social .twitter {background-position: -32px 0;}
.social .google {background-position: -64px 0;}
.social .youtube {background-position: -96px 0;}
.social .instagram {background-position: -128px 0;}
.social .vk {background-position: -160px 0;}
.social .rss {background-position: -192px 0;}

/* ASIDE */

aside
	{
		float: right;
		width: 240px;
	}

aside .wrapper
	{
		margin-top: 20px;
		background-color: #eceff1;
	}

aside .wrapper:first-child
	{
		margin-top: 0;
	}

.fixed aside
	{
		position: fixed;
		top: 60px;
		z-index: 2;
	}

aside h3
	{
		color: #fff;
		background-color: #546e7a;
		line-height: 1.2em;
		font-size: 100%;
		font-weight: 600;
		padding: .5em 16px;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		cursor: default;
	}

/* SUBMENU */

.submenu
	{
		list-style: none;
		padding: 10px 0;
	}

.submenu a
	{
		display: block;
		padding: .4em 16px;
		font-size: 90%;
		line-height: 1.2em;
		font-weight: 400;
		text-decoration: none;
		color: #263238 !important;
	}

.desktop .submenu li:hover>a, .submenu li.tap>a
	{
		background: rgba(0, 0, 0, .05);
	}

.submenu li.active>a
	{
		color: rgba(38, 50, 56, .5) !important;
	}

/* ARTICLE */

#content-page article
	{
		float: left;
		width: 664px;
	}

/* COLUMNS */

.e-box2col, .e-box3col, .e-box4col
	{
		overflow: hidden;
	}

.e-first, .e-second, .e-third, .e-fourth
	{
		float: left;
		margin-right: 4%;
	}

.e-box2col .e-second, .e-box3col .e-third, .e-box4col .e-fourth
	{
		float: right;
		margin-right: 0;
	}

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

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

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

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

/* PHOTOS */

.e-photo
	{
		overflow: hidden;
		margin-left: -20px;
		margin-bottom: -20px;
	}

.e-photo a
	{
		font-size: 0;
	}

.e-photo img
	{
		display: inline-block;
		vertical-align: top;		
		background: #fff;
		margin: 0 0 20px 20px;
		font-size: 0;
	}

/* IMAGE DESCR */

.img-descr-link
	{
		text-decoration: none;
		border: none;
	}

.img-descr-wrap
	{
		display: inline-block;
	}

.img-descr-wrap img
	{
		display: block;
	}

.img-descr-wrap span
	{
		padding: .4em 0;
		text-align: center;
		float: left;
		display: none;
	}

/* MORE */

.e-content
	{
		position: relative;
		overflow: hidden;
		max-height: 300px;		
	}

.e-content.hidden:after
	{
		content: "";
		display: block;
		position: absolute;
		height: 100px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	}

.e-content.show
	{
		max-height: inherit;
	}

.e-more
	{
		display: none;
		cursor: pointer;
		line-height: 1em;
		color: #0288d1;
		border-bottom: 1px dashed rgba(2, 136, 209, .75);
	}

.e-more.show
	{
		display: inline-block;
	}

.desktop .e-more:hover, .e-more.tap
	{
		color: #f57f17;
		border-color: rgba(245, 127, 23, .75);
	}

/* EXTERNAL LINKS */

article a.external:after
	{
		content: "";
		display: inline-block;
		width: 6px;
		height: 5px;
		background: url(/lib/media/ui.svg) -69px -406px no-repeat;
		vertical-align: top;
	}

/* PAGES */

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

.pages a, .pages span
	{
		display: block;
		float: left;
		border: 1px solid rgba(2, 136, 209, .75);
		color: #0288d1;
		line-height: 30px;
		padding: 0 6px;
		min-width: 18px;
		margin-right: 7px;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
	}

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

.pages a.larr, .pages a.rarr
	{
		height: 0;
		padding-top: 30px;
		background: url(/lib/media/ui.svg) -10px -105px no-repeat;
	}

.pages a.rarr
	{
		background-position: -56px -105px;
	}

.desktop .pages a.rarr:hover, .pages a.rarr.tap
	{
		background-position: -56px -153px;
	}

.desktop .pages a.larr:hover, .pages a.larr.tap
	{
		background-position: -10px -153px;
	}

.desktop .pages a:hover, .pages a.tap
	{
		color: #f57f17;
		border-color: rgba(245, 127, 23, .75);
	}

/* NAVIGATE */

.navigate
	{
		margin-top: 40px;
		overflow: hidden;
		clear: both;
	}

.navigate a, .navigate span
	{
		display: block;
		float: left;
		border: 1px solid rgba(2, 136, 209, .75);
		color: #0288d1;
		line-height: 30px;
		padding: 0 6px;
		min-width: 18px;
		margin-right: 7px;
		text-decoration: none;
		text-align: center;
		overflow: hidden;
		height: 0;
		padding-top: 30px;
		background: url(/lib/media/ui.svg) -10px -105px no-repeat;
	}

.navigate span
	{
		color: #bbb !important;
		border-color: #bbb !important;
		cursor: default;
	}

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

.navigate .right
	{
		background-position: -56px -105px;
	}

.desktop .navigate .right:hover, .navigate .right.tap
	{
		background-position: -56px -153px;
	}

.desktop .navigate .left:hover, .navigate .left.tap
	{
		background-position: -10px -153px;
	}

.navigate span.right
	{
		background-position: -56px -201px !important;
	}

.navigate span.left
	{
		background-position: -10px -201px !important;
	}

.desktop .navigate a:hover, .navigate a.tap
	{
		color: #f57f17;
		border-color: rgba(245, 127, 23, .75);
	}

/* SHARE */

.share
	{
		display: block;
		float: right;
		position: relative;
		overflow: hidden;
		width: 0;
		height: 24px;
		padding-right: 24px;
	}

.share:after
	{
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 24px;
		height: 24px;
		background: url(/lib/media/ui.svg) -12px -348px no-repeat;		
	}

.desktop .share:hover, .share.hover
	{
		width: auto;
	}

.desktop .share:hover:after, .share.hover:after
	{
		background-position: -12px -396px;
	}

.share a
	{
		display: block;
		overflow: hidden;
		float: right;
		margin-right: 7px;
		width: 24px;
		height: 0;
		padding-top: 24px;
		background-image: url(/lib/media/social.png);
		background-repeat: no-repeat;
	}

.share .facebook {background-position: -0px -32px;}
.share .twitter {background-position: -24px -32px;}
.share .google {background-position: -48px -32px;}

/* FORM */

.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 .wrapper
	{
		position: absolute;
		overflow: hidden;
		background: #fff;
		width: 400px;
		left: 50%;
		top: 50%;
		margin-left: -200px;
		padding-top: 20px;
		-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);
	}

.form input[type="text"], .form input[type="password"], .form input[type="tel"], .form input[type="email"], .form textarea, .form select
	{
		border: 1px solid rgba(0, 0, 0, .25);
		display: block;
		width: 100%;
		padding: 4px;
	}

.form select
	{
		overflow: hidden;
		height: 29px;
		background: transparent;
		z-index: 3;
		font-size: 100%;
		line-height: 1.2em;
	}

.form .select-wrapper
	{
		display: block;
		background: #fff;
	}

.form i
	{
		position: absolute;
		right: 1px;
		bottom: 1px;
		width: 28px;
		height: 27px;
		z-index: 1;
		background: url(/lib/media/ui.svg) -154px -299px no-repeat;
	}

.form input[type="text"]:focus, .form input[type="password"]:focus, .form input[type="tel"]:focus, .form input[type="email"]:focus, .form textarea:focus, .form select:focus
	{
		border-color: rgba(0, 0, 0, .5);
	}

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

.form h3
	{
		margin-bottom: .6em;
		font-size: 150%;
		line-height: 1.2em;
	}

.form h4
	{
		margin: 1.2em 0;
		color: #546e7a;
	}

.form p
	{
		position: relative;
		margin-top: 10px;
		font-size: 90%;
		line-height: 1.2em;
	}

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

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

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

.form .close
	{
		position: absolute;
		overflow: hidden;
		width: 24px;
		height: 0;
		padding-top: 24px;
		right: 14px;
		top: 14px;
		z-index: 10;
		cursor: pointer;
		background: url(/lib/media/ui.svg) -108px -252px no-repeat;
	}

article .form .close
	{
		display: none;
	}

.form.modal h3
	{
		padding: 0 48px 8px 20px;
		font-size: 125%;
		line-height: 1.2em;
		margin-bottom: 0;
		z-index: 5;
	}

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

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

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

.desktop .form .close:hover, .form .close.tap
	{
		background-position: -108px -300px;
	}

/* ALERT */

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

#alert p
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 240px;
		margin-left: -140px;
		margin-top: 0;
		padding: 20px;
		font-size: 90%;
		line-height: 1.4em;
		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);
	}

/* BUTTON */

.e-btn
	{
		display: inline-block;
		position: relative;
		overflow: hidden;
		color: #fff !important;
		background-color: #0288d1 !important;
		padding: 0px 20px !important;
		line-height: 36px !important;
		text-decoration: none;
		cursor: pointer;
	}

.desktop .e-btn:hover, .e-btn.tap
	{
		background-color: #039be5 !important;
	}

.e-btn.light
	{
		line-height: 34px;
		border: 1px solid rgba(2, 136, 209, .75);
		background-color: transparent !important;
		color: #0288d1 !important;
	}

.desktop .e-btn.light:hover, .e-btn.light.tap
	{
		background-color: transparent !important;
		border-color: rgba(245, 127, 23, .75);
		color: #f57f17 !important;
	}

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

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

/* FANCYBOX */

.fancybox-title, .fancybox-title .child
	{
		font-size: 14px;
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
	}

/* MAP */

.google-map
	{
		width: 100%;
		height: 400px;
		position: relative;
	}

.google-map img
	{
		max-width: inherit !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

.google-map .zoom
	{
		margin: 20px;
		background-color: #fff;
		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateZ(0px);
	}

.google-map .zoom div
	{
		width: 24px;
		height: 28px;
		cursor: pointer;
		background: url(/lib/media/ui.svg) -12px -250px no-repeat;
	}

.google-map .zoom .out
	{
		background-position: -60px -250px;
	}

.google-map .zoom .separator
	{
		overflow: hidden;
		height: 1px;
		background: rgba(0, 0, 0, .1) !important;
		margin: 0 auto;
	}

.desktop .google-map .zoom .in:hover
	{
		background-position: -12px -298px;
	}

.desktop .google-map .zoom .out:hover
	{
		background-position: -60px -298px;
	}

/* 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: #e53935;
		color: #fff;
		font-family: Arial, sans-serif;
		font-size: 80px;
		line-height: 80px;
		text-align: center;
		cursor: default;
	}

#error-page p:before
	{
		content: "";
		position: absolute;
		left: 0;
		top: -60px;
		width: 80px;
		height: 0;
		border-bottom: 60px solid #e53935;
		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 #e53935;
		border-right: 60px solid transparent;
		border-left: 60px solid transparent;
	}

/* SIGN IN */

header .sign-in
	{
		position: absolute;
		right: 100px;
		top: 20px;
		font-size: 75%;
		font-weight: 400;
		line-height: 19px;
		color: #fff;
	}

header .sign-in span
	{
		cursor: pointer;
	}

header .sign-in a
	{
		color: #fff !important;
		text-decoration: none;
	}

.desktop header .sign-in span:hover, header .sign-in span.tap,
.desktop header .sign-in a:hover, header .sign-in a.tap
	{
		text-decoration: underline;
	}

header .sign-in small
	{
		color: rgba(255, 255, 255, .75);
	}

article .sign-in .in
	{
		color: #0288d1;
		cursor: pointer;
		border-bottom: 1px dotted rgba(2, 136, 209, .75);
		display: inline-block;
		line-height: 1em;
	}

.desktop article .sign-in .in:hover, article .sign-in .in.tap
	{
		color: #f57f17;
		border-bottom-color: rgba(245, 127, 23, .75);
	}

/* HOME */

#home-page .box
	{
		padding: 0;
		margin-bottom: 60px;
	}

#home-page .box>div
	{
		padding: 40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

#home-page .box .e-btn, .big-btn
	{
		display: block;
		text-align: center;
		background: #0288d1;
		line-height: 1.2em !important;
		padding-top: .6em !important;
		padding-bottom: .6em !important;
		font-size: 20px;
		padding-left: 10px !important;
		padding-right: 10px !important;
		letter-spacing: .01em;
		clear: both;
	}

.big-btn
	{
		margin: 0 auto;
		width: 260px;
		margin-bottom: 60px;
	}

#home-page .box .e-first
	{
		width: 56%;
		padding-right: 0 !important;
	}

#home-page .box .e-second
	{
		width: 40%;
		text-align: center;
	}

#home-page .img>div
	{
		display: table;
		height: 340px;
	}

#home-page .img .e-middle
	{
		display: table-cell;
		vertical-align: middle;
	}

.e-price
	{
		font-size: 14px;
		line-height: 1.2em;
		color: #546e7a;
	}

.e-price b
	{
		display: block;
		font-size: 25px;
		line-height: 1.2em;
		font-weight: 400;
		margin-top: .2em;
		color: #263238;
	}

.e-price a
	{
		color: #263238 !important;
		text-decoration: none;
	}

#home-page .img.right>div
	{
		height: 400px;
	}

#home-page .img.right .e-first
	{
		width: 60%;
		float: right;
		margin-left: 4%;
		margin-right: 0;
	}

#home-page .img.right .e-second
	{
		width: 34%;
		float: left;
	}

/* ROAD */

.road
	{
		width: 100%;
		position: relative;
		display: inline-block;
	}

.road .l-1
	{
		width: 100%;
		display: block;
	}

.road .l-2, .road .l-3
	{
		display: block;
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

.road img
	{
		display: block;
	}

#content-page .road
	{
		padding: 20px 0;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

/* TARGET */

.target
	{
		width: 100%;
		position: relative;
		display: inline-block;
	}

.target .l-1
	{
		width: 100%;
		display: block;
	}

.target .l-2, .target .l-3
	{
		display: block;
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

.target .l-2
	{
		z-index: 5;
	}

.target img
	{
		display: block;
	}

/* WINNER */

.winner
	{
		width: 100%;
		position: relative;
		display: inline-block;
	}

.winner .l-1
	{
		width: 100%;
		display: block;
	}

.winner .g-3, .winner .l-2, .winner .l-3, .winner .l-3-1, .winner .l-3-2, .winner .l-3-3
	{
		display: block;
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}

.winner .g-3
	{
		top: 15%;
	}

.winner img
	{
		display: block;
	}

/* PROGRESS */

.progress
	{
		position: relative;
		height: 180px;
		margin-left: 100px;
	}

.progress .l-1, .progress .l-2, .progress .l-3, .progress .l-4, .progress .l-5
	{
		position: absolute;
		top: 0;
		width: 88px;
		height: 88px;
		border: 6px solid #ffb300;
		background: #e0e0e0 url(/lib/media/progress.svg) left top no-repeat;
		background-size: 440px 176px;
		z-index: 10;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

.progress span
	{
		display: block;
		position: absolute;
		width: 200px;
		left: 50%;
		top: 104px;
		margin-left: -100px;
		text-align: center;
		font-size: 18px;
		line-height: 1.2em;
		cursor: default;
	}

.progress .line
	{
		position: absolute;
		width: 100%;
		height: 6px;
		background: #e0e0e0;
		top: 47px;
		left: 0;
		margin-left: -50px;
		z-index: 5;
	}

.progress .green
	{
		position: absolute;
		width: 0;
		height: 6px;
		background: #ffb300;
		top: 47px;
		left: 0;
		margin-left: -50px;
		z-index: 7;
	}

.progress .l-1 {left: 0; margin-left: -100px;}
.progress .l-2 {left: 25%; margin-left: -100px; background-position: -88px -88px;}
.progress .l-3 {left: 50%; margin-left: -100px; background-position: -176px -88px;}
.progress .l-4 {left: 75%; margin-left: -100px; background-position: -264px -88px;}
.progress .l-5 {left: 100%; margin-left: -100px; background-position: -352px -88px;}

.progress.step-2 .l-2, .progress.step-3 .l-2, .progress.step-4 .l-2, .progress.step-5 .l-2 {background-position: -88px 0;}
.progress.step-3 .l-3, .progress.step-4 .l-3, .progress.step-5 .l-3 {background-position: -176px 0;}
.progress.step-4 .l-4, .progress.step-5 .l-4 {background-position: -264px 0;}
.progress.step-5 .l-5 {background-position: -352px 0;}

.progress.step-1 .green {width: 0%;}
.progress.step-2 .green {width: 25%;}
.progress.step-3 .green {width: 50%;}
.progress.step-4 .green {width: 75%;}
.progress.step-5 .green {width: 100%;}

.progress.step-1 .l-2, .progress.step-1 .l-3, .progress.step-1 .l-4, .progress.step-1 .l-5,
.progress.step-2 .l-3, .progress.step-2 .l-4, .progress.step-2 .l-5,
.progress.step-3 .l-4, .progress.step-3 .l-5,
.progress.step-4 .l-5
	{
		border-color: #e0e0e0;
	}

.progress.step-1 .l-2 span, .progress.step-1 .l-3 span, .progress.step-1 .l-4 span, .progress.step-1 .l-5 span,
.progress.step-2 .l-3 span, .progress.step-2 .l-4 span, .progress.step-2 .l-5 span,
.progress.step-3 .l-4 span, .progress.step-3 .l-5 span,
.progress.step-4 .l-5 span
	{
		color: #e0e0e0;
	}

/* TESTS LIST */

.tests .item .head, .regions .item .head
	{
		padding: 8px 20px 8px 40px;
		line-height: 24px;
		background: #eceff1;
		margin-top: 10px;
		position: relative;
		z-index: 10;
		cursor: pointer;
		-webkit-transition: background .25s;
		-moz-transition: background .25s;
		-ms-transition: background .25s;
		-o-transition: background .25s;
		transition: background .25s;
		overflow: hidden;

	}

.tests .item .head:before
	{
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #b0bec5;
		left: 15px;
		top: 14px;
	}

.tests .item.green .head
	{
		background: #a5d6a7 !important;
	}

.tests .item.yellow .head
	{
		background: #ffe082 !important;
	}

.tests .item.yellow .head:before
	{
		background: #ffb300;
	}

.tests .item.green .head:before
	{
		background: #43a047;
	}

.tests .item .report
	{
		float: right;
		width: 34px;
	}

.tests .item .report a
	{
		content: "";
		display: block;
		overflow: hidden;
		width: 22px;
		height: 0;
		padding-top: 24px;
		background: url(/lib/media/download.svg) left top no-repeat;
		background-size: 22px 24px;
/* 		margin-top: 8px; */
		float: right;
	}

.tests .item .info, .regions .item .content
	{
		display: none;
		background: #f5f7f8;
		position: relative;
		top: -10px;
		padding: 50px 40px 40px 40px;
		z-index: 1;
	}

.tests .item .code
	{
		color: rgba(0, 0, 0, .25);
	}

.tests .item.hover .info, .regions .item.hover .content
	{
		display: block;
	}

.tests .item .head .title
	{
		color: #0288d1;
		border-bottom: 1px dotted rgba(2, 136, 209, .75);
		cursor: pointer;
		display: inline-block;
		line-height: 1em;
	}

.desktop .tests .item .head .title:hover, .tests .item .head .title.tap
	{
		color: #f57f17;
		border-bottom-color: rgba(245, 127, 23, .75);
	}

.tests .recommends, .tests .client-message
	{
		margin-top: 1.2em;
		display: block;
		font-size: 14px;
		line-height: 1.2em;
	}

.tests .test-passing
	{
		color: #546e7a;
		font-size: 14px;
		line-height: 1.2em;
	}

.tests .test-warning
	{
		color: #e53935;
		font-size: 13px;
		line-height: 1.2em;
		width: 60%;
	}

.tests .client-email
	{
		margin-top: 1.2em;
	}

.tests .client-email, .tests .client-phone
	{
		display: block;
		line-height: 1.4em;
	}

.empty
	{
		text-align: center;
		color: #546e7a;
	}

.desktop .tests .item .head:hover, .desktop .regions .item .head:hover
	{
		background: #e5e9ec;
	}

/* BUY TESTS */

.buy-tests
	{
		clear: both;
		overflow: hidden;
		margin-top: 40px;
		margin-bottom: 40px;
	}

.buy-tests .t-1, .buy-tests .t-5, .buy-tests .t-10
	{
		padding-left: 40px;
		width: 22%;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.buy-tests .t-1
	{
		padding-left: 0;
	}

.buy-tests .t-5
	{
		width: 38%;
	}

.buy-tests .t-10
	{
		width: 40%;
	}

.buy-tests .submit
	{
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		background: transparent !important;
		cursor: pointer;
	}

.buy-tests form div
	{
		background: #0288d1;
		padding: 20px 0;
		color: #fff !important;
		font-size: 18px;
		text-align: center;
		position: relative;
	}

.buy-tests form
	{
		position: relative;
	}

.buy-tests form div small
	{
		display: block;
		color: rgba(255, 255, 255, .75);
		font-size: 14px;
		padding-top: .2em;
	}

.buy-tests form div:before
	{
		content: "";
		background: url(/lib/media/tests.svg) -2px top no-repeat;
		background-size: 404px 84px;
		width: 64px;
		height: 84px;
		display: block;
		margin: 0 auto .3em auto;
	}

.buy-tests .t-5 form div:before
	{
		width: 152px;
		background-position: -70px 0;
	}

.buy-tests .t-10 form div:before
	{
		width: 176px;
		background-position: -226px 0;
	}

.desktop .buy-tests .t-1 form:hover div, .buy-tests .t-1 form.tap div,
.desktop .buy-tests .t-5 form:hover div, .buy-tests .t-5 form.tap div,
.desktop .buy-tests .t-10 form:hover div, .buy-tests .t-10 form.tap div
	{
		background: #039be5;
	}

/* CHOOSE CONSULTANT */

.choose
	{
		float: left;
		margin-top: 1em;
		padding-bottom: 20px;
	}

.list-title, #agent-form
	{
		clear: both;
	}

.list-title
	{
		color: #546e7a;
	}

#agent-form h4
	{
		
	}

.choose .agent
	{
		width: 100px;
		height: 140px;
		float: left;
		margin-right: 20px;
		margin-top: 20px;
		cursor: pointer;
		position: relative;
	}

.choose .agent img
	{
		position: relative;
		width: 88px;
		height: 88px;
		border: 6px solid transparent;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: 50;
	}

.desktop .choose .agent:hover img
	{
		border-color: #eceff1;
	}

.choose .agent.thisone img
	{
		border-color: #0288d1 !important;
	}

.choose .name
	{
		display: block;
		text-align: center;
		font-size: 15px;
		line-height: 1.2em
	}

.choose .city
	{
		display: block;
		text-align: center;
		font-size: 13px;
		line-height: 1.2em;
		color: #546e7a;
	}

.choose.online .city
	{
		display: none;
	}

.choose .info
	{
		display: none;
		position: absolute;
		top: 50px;
		left: 50%;
		margin-left: -120px;
		width: 200px;
		padding: 60px 20px 20px 20px;
		font-size: 14px;
		line-height: 1.2em;
		text-align: center;
		z-index: 10;
		background: #fff;
	}

.desktop .choose .agent:hover .info
	{
		display: block;
		box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, .25), 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-moz-box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, .25), 0px 0px 10px 0px rgba(0, 0, 0, .25);
		-webkit-box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, .25), 0px 0px 10px 0px rgba(0, 0, 0, .25);
	}

.desktop .choose .agent:hover
	{
		z-index: 100;
	}

.agent-info
	{
		margin-top: 1.2em;
		position: relative;
		padding: 20px 20px 20px 120px;
		min-height: 88px;
		background: #eceff1;
	}

.agent-info img
	{
		position: absolute;
		left: 20px;
		top: 20px;
		width: 88px;
		height: 88px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

.agent-info .name
	{
		font-weight: 600;
		font-size: 18px;
		line-height: 1.2em;
		display: block;
	}

.agent-info .city
	{
		display: block;
		color: #546e7a;
		font-size: 90%;
		line-height: 1.2em;
		padding-bottom: .75em;
	}

.agent-info .phone, .agent-info .skype
	{
		display: block;
	}

.e-agents-list .choose .agent img
	{
		border-color: #ffb300 !important;
	}

.e-agents-list .choose .agent
	{
		cursor: default;
	}

/* REPORT BTN */

.report-btn
	{
		padding-left: 50px !important;
	}

.report-btn:before
	{
		content: "";
		display: block;
		width: 22px;
		height: 24px;
		background: url(/lib/media/download.svg) left top no-repeat;
		background-size: 22px 24px;
		position: absolute;
		left: 18px;
		top: 6px;
	}

/* RECOMMENDATIONS */

.recommendations
	{
		margin-top: 40px;
	}

.recommendations p
	{
		background: #fff9c4;
		padding: 40px;
	}

/* AGENT NOTE */

.agent-note
	{
		background: #ffecb3;
		margin-bottom: 40px;
	}

/* LEVELS */

.level
	{
		display: block;
		position: absolute;
		right: 40px;
		top: 40px;
	}

.level .star
	{
		display: inline-block;
		width: 18px;
		height: 0;
		overflow: hidden;
		padding-top: 18px;
		background: url(/lib/media/star.svg) left top no-repeat;
		margin-right: 2px;
	}

.level .star:last-child
	{
		margin-right: 0;
	}

/* FORMS */

#registration-form
	{
		background: #eceff1;
		padding: 40px;
	}

#passw-form, #restore-form
	{
		background: #eceff1;
		padding: 40px;
		width: 400px;
		margin: 0 auto;
	}

#signin-form .restore
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 12px;
		line-height: 1.2em;
	}

#registration-password-wrapper
	{
		width: 50%;
		padding-right: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}

#registration-confirm-wrapper
	{
		width: 50%;
		padding-left: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
	}

/* BOX */

.box
	{
		background: #eceff1;
		padding: 40px;
		position: relative;
	}

.box .passw
	{
		font-size: 14px;
		line-height: 1.2em;
		display: block;
		position: absolute;
		right: 40px;
		bottom: 40px;
	}

.box .city
	{
		display: block;
		color: #546e7a;
	}

.box .phone, .box .email
	{
		display: block;
	}

.e-consultant-btn
	{
		line-height: 1.4em !important;
		padding-top: 7px !important;
		padding-bottom: 7px !important;
		margin-top: 20px;
		display: block;
		text-align: center;
	}

#custom-page .e-consultant-btn
	{
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}

/* PARTNERS */

.partners
	{
		clear: both;
		height: 76px;
		overflow: hidden;
		padding: 20px 70px;
		border-top: 1px solid #eceff1;
		position: relative;
		font-size: 0;
		background: #fff;
		z-index: 50;
	}

.partners img
	{
		display: inline-block;
		margin-bottom: 20px;
		width: 160px;
		height: 76px;
		overflow: hidden;
		position: relative;
	}

.partners .scroll-left, .partners .scroll-right
	{
		position: absolute;
		left: 0;
		bottom: 0;
		top: 0;
		width: 100px;
		z-index: 10;
	}

.partners .scroll-right
	{
		left: auto;
		right: 0;
	}

.partners .scroll-left svg
	{
		content: "";
		display: block;
		position: absolute;
		top: 26px;
		right: 33px;
		width: 32px;
		height: 64px;
		z-index: 10;
		fill: currentColor;
		color: #90a4ae;
	}

.partners .scroll-right svg
	{
		content: "";
		display: block;
		position: absolute;
		top: 26px;
		left: 33px;
		width: 32px;
		height: 64px;
		z-index: 10;
		fill: currentColor;
		color: #90a4ae;
	}

.partners .scroll-left.hide svg, .partners .scroll-right.hide svg
	{
		color: #eceff1;
	}

.partners .scroll-left:after
	{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 30px;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
		z-index: 5;
	}

.partners .scroll-right:after
	{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 30px;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
		z-index: 5;
	}

.partners .scroll
	{
		overflow: auto;
		height: 200px;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

.e-work
	{
		padding: 20px 15%;
	}

.tests-search
	{
		margin-bottom: -10px;
		position: relative;
	}

.tests-search input
	{
		padding: 10px 10px 10px 38px !important;
		font-size: 14px;
		line-height: 18px;
		height: 40px !important;
	}

.tests-search:after
	{
		content: "";
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		left: 0;
		top: 0;
		background: url(/lib/media/ui.svg) -148px -52px no-repeat;
		opacity: .75;
	}

.edit-report span
	{
		font-size: 14px;
		color: #0288d1;
		border-bottom: 1px dotted rgba(2, 136, 209, .75);
		cursor: pointer;
		display: inline-block;
		line-height: 1em;
	}

.desktop .edit-report span:hover, .edit-report span.tap
	{
		color: #f57f17;
		border-bottom-color: rgba(245, 127, 23, .75);
	}

.tests .phone
	{
		margin-right: 20px;
	}

.tests .group
	{
		white-space: nowrap;
		float: right;
	}

.tests .lnks
	{
		margin-top: 0 !important;
	}

.tests .test-contacts
	{
		margin-bottom: 24px;
	}

.base
	{
		margin-bottom: -40px;
		margin-left: -40px;
	}

.base .item
	{
		display: inline-block;
		vertical-align: top;
		width: 33.333333%;
		padding-left: 40px;
		margin-bottom: 40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.base .item>div
	{
		padding: 40px 20px 20px 20px;
		background: #eceff1;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

.base .item .image
	{
		display: table;
		text-align: center;
		width: 100%;
		height: 250px;
		padding: 0 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.base .item .image span
	{
		display: table-cell;
		vertical-align: middle;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.base .item .image img
	{
		display: block;
		margin: 0 auto;
		border: none;
		max-width: 100%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
		max-height: 250px;
	}

.base .item p
	{
		color: #546e7a;
		font-size: 14px;
		line-height: 1.2em;
		margin-bottom: 20px;
	}

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

.base-body
	{
		padding: 40px;
		background: #eceff1;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;
	}

.base-body .image
	{
		display: block;
		text-align: center;
		width: 300px;
		float: left;
	}

.base-body .image img
	{
		display: block;
		margin: 0 auto;
		border: none;
		max-width: 100%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, .15);
	}

.base-body .info
	{
		margin-left: 340px;
	}

.base-body .description
	{
		color: #546e7a;
	}

.base-body .form
	{
		margin-top: 1.2em;
	}

.base-body .form label
	{
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 1.2em;
	}

.buy-promo
	{
		margin-bottom: 40px;
		margin-left: -40px;
		overflow: hidden;
	}

.buy-promo>div
	{
		display: block;
		float: left;
		width: 50%;
		padding-left: 40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

.buy-promo .e-btn
	{
		display: block;
		text-align: center;
		line-height: 40px !important;
	}

/* UI */

.main-menu:before, .main-menu .popup>a:after, .pages a.larr, .pages a.rarr,
.navigate a, .navigate span, .share:after, .tags:before, .google-map .zoom div,
.form .close, .form i, article a.external:after
	{
		-webkit-background-size: 192px 432px;
		-moz-background-size: 192px 432px;
		background-size: 192px 432px;
	}

/* ! back to giunti */

.back-to-giunti
	{
		position: absolute;
		left: 0;
		top: 0;
		background-color: #0477bd;
		padding: 5px 10px;
		color: #fff !important;
		font-size: 12px !important;
		text-decoration: none !important;
		border-bottom-right-radius: 5px;
	}

.back-to-giunti img
	{
		vertical-align: middle;
		margin-left: 2px;
		width: 54px;
		height: 15px;
	}

@media only screen and (max-width: 1023px)
	{
		.back-to-giunti
			{
				display: none !important;
			}
	}

/* MOBILE */

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

		main, header .wrapper, footer .wrapper, .main-menu .menu
			{
				width: auto;
				padding-left: 40px;
				padding-right: 40px;
			}

		main
			{
				padding-top: 40px;
				padding-bottom: 40px;
				max-width: 688px;
			}

		.big-btn
			{
				margin-bottom: 40px;
			}

		header
			{
				padding-bottom: 0;
				background-image: none;
			}

		header .sign-in
			{
				right: 120px;
			}

		.langs
			{
				right: 40px;
			}

		.main-menu
			{
				width: 44px;
				height: 37px;
				position: absolute;
				left: 30px;
				top: 10px;
				margin-top: 0;
			}

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

		.main-menu .menu
			{
				display: none;
				width: auto;
				height: auto;
				position: absolute;
				left: 0;
				top: 37px;
				overflow: hidden;
				text-align: left;
				padding: 10px 0;
				background-color: #37474f;
				-webkit-border-top-left-radius: 0;
				-moz-border-radius-topleft: 0;
				border-top-left-radius: 0;
			}

		.main-menu .popup ul, .main-menu .popup>a:after
			{
				display: none !important;
			}

		.main-menu .menu li
			{
				float: none;
			}

		.main-menu li a
			{
				color: rgba(255, 255, 255, .75) !important;
				background-color: transparent !important;
				line-height: 2.2em;
				padding: 0 32px 0 20px !important;
				white-space: nowrap;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
			}

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

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

		.main-menu:hover
			{
				background-color: #37474f;
				-webkit-border-bottom-left-radius: 0;
				-webkit-border-bottom-right-radius: 0;
				-moz-border-radius-bottomleft: 0;
				-moz-border-radius-bottomright: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}

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

		article
			{
				width: auto !important;
				float: none !important;
			}

		aside
			{
				position: relative !important;
				top: 0 !important;
				left: 0 !important;
				margin-top: 40px;
				float: none;
				width: auto;
				clear: both;
			}

		#registration-form
			{
				padding: 20px;
			}
		
		.progress
			{
				width: auto;
				left: 0;
				margin-left: 50px;
				height: 100px;
			}

		.progress .l-1, .progress .l-2, .progress .l-3, .progress .l-4, .progress .l-5
			{
				width: 44px;
				height: 44px;
				background-size: 220px 88px;
				border-width: 3px;
			}

		.progress span
			{
				width: 80px;
				top: 54px;
				margin-left: -40px;
				font-size: 13px;
			}

		.progress .line, .progress .green
			{
				height: 3px;
				top: 24px;
				margin-left: -25px;
			}

		.progress .l-1 {margin-left: -50px;}
		.progress .l-2 {margin-left: -50px; background-position: -44px -44px;}
		.progress .l-3 {margin-left: -50px; background-position: -88px -44px;}
		.progress .l-4 {margin-left: -50px; background-position: -132px -44px;}
		.progress .l-5 {margin-left: -50px; background-position: -176px -44px;}
		
		.progress.step-2 .l-2, .progress.step-3 .l-2, .progress.step-4 .l-2, .progress.step-5 .l-2 {background-position: -44px 0;}
		.progress.step-3 .l-3, .progress.step-4 .l-3, .progress.step-5 .l-3 {background-position: -88px 0;}
		.progress.step-4 .l-4, .progress.step-5 .l-4 {background-position: -132px 0;}
		.progress.step-5 .l-5 {background-position: -176px 0;}

		#home-page .img
			{
				font-size: 95%;
			}

		#home-page .img>div
			{
				height: 300px;
			}
		
		#home-page .img.right>div
			{
				height: 320px;
			}

		footer .cards, footer .support
			{
				right: 40px;
			}

		footer .giuntios
			{
				left: 40px;
			}

		.base .item
			{
				width: 50%;
			}

		.base-body .image
			{
				width: 200px;
			}

		.base-body .info
			{
				margin-left: 240px;
			}

		.tests .test-warning
			{
				width: auto;
			}

	}

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

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

		main
			{
				max-width: auto;
				padding: 20px;
			}

		.big-btn
			{
				margin-bottom: 20px;
			}

		.main-menu
			{
				left: 10px;
			}

		header .sign-in
			{
				right: 100px;
			}

		header .logo a, header .logo span
			{
				margin-left: -102px;
				margin-top: -16px;
				width: 204px;
				padding-top: 67px;
				background-size: 204px 67px;
			}

		aside
			{
				margin-top: 20px;
			}

		.langs
			{
				right: 20px;
			}

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

		.social, .social a
			{
				float: none;
				text-align: center;
			}

		.pages .larr, .pages .rarr
			{
				display: none;
			}

		.pages, .navigate, .news>div
			{
				margin-top: 1.2em;
			}

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

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

		.e-photo
			{
				margin-left: 0;
				text-align: center;
			}
		
		.e-photo img
			{
				margin: 0 10px 20px 10px;
			}

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

		.img-descr-wrap
			{
				float: none !important;
				margin: 0 0 .5em 0 !important;
				max-width: 100%;
			}

		.img-descr-link
			{
				display: block;
				text-align: center;
			}

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

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

		.recommendations p
			{
				padding: 20px;
			}

		.progress
			{
				height: 51px;
			}

		.progress span
			{
				display: none;
			}

		#home-page .img>div
			{
				height: auto;
			}
		
		#home-page .img.right>div
			{
				height: auto;
			}

		#home-page .img h3
			{
				text-align: center;
				padding-top: 20px;
			}

		#home-page .img p
			{
				padding-bottom: 20px;
				text-align: center;
			}

		#home-page .box .e-first, #home-page .box .e-second
			{
				padding: 20px !important;
				text-align: center;
				margin-top: 0 !important;
			}

		#home-page .box
			{
				margin-bottom: 40px;
			}

		#passw-form, #restore-form
			{
				padding: 20px;
				width: auto;
			}

		.box, .box p
			{
				text-align: center !important;
			}

		.box, .agent-note
			{
				padding: 20px;
			}

		.agent-note
			{
				margin-bottom: 20px;
			}

		.buy-tests
			{
				margin: 0;
			}

		.buy-tests .t-1, .buy-tests .t-5, .buy-tests .t-10
			{
				width: auto !important;
				padding-left: 0 !important;
				float: none;
				margin-top: 20px;
			}

		.tests .item 
			{
				font-size: 90%;
			}

		.tests .item .head, .regions .item .head
			{
				padding: 8px 20px;
			}

		.tests .item .head::before, .tests .code, .tests .group
			{
				display: none;
			}

		.tests .item .info, .regions .item .content
			{
				padding: 30px 20px 20px 20px;
			}

		.level, .box .passw
			{
				position: static;
				margin-top: 1.2em;
			}

		#content-page .road
			{
				width: 100%;
			}

		#registration-password-wrapper, #registration-confirm-wrapper
			{
				width: 100%;
				padding-left: 0;
				padding-right: 0;
				float: none;
			}

		#custom-page .e-consultant-btn
			{
				margin-top: 20px;
				width: auto;
			}

		.partners .scroll-left, .partners .scroll-right
			{
				width: 80px;
			}

		.partners
			{
				padding: 20px 50px;
			}

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

		footer .cards, footer .support small
			{
				display: none;
			}

		footer .support, footer .giuntios
			{
				position: static;
				text-align: center;
			}

		footer .support a, footer .support a span
			{
				font-size: 24px;
				font-weight: 400;
			}

		footer .giuntios
			{
				margin: 28px auto 28px auto;
				display: block;
			}

		.e-work
			{
				padding: 20px 0;
			}

		.base
			{
				margin-bottom: -20px;
			}

		.base .item
			{
				width: 100%;
				margin-bottom: 20px;
			}

		.base-body
			{
				padding: 20px;
			}

		.base-body .image
			{
				width: auto;
				float: none;
				margin-bottom: 24px;
			}

		.base-body .info
			{
				margin-left: 0;
			}

		.buy-promo
			{
				margin-bottom: -20px;
			}
		
		.buy-promo>div
			{
				width: 100%;
				margin-bottom: 20px;
			}

	}

/* RETINA */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)
	{

		.social a, .share a
			{
				background-image: url(/lib/media/social-2x.png);
				-webkit-background-size: 256px 72px;
				-moz-background-size: 256px 72px;
				background-size: 256px 72px;
			}

	}

/* PRINT */

@media print
	{

		header, footer, aside, nav, iframe, .pages, .navigate, .timeline, .share, .tags, .e-btn, .form,
		.partners, .buy-tests, .box .passw
			{
				display: none !important;
			}

		main
			{
				width: 944px;
			}

		article
			{
				width: 100% !important;
			}

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

		a
			{
				color: #0288d1 !important;
			}

		.box
			{
				padding: 0 !important;
			}

	}