html, body, header, div, nav, a, ul, li, p, dl, dt, dd, h1, h3, h4, h5, 
form, fieldset, legend, input, label, span, select, option {
	margin: 0;
	padding: 0;
	border: 0;	
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

.test {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../GM_HOME.jpg) no-repeat 0 -58px;
	opacity: 0.5
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	font-family: 'open_sansregular';
}

.main_wrapper {
	padding-bottom: 87px;
}

.wrapper {
	position: relative;
	width: 1267px;
	margin: 0 auto;

}

.background {
	position: relative;
	min-height: 100%;
	background: rgb(73,182,224); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(73,182,224,1) 0%, rgba(159,219,249,1) 33%, rgba(174,224,249,1) 38%, rgba(186,229,251,1) 43%, rgba(186,229,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,182,224,1)), color-stop(33%,rgba(159,219,249,1)), color-stop(38%,rgba(174,224,249,1)), color-stop(43%,rgba(186,229,251,1)), color-stop(100%,rgba(186,229,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(73,182,224,1) 0%,rgba(159,219,249,1) 33%,rgba(174,224,249,1) 38%,rgba(186,229,251,1) 43%,rgba(186,229,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(73,182,224,1) 0%,rgba(159,219,249,1) 33%,rgba(174,224,249,1) 38%,rgba(186,229,251,1) 43%,rgba(186,229,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(73,182,224,1) 0%,rgba(159,219,249,1) 33%,rgba(174,224,249,1) 38%,rgba(186,229,251,1) 43%,rgba(186,229,251,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(73,182,224,1) 0%,rgba(159,219,249,1) 33%,rgba(174,224,249,1) 38%,rgba(186,229,251,1) 43%,rgba(186,229,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49b6e0', endColorstr='#bae5fb',GradientType=0 ); /* IE6-9 */
}

header {
	position: relative;
	border-top: 4px solid #e54e6b;
	background: #fff;
	z-index: 2;
}

	header:before {
		content: '.';
		position: absolute;
		top: 97%;
		left: 0;
		right: 0;
		height: 7px;
		width: 100%;
		background: url(../images/header_line.png) repeat-x;
		font-size: 0pt;
		text-indent: -9999px;
	}

	header .wrapper{
		height: 108px;
		width: 1226px;
	}


	header .wrapper:after {
		content: '.';
		position: absolute;
		top: 100%;
		right: 0px;
		width: 350px;
		height: 166px;
		background: url(../images/logos.png) no-repeat;
		background-size: contain;
		font-size: 0pt;
		text-indent: -9999px;
		z-index: -1;
	}

/*	.hm header .wrapper:after
	 {
	 	right: 100px;
	 }
*/

header .logo {
	float: left;
	margin: 16px 0 10px 0;
	width: 455px;
	height: 78px;
}

	header .social {
		float: right;
		margin: 6px 20px 30px 0;
	}

		header .social li {
			float: left;
			margin-left: 1px;
		}

		header .social li a {
			display: block;
			height: 26px;
			width: 27px;
			background: url(../images/socials_sprite.png) no-repeat 0 0;
			font-size: 0pt;
			text-indent: -9999px;
		}

		header .social li + li a {
			background-position: -59px 0;
		}

		header .social li + li + li a {
			
		}

	header .main_nav {
		float: right;
		clear: right;
	}

		header .main_nav li {
			float: left;
			position: relative;
			padding: 0 20px;
		}

		header .main_nav li + li:before {
			content: '.';
			position: absolute;
			left: 0;
			top: 50%;
			bottom: 0;
			margin-top: -9px;
			height: 17px;
			width: 2px;		
			background: #e54e6b;
			font-size: 0pt;
			text-indent: -9999px;
		}

			header .main_nav li a {
				font-family: 'open_sansbold';
				text-transform: uppercase;
				font-size: 22px;
				color: #000;
			}

			header .main_nav li:hover a,
			header .main_nav li.active a {
				color: #919191;
			}

footer {
	position: relative;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 16px 0;
	margin: 0 auto;
	background: #547586;
}

footer .foot {
	width: 1256px;
	margin: 0 auto;
	position: relative;
}

	footer > a {
		margin-right: 65px;
	}

		footer .footer_nav {
			display: inline-block;
			overflow: hidden;
		}

		footer .footer_nav > li {
			display: inline-block;
			margin-left: 35px;
			max-width: 90px;
			text-align: center;
			vertical-align: middle;
		}
		
			footer .footer_nav li a {
				display: block;
				text-transform: uppercase;
				font-family: 'open_sansregular';
				font-size: 10px;
				color: #fff;
				line-height: 12px;
			}

		footer .footer_nav > li.social {
			max-width: 100%;
		}

			footer .social li {
				float: left;
				margin-right: 10px;
			}

				footer .social li a {
					display: block;
					height: 26px;
					width: 27px;
					background: url(../images/socials_sprite.png) no-repeat 0 -37px;
					font-size: 0pt;
					text-indent: -9999px;
				}

				footer .social li + li a {
					background-position: -60px -37px;
				}
				
				footer .social li + li + li a {
					
				}

.max-width {
	margin: 0 auto;
	width: 100%;
	max-width: 1267px;
}

.hm .main_wrapper {
	overflow: hidden;
	position: relative;
	padding-bottom: 0;
}

.hm .main_wrapper:after {
	content: 'grass';
	position: absolute;
	bottom: 0;
	height: 187px;
	width: 100%;
	background: url(../images/grass.png) no-repeat bottom left;
	font-size: 0pt;
	text-indent: -9999px;
	z-index: -1;
}

.hm .home {
	min-height: 660px;
}

.grajdanko_home {
	position: absolute;
	bottom: 20px;
	max-width: 400px;
}

.grajdanko_home img {
	display: block;
	max-width: 100%;
	height: auto;
}

/*.hm footer {
	position: relative;
	top:150px;
}*/


.hm {
	background: url(../images/bgr_home.jpg) no-repeat 100% 0;
	background-size: cover;
}

	.home p {
		padding-top: 40px;
		color: #063249;
		font-family: 'open_sanssemibold';
		font-size: 22px;
	}
		.home p strong {
			font-family: 'open_sansbold';
		}

	.home .surveys {
		position: absolute;
		top: 20%;
		right: 0;
		width: 775px;	
	}

		.home .surveys li {
			position: absolute;
			top: 31px;
			left: 30px;
			width: 245px;
			height: 245px;
			background: url(../images/home_surveys.png) no-repeat 6px 46px;
			font-size: 0pt;
			text-indent: -9999px;
			transform: scale(0.6);
			-webkit-transform: scale(0.6);
			-moz-transform: scale(0.6);
		}

		.home .surveys li:hover {
			background-position: -4px -214px;
		}

		.home .surveys li + li {
			top: 200px;
			left: 176px;
			background-position: -247px 45px;
		}

		.home .surveys li + li:hover {
			background-position: -287px -244px;
		}

		.home .surveys li + li + li {
			top: -14px;
			left: 307px;
			background-position: -529px 49px;
		}

		.home .surveys li + li + li:hover {
			background-position: -537px -263px;
		}

		.home .surveys li + li + li + li {
			top: 100px;
			left: 500px;
			background-position: -824px 20px;
		}

		.home .surveys li + li + li + li:hover {
			background-position: -844px -260px;
		}

		.home .surveys li + li + li + li + li {
			top: 274px;
			left: 382px;
			width: 325px;
			background-position: -1156px 21px;
		}

		.home .surveys li + li + li + li + li:hover {
			background-position: -1156px -257px;
		}
		
			.home .surveys li a {
				display: block;
				width: 100%;
				height:100%;
			}

.content {
	width: 1162px;
	margin: 0 auto 80px auto;
	background: #fff;
	padding: 30px 25px 75px 60px;
	box-shadow: 0px 0px 10px 5px #b4c4ce;
}

	.quest {
		position: relative;
		padding-top: 40px;
	}

	img.grazhdanko {
		position: fixed;
		z-index: 11;
		bottom: 7px;
		left: 0px;
		/*height: 465px;*/
		width: 326px;
		width: 200px;

	}

		.quest h1 {
			margin-bottom: 17px;
			font-family: 'Sunday-Regular';
		}

		.note {
			padding: 10px;
			margin-bottom: 17px;
			width: 692px;
			font-family: 'open_sansregular';
			font-size: 16px;
			text-transform: uppercase;
			color: #454646;
			background: #fed945;
			border-radius: 3px;
		}

			.note strong {
				font-family: 'open_sansbold';
			}

		.quest dl.theme-block {
			position: relative;
			margin-bottom: 17px;
			border-radius: 3px;
			background: #419ece;
			overflow: hidden;
		}

		.quest dl.theme-block:after {
			content: '?';
			position: absolute;
			top: 0;
			right: 50px;
			font-family: 'open_sansbold';
			font-size: 170px;
			color: #fff;
			line-height: 105px;
		}

			.quest dl.theme-block dt {
				padding: 7px;
				font-family: 'open_sansbold';
				text-transform: uppercase;
				font-size: 16px;
				color: #fff;
				border-radius: 3px;
				background: #1162a7;
			}

			.quest dl.theme-block dd {
				padding: 5px 10px;
				width: 170px;
				font-family: 'open_sansbold';
				color: #fff;
				font-size: 16px;
				text-transform: uppercase;
			}

				.quest dl.theme-block dd span {
					display: inline-block;
					float: right;
					padding: 0 3px;
					width: 25px;
					text-align: right;
					font-size: 16px;
					color: #419ece;
					background: #fff;
					border-radius: 3px;
				}

		.quest .inner_wrapper {
			padding: 20px 16px;
			background: #e8edf0;
		}

			.quest .time_left {
				float: left;
				margin-right: 16px;
				width: 100px;
				height: 1100px;
			}

				.quest .time_left > span {
					display: block;
					text-align: center;
					text-transform: uppercase;
					font-size: 10px;
					font-family: 'open_sansregular';
					color: #1162a7;
					line-height: 10px;
				}

				.quest .time_left .column_wrapper {
					position: relative;
					margin: 10px auto;
					width: 64px;
					height: 100%;
					border: 2px solid #1162a7;
					border-radius: 5px;
					background: #fff;
				}

				.quest .time_left .column_wrapper .time {
					position: absolute;
					top: -30px;
					left: 0;
					right: 0;
					display: block;
					font-family: 'open_sansbold';
					font-size: 24px;
					color: #1162a7;
					text-align: center;
				}

				.quest .time_left .column_wrapper .column {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					width: 100%;
					height: 97%;
					background: #1162a7;
				}

			.quest .inner_wrapper fieldset {
				margin-bottom: 28px;
				padding: 30px 10px;
				background: #fff;
				border-radius: 3px;
			}

				.quest .inner_wrapper fieldset > label {
					display: block;
					margin-bottom: 30px;
					font-size: 24px;
					font-family: 'open_sansbold';
					color: #787879;
				}

				.quest .inner_wrapper fieldset div {
					padding-left: 85px;
					margin-bottom: 5px;
					position: relative;
					z-index: 5;
				}
					.quest .inner_wrapper fieldset div > label {
						padding: 3px;
						font-size: 24px;
						font-family: 'open_sansregular';
						color: #787879;
					}

					.quest .inner_wrapper fieldset div input:checked + label {
						background: #efefef;
					}

			.quest .quest-info {
				display: inline-block;
				padding: 16px 36px;
				margin: 0 0 60px 270px;
				background: #fff;
			}

				.quest .quest-info div {
					display: inline-block;
					vertical-align: middle;
				}

					.quest .quest-info div span {
						display: block;
						text-align: center;
		    			font-family: 'open_sansbold';
						text-transform: uppercase;
						color: #1162a7;
						font-size: 14px;
					}

					.quest .quest-info div span + span {
						display: block;
						padding: 5px;
						width: 50px;
						height: 30px;
						line-height: 36px;
						font-size: 36px;
						color: #fff;
						text-align: right;
						border-radius: 3px;
						background: #1162a7;
					}

				.quest .quest-info .end,
				.quest .quest-info .next,
				.quest .quest-info .start {
	    			display: inline-block;
	    			padding: 2px 20px;
	    			font-family: 'open_sansbold';
	    			font-size: 24px;
	    			text-transform: uppercase;
	    			text-align: center;
					border: 2px solid #1162a7;
					color: #1162a7;
					border-radius: 3px;
					vertical-align: bottom;
				}

				.quest .quest-info .next,
				.quest .quest-info .start {
					position: relative;
					border-right: none;
					z-index: 30;
					margin-right: 40px;
				}

				.quest .quest-info .start {

				}

				.quest .quest-info .next:after,
				.quest .quest-info .start:after {
					content: '.';
					position: absolute;
					top: -10px;
					right: -37px;
					height: 58px;
					width: 39px;
					background: url(../images/arrow_next.png) no-repeat;
					font-size: 0pt;
					text-indent: -9999px;
				}

.register_page > p {
	margin-bottom: 17px;
	width: 740px;
	font-family: 'open_sanssemibold';
	font-size: 19px;
	color: #063249;
}

	.register_page > p strong {
		font-family: 'open_sansbold';
	}

	.register_page h3 {
		margin: 0 0 5px 30px;
		font-family: 'open_sansbold';
		text-transform: uppercase;
		font-size: 24px;
		color: #4696c8;
	}

	.register_page .note {
		margin-left: 20px;
		font-size: 12px;
		width: 360px;
		color: #767676;
	}

	.left-side {
		float: left;
		padding: 7px 10px 20px 20px;
		width: 700px;
	}
	
	.register {
		background: #e8edf0;
		border-radius: 3px;
	}

		.register p {
			font-size: 12px;
			color: #767676;
		}

			.register p > span {
				font-family: 'open_sansbold';
				color: #4696c8;
			}

		.register fieldset {
			position: relative;
			margin-top: 17px;
		}

		.register fieldset label {
			display: block;
			font-family: 'open_sanssemibold';
			font-size: 20px;
			color: #767676;
		}

		.select {
			position: relative;
			display: inline-block;
			width: 47%;
		}

		#id_locations_autocomplete,
		#id_locations_outside_autocomplete {
			position: relative;
			display: inline-block;
			width: 44%;
			margin-right: 2%;
			height: 26px;
			border: 1px solid #bebebe;
			font-family: 'open_sanssemibold';
			font-size: 12px;
			color: #767676;
			padding-left:1%;
			box-shadow: inset 0px 1px 3px rgba(0,0,0,.3);
		}

			.select p {
				position: relative;
				padding: 3px 10px;
				border: 1px solid #bebebe;
				background: #fff;
				border-radius: 4px;
				font-family: 'open_sanssemibold';
				font-size: 12px;
				color: #767676;
				box-shadow: inset 0px 1px 3px rgba(0,0,0,.3);
				cursor: pointer;
			}

			.select p:before,
			.select p:after {
				content: '.';
				position: absolute;
				top: 1px;
				right: 1px;
				width: 26px;
				bottom: 0px;
				border-left: 1px solid #bebebe;
				background: #ffffff;
				background: -moz-linear-gradient(top,  #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#dcdcdc 100%); /* W3C */
				font-size: 0pt;
				text-indent: -9999px;
			}

			.select p:hover:before {
				background: #dcdcdc; /* Old browsers */
				background: -moz-linear-gradient(top,  #dcdcdc 0%, #ffffff 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #dcdcdc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
				background: linear-gradient(to bottom,  #dcdcdc 0%,#ffffff 100%); /* W3C */
			}

			.select p:after {
				background: url(../images/dropdown_arrows.png) no-repeat -1px -2px;
			}

			.select ul {
				display: none;
				position: absolute;
				top: 100%;
				left: 0;
				right: 0;
				background: #fff;
				border: 1px solid #bebebe;
				border-top: 0;
				border-bottom-right-radius: 4px;
				border-bottom-left-radius: 4px;
				border-radius: 4px;
				z-index: 20;
			}

				.select ul li {
					padding: 3px 10px;
					font-family: 'open_sanssemibold';
					color: #767676;
					font-size: 12px;
				}

				.select ul li:hover {
					background-color: #bebebe;
				}

		.register .col-2 {
			width: 100%;
		}

			.register .col-2 .select {
					width: 328px;
				}

				.register .col-2 .select:last-of-type {
					margin-left: 18px;
				}

	.register .info-box {
		position: relative;
		display: inline-block;
		z-index: 10;
	}

		.register .info-box span {
			display: inline-block;
			font-size: 10px;
			width: 14px;
			height: 14px;
			line-height: 14px;
			text-align: center;
			color: #fff;
			border-radius: 50%;
			background: #004891;
			cursor: pointer;
		}

		.register .info-box span:hover + .info {
			display: block;
		}

		.register .info-box .info {
			display: none;
			position: absolute;
			top: -35px;
			left: 100%;
			margin-left: 30px;
			padding: 10px;
			width: 285px;
			font-family: 'open_sansregular';
			font-size: 12px;
			color: #fff;
			background: #409ece;
		}

		.register .info-box .info:before {
			content: '.';
			position: absolute;
			left: -14px;
			top: 11px;
			height: 0;
			width: 0;
			border-top: 10px solid transparent;
			border-right: 14px solid #409ece;
			border-bottom: 10px solid transparent;
			font-size: 0pt;
			text-indent: -9999px;
		}

	.register button {
		margin-top: 40px;
		padding: 5px 10px;
		font-family: 'open_sansbold';
		text-transform: uppercase;
		color: #fff;
		background: #409ece;
		border-radius: 3px;
		border:0;
		box-shadow: 2px 2px 1px #3a4d57;
	}

	.right-side {
		float: right;
		margin-top: -39px;
		width: 410px;
		margin-left: 20px;
	}

	.tests ul {
		padding: 20px 15px;
		border-radius: 5px;
		background: #e8edf0;
	}

		.tests li {
			padding: 7px 20px 15px 10px;
			margin-bottom: 7px;
			text-align: center;
			background: url(../images/tests_list_sprite.png) no-repeat 0 0;
		}

		.tests li + li {
			background-position: 0 -54px;
		}

		.tests li + li + li {
			background-position: 0 -108px;
		}

		.tests li + li + li + li {
			background-position: 0 -108px;
		}

		.tests li + li + li + li + li{
			background-position: 0 -218px;
		}

			.tests li a {
				font-family: 'Sunday-Regular';
				color: #bfcbd2;
				font-size: 22px;
			}

			.tests li:hover {
				background-position: -400px 0;
			}

			.tests li + li:hover {
				background-position: -400px -54px;
			}

			.tests li + li + li:hover {
				background-position: -400px -108px;
			}

			.tests li + li + li + li:hover {
				background-position: -400px -108px;
			}

			.tests li + li + li + li + li:hover {
				background-position: -400px -218px;
			}

			.tests li:hover a {
				color: #fff;
			}

	.register.feedback {
		position: relative;
	}

		.register.feedback:after {
			content: '.';
			position: absolute;
			top: -275px;
			right: 0;
			height: 565px;
			width: 300px;
			background: url(../images/grazhdanko_error.png) no-repeat;
			font-size: 0pt;
			text-indent: -9999px;
		}

		.register.feedback > div {
			margin: 53px 0px 75px 0px;
			padding: 26px 26px 10px 26px;
			background: #fff;
			border-radius: 5px;		
		}

		.register.feedback > div p {
			text-transform: uppercase;
			font-family: 'open_sansbold';
			font-size: 22px;
		}

		.register.feedback > div.error p {
			color: #767676;
		}

	.button-left {
		display: inline-block;
		position: relative;
		padding: 5px 5px 5px 0;
		margin: 10px 0 10px 15px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		font-family: 'open_sansbold';
		text-transform: uppercase;
		color: #fff;
		border: 0;
		background: #3d9acb;
		border-bottom: 2px solid #3b4e57; 
	}

		.button-left:after, .button-left:before {
			right: 100%;
			top: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}

		.button-left:after {
			border-right-color: #3d9acb;
			border-width: 16px;
			margin-top: -16px;
		}

		.button-left:before {
			border-right-color: #3b4e57;
			border-width: 16px;
			margin-top: -14px;
		}	

		.register.feedback > div.success p {
			padding-bottom: 20px;
			color: #3d9acb;
			background: url(../images/arrow_right.png) no-repeat 530px 55px;
		}

.about , .media ,#contacts{
	position: relative;
	padding-bottom: 100px;
	margin-right: 60px;
}

.about:after, .media:after {
	content: '.';
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 10px;
	width: 100%;
	background: url(../images/section_separator.png) no-repeat;
	font-size: 0pt;
	text-indent: -9999px;
}

.about h1, .media h1, .contacts h1 {
	margin-top: 80px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
	font-family: 'open_sansbold';
	font-size: 48px;
	color: #1665a9;
}

	.media {
		padding: 0px 0 356px 0px;
	}

	.about h1, .media h1, #contacts h1 {
		position: relative;
		padding-top: 155px;
	}

	.about h1:before,.about h1:after, .media h1:before, .media h1:after, #contacts h1:before, #contacts h1:after {
		content: '.';
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -67px;
		height: 134px;
		width: 134px;
		background: #1665a9;
		border-radius: 50%;
	}

	.about h1:after, .media h1:after, #contacts h1:after {
		border-radius: 0;
		width: 143px;
		background: url(../images/grazhdanko_heading.png) no-repeat;
	}

.about p {
	font-family: 'open_sansregular';
	font-size: 19px;
	line-height: 36px;
	color: #383839;
	text-align: justify;
}

	.about p:first-of-type {
		margin-bottom: 30px;
		text-align: center;
	}


		.about p strong {
			font-family: 'open_sansbold'
		}

	.about a.top , .media a.top {
		position: absolute;
		display: block;
		bottom: 0px;
		right: 0px;
		padding-top: 25px;
		width: 33px;
		height: 40px;
		text-align: center;
		color: #1665a9;
		font-family: 'open_sanssemibold';
		font-size: 12px;
		background: url(../images/arrow_up.png) no-repeat;
	}

	.news li h3 a,
	.news li a.image {
		position: static;
		background: none;
		width: auto;
		height: auto;
		padding-top: 0;
	}

.contact_form {
	position: relative;
	width: 640px;
	margin: 0 auto;
}

.contact_form:after {
	content:'.';
	position: absolute;
	top: 5px;
	right: -113px;
	width: 302px;
	height: 423px;
	background: url(../images/grazhdanko_contacts.png) no-repeat;
	font-size: 0pt;
	text-indent: -9999px;
}

	.contact_form fieldset {
		padding: 15px;
		background: #e8edf0;
		border-radius: 5px;
	}

	.contact_form label {
		margin-left: 20px;
		font-family: 'open_sanssemibold';
		font-size: 24px;
		color: #063249;
	}

	.contact_form div {
		margin-bottom: 5px;
	}

	.contact_form div > label {
		display: inline-block;
		margin-left: 10px;
		font-size: 14px;
		width: 65px;
		color: #6b6d6e;
	}

	.contact_form div:last-of-type > label {
		display: block;
		margin-bottom: 10px;
	}

	.contact_form input {
		width: 350px;
		padding: 5px 10px;
		border: 2px solid #1565a8;
		border-radius: 5px;
	}

	.contact_form textarea {
		padding: 5px 10px;
		width: 430px;
		height: 196px;
		border: 2px solid #1565a8;
		border-radius: 5px;
		resize: none;
	}

	input.error,
	textarea.error {
		border-color: #dd0000 !important;
	}

	.contact_form button {
		margin: 10px 0 0 15px;
		text-transform: uppercase;
		font-family: 'open_sansbold';
		font-size: 24px;
		color: #1565a8;
		background: #fff;
		border: 2px solid #1565a8;
		border-radius: 5px;
	}

.contact_page > p {
	margin-bottom: 20px;
	font-family: 'open_sansbold';
	text-transform: uppercase;
	font-size: 18px;
	color: #1665a9;
	line-height: 30px;
}

	.contact_page > p a {
		display: inline-block;
		width: 133px;
		padding-top: 3px;
		padding-right: 15px;
		height: 42px;
		font-family: 'Sunday-Regular';
		text-align: center;
		color: #063249;
		font-size: 24px;
		background: url(../images/button_bgr.png) no-repeat;
	}

	.sharing {
		float: right;
		margin-right: 30px;
		padding: 15px 20px;
		width: 280px;
		margin-top: 245px;
		border-radius: 5px;
		background: #e8edf0;
	}

		.sharing span {
			display: block;
			font-family: 'open_sanssemibold';
			text-transform: none;
			font-size: 20px;
			color: #063249;
			text-align: center;
		}

		.sharing ul {
			margin: 10px 0;
			text-align: center;
		}

			.sharing li {
				display: inline-block;
				width: 45px;
				height: 45px;
				border-radius: 5px;
				background: #1665a9;
			}

			.sharing li a {
				display: block;
				height: 45px;
				width: 45px;
				background: url(../images/socials_sprite_big.png) no-repeat 11px 3px;
				font-size: 0pt;
				text-indent: -9999px;
			}

				.sharing li + li {
					margin-left: 5px;
				}

				.sharing li + li a {
					background-position: -96px 3px;
				}
			
				.sharing li + li + li a {
					
				}

.degree .left-side{
	position: relative;
	clear: both;
}

.degree .left-side:after {
	content: '.';
	position: absolute;
	top: -90px;
	right: 90px;
	height: 327px;
	width: 268px;
	background: url(../images/grazhdanko_degree.png) no-repeat;
	font-size: 0pt;
	text-indent: -9999px;
}

.degree .left-side.is_cert:after {
	background-image: url(../images/grazhdanko_contacts.png);
	width: 302px;
	height: 423px;
	right:0;
}

.degree p {
	margin-left: 30px;
	font-family: 'open_sanssemibold';
	font-size: 20px;
	color: #063249;
}

	.degree h1 {
		float: left;
		margin-top: 15px;
		margin-left: 60px;
		font-family: 'Sunday-Regular';
		font-size: 40px;
		letter-spacing: 10px;
		color: #063249;
	}

	.degree .top {
		margin-top: 20px;
		padding: 15px 0px 10px 40px;
		border-radius: 5px;
		background: #e8edf0;
	}

		.degree .top input {
			display: block;
			margin-bottom: 5px;
			padding: 5px 10px;
			width: 235px;
			border: 2px solid #1162a7;
			border-radius: 5px;
			color: #6b6d6e;
		}

	.degree .bottom {
		margin-top: 5px;
		padding: 20px 40px;
		border-radius: 5px;
		background: #e8edf0;
	}

		.degree .bottom .inner_wrap {
			padding: 15px 40px;
			background: #fff;
			border-radius: 5px;
		}

		.degree .bottom .inner_wrap a {
			display: inline-block;
			height: 80px;
			width: 63px;
			text-align: center;
			font-family: 'open_sanssemibold';
			text-transform: uppercase;
			color: #1162a7;
			font-size: 14px;
			background: url(../images/options_sprite.png) no-repeat 0px 20px;
		}

		.degree .bottom .inner_wrap a + a {
			margin-left: 20px;
			background-position: -83px 20px;
		}

		.degree .bottom .inner_wrap a + a + a {
			background-position: -164px 20px;
		}

		.degree .bottom  p {
			margin: 15px 0 0 0;
			font-family: 'open_sanssemibold';
			font-size: 14px;
			color: #063249;
		}
	
	.degree .sharing {
		margin-top: 165px;
	}

.thanks {
	position: relative;
	margin-top: 80px;
	padding: 70px 50px 130px;
	border-radius: 5px;
	text-align: right;
	background: #e8edf0;
}

	.thanks:after {
		content: '.';
		position: absolute;
		top: -60px;
		left: -50px;
		height: 363px;
		width: 300px;
		background: url(../images/grazhdanko_bye.png) no-repeat;
		font-size: 0pt;
		text-indent: -9999px;
	}

	.thanks p {
		font-family: 'open_sanssemibold';
		font-size: 20px;
		color: #063249;
	}

.result,
.result_diploma {
	position: relative;
	text-transform: uppercase;
	font-family: 'open_sansbold';
	font-size: 20px;
	color: #1665a9;
}

.result:after {
	content: '.';
	position: absolute;
	top: -30px;
	left: -80px;
	height: 338px;
	width: 295px;
	background: url(../images/grazhdanko_rezults.png) no-repeat;
	font-size: 0pt;
	text-indent: -9999px;
}

	.result h4 {
		display: inline-block;
		margin-left: 235px;
		padding: 5px;
		background: #e8edf0;
		border-radius: 5px;
	}

	.result h5 {
		margin: 30px 0 50px 235px;
		margin-left: 235px;
		line-height: 36px;
	}

		.result h5 span {
			display: inline-block;
			padding: 0 0 0 20px;
			width: 100px;
			height: 40px;
			font-size: 38px;
			line-height: 40px;
			border: 2px solid #1665a9;
			border-radius: 5px;
		}

		.result h5 span:after {
			content: '%';
			display: inline-block;
			float: right;
			height: 40px;
			width: 45px;
			background: #1665a9;
			color: #fff;
			text-align: center;
			font-size: 31px;
		}

		ul.options {
			padding: 20px 40px;
			border-radius: 5px;
			background: #e8edf0;
		}

			ul.options li {
				position: relative;
				padding: 20px 180px 20px 20px;
				background: #fff;
				border-radius: 5px;
				text-align: right;
				font-size: 18px;
			}

			ul.options li + li {
				margin-top: 20px;
			}

				ul.options li a {
					position: absolute;
					right: 20px;
					top: 50%;
					margin-top: -15px;
					padding-top: 3px;
					padding-right: 15px;
					width: 133px;
					height: 42px;
					font-family: 'Sunday-Regular';
					text-align: center;
					color: #063249;
					font-size: 24px;
					background: url(../images/button_bgr.png) no-repeat;
				}

				ul.options.is_cert li a {
					font-size:20px;
					padding-top: 5px;
				}

.answers {
	position: relative;
}

	.answers > img.grazhdanko {
		position: absolute;
		top: -80px;
		left: -90px;
		left:0;
		/*height: 404px;*/
		z-index: 10;
		/*width: 335px;*/)
		width: 200px;
	}

.answers h1 {
	margin: 80px 0 0 240px;
	max-width: 590px;
	font-family: 'Sunday-Regular';
	font-size: 32px;
	color: #063249;
}


	.answers > p {
		margin: 40px 0 0 240px;
		font-family: 'open_sanssemibold';
		font-size: 20px;
		color: #063249;
	}

	.answers .legend {
		margin: 20px 0 20px 240px;
	}

		.answers .legend li {
			margin-bottom: 10px;
			font-family: 'open_sanssemibold';
			font-size: 18px;
			color: #8a9094;
		}

		.answers .legend li span {
			display: inline-block;
			width: 79px;
			height: 36px;
			margin-right: 5px;
			background: #e9e9e9;
			text-indent: -9999px;
			font-size: 0pt;
			vertical-align: middle;
		}

		.answers .legend li + li span {
			background: #6cd06c;
		}

		.answers .inner_wrapper {
			position: relative;
			padding: 40px;
			background: #e9e9e9;
			border-radius: 5px;
		}

		.answers .inner_wrapper img.grazhdanko {
			position: absolute;
			bottom: -40px;
			left:auto;
			right: 0px;
			width: 200px;
		}

		.answers .inner_wrapper > p {
			margin: 30px 200px 20px 130px;
			text-align: center;
			font-family: 'open_sanssemibold';
			font-size: 30px;
			color: #063249;
		}

		.answers .inner_wrapper > p > a {
			display: inline-block;
			position: relative;
			vertical-align: top;
			font-family: 'Sunday-Regular';
			font-size: 40px;
			color: #063249;
		
		}

		.answers .inner_wrapper > p > a:after {
			content: '.';
			position: absolute;
			right: -70px;
			top: 5px;
			height: 55px;
			width: 51px;
			background: url(../images/arrow_right_black.png) no-repeat;
			font-size: 0pt;
			text-indent: -9999px;
		}	
		
		.answers .list_wrapper {
			padding: 20px 40px 40px 40px;
			background: #fff;
			border-radius: 5px;
		}

		.answers .list_wrapper > li + li {
			margin-top: 80px;
		}

		.answers .list_wrapper p {
			margin-bottom: 30px;
			font-family: 'open_sansbold';
			font-size: 24px;
			color: #787879;
		}

		.answers .list_wrapper li ul {
			padding-left: 70px;
		}

		.answers .list_wrapper li ul li {
			padding: 0 20px;
			width: 760px;
			font-family: 'open_sansregular';
			font-size: 24px;
			color: #787879;
		}

		.answers .list_wrapper li ul li.answered {
			background: #e9e9e9;
		}

		.answers .list_wrapper li ul li.correct {
			background: #6cd06c;
		}

header:after,
.register_page:after,
.content:after,
.degree:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	background: white;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item:hover {
	background-color: #bebebe;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.themags {
	 position: absolute;
	 right:0;
	 bottom:0;
}

.bup {
	color:#fcfcfc;
	font-size:10px;
	display: inline-block;
	vertical-align: top;
	margin: 8px 88px 0px 88px;
}

.copy {
	color:#fcfcfc;
	margin:0 50px 0px 10px;
	font-size:10px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 767px) {
	html, body {
		height: auto;
	}

	.hm {
		background-position: 0 0;
		background-size: cover;
	}
	.grajdanko_home {
		position: static;
		/*display: none;*/
	}

	/*	.hm .main_wrapper {
			height: auto;
			padding-bottom: 0;
		}
	*/
	header:before {
		top: 66px;
	}
	header .logo {
		margin-bottom: 8em;
	}
	header .wrapper:after {
		top: 70px;
	}

	header .social {
		margin-left: 0;
		margin-bottom: 10px;
	}

	.home {
		padding-bottom: 0;
	}

	.home .surveys {
		position: static;
		width: auto;
	}

	.home .surveys li {
		position: static;
	}

	.copy {
		margin: 0;
		text-align: center;
	}

	/*	.hm footer {
		top: 0;
	}*/

	footer .foot {
		width: 100%;
		text-align: center; 
	}

	footer .footer_nav {
		margin: 1em auto; 
		display: block;
	}

	.themags {
		position: static;
	}
	/*
		.home {
			background-image: url(../images/home_bgr_2.jpg);
			background-position: 75% center;
		}

		.home .wrapper {
			width: 100%;
			padding-top: 1em;
			padding-bottom: 4em;
			background: url(../images/grass.png) no-repeat 100% 100%;
		}
	*/

	.home .wrapper > * {
		padding: 0 1em;
	}

	header .wrapper {
		height: 96%;
	}

	header:before {
		top: 66px;
	}

	header nav {
		clear: both;
	}

	header .wrapper:after {
		height: 166px;
		left: 0;
		right: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}


	header .wrapper,
	header .logo {
		width: 96%;
	}

	header .logo {
		height: 100%;
	}

	header .logo img {
		margin: 0 auto;
		display: block;
		width: 80%;
		height: auto;
	}

	.main_nav {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}

	header .main_nav li {
		clear: both;
	}
	header .main_nav li a {
		font-size: 1em;
	}

	.wrapper p {
		font-size: 1em;
	}
	
	.content {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		box-shadow: none;
	}

	.about, .media, #contacts {
		font-size: 1em;
		margin-right: 0;
		padding-bottom: 3em;
	}

	.about h1, .media h1, .contacts h1 {
		font-size: 2em;
		line-height: 1.2;
	}

	.about h1, .media h1, .contacts h1 {
		margin-top: 10px;
	}

	.about p {
		font-size: 1em;
		line-height: 1.2;
		text-align: left;
	}

	.contact_form {
		width: 96%;
	}

	.contact_form textarea,
	.contact_form input {
		width: 100%;
		box-sizing: border-box;
	}

	.register .info-box .info {
		width: 160px;
	}
	.left-side,
	.right-side {
		padding-left: 2%;
		padding-right: 2%;
		width: 96%;
	}

	.right-side {
		margin-top: 0;
	}

	.tests li {
		padding-left: 0;
		padding-right: 0;
		background-image: none; 
		background-color: white;
		border: 3px solid #c0c2c6;
	}
	.tests li:hover {
		border: 3px solid white;
		background-color: #063249;
	}
	.tests li a {
		font-size: 1em;
	}

	.select,
	#id_locations_autocomplete,
	#id_locations_outside_autocomplete,
	.register_page > p {
		width: 100%;
	}
	#id_locations_outside_autocomplete {
		margin-top: 1em;
	}
	.register_page .note {
		width: 96%;
		padding: 2%;
	}

	.register_page h3,
	.register_page .note {
		margin-left: 0;
	}
	
	.register.feedback:after,
	.contact_form:after {
		top: -140px;
		background-size: 90%;
		width: 150px;
		z-index: 2;
		right:-60px;
		height:180px;
		display: none;
	}

	.contact_form:after {
		top: 330px;
		background-size: 100%;
		width: 120px;
		z-index: 2;
		right: 0;
		height:180px;
		display: block;
	}

	.content h2 {
		margin-top: 1em;
		font-size: 1.375em;
	}

	.note {
		padding: 2%;
		width: 96%;
	}

	.quest dl.theme-block:after {
		font-size: 7.5em;
	}

	.quest dl.theme-block:after {
		right: 0;
	}

	.quest .inner_wrapper fieldset {
		padding: 30px 0;
		padding-left: 64px;
	}

	.quest .inner_wrapper fieldset div {
		padding-left: 0;
	}

	.quest .inner_wrapper fieldset > label {
		font-size: 1.4em;
		line-height: 1.2;
	}
	.quest .inner_wrapper fieldset div > label {
		font-size: 1em;
		line-height: 1.2;
	}

	.quest .quest-info {
		margin-left: 0;
		margin-right: 0;
		padding-right: 0;
	}

	.quest .quest-info .end,
	.quest .quest-info .next,
	.quest .quest-info .start {
		font-size: 14px;
		margin-top: 10px;

	}

	.quest .quest-info .next:after,
	.quest .quest-info .start:after {
		background-size: 75%;
	}

	img.grazhdanko {
		display: none;
	}

	.answers .inner_wrapper img.grazhdanko,
	.answers > img.grazhdanko {
		display: block;
		position: static;
		width: 100%;
		height: auto;
	}
	.answers > p,
	.answers .legend,
	.answers h1 {
		margin-left: 0;
	}

	.answers .inner_wrapper > p,
	.answers h1 {
		font-size: 1.375em;
		line-height: 1.2;
	}

	.answers .list_wrapper li ul li,
	.answers > p {
		font-size: 1em;
	}

	.register.feedback > div.success p,
	.answers .legend li {
		font-size: 1em;
		line-height: 1.2;
	}

	.register.feedback > div.success p {
		text-align: center;
	}

	.answers .list_wrapper,
	.answers .inner_wrapper {
		padding: 2%; 
	}

	.answers .list_wrapper p {
		font-size: 1.375em;
		line-height: 1.2;
	}

	.answers .list_wrapper li ul {
		padding-left: 0;
	}

	.answers .list_wrapper li ul li {
		padding: 0 2%;
		width: 96%;
	}

	.answers .list_wrapper > li + li {
		margin-top: 1em;
	}

	.answers .inner_wrapper > p {
		margin: 10px 0;
	}


	.answers .inner_wrapper > p > a {
		font-size: 1em;
	}
	.answers .inner_wrapper > p > a:after {
		background-size: 40%;
	}

	ul.options li {font-size:15px;}

	ul.options li a {
		position: relative;
		right: 0px;
		top: 0;
		margin-top: 0px;
		padding-top: 3px;
		display: block;
	}

	.sharing {margin-right: 0;}

	.result h4 {margin-left: 2%;}
	.result h5 {margin-left: 2%;}

	.result:after {visibility: hidden;}

	.degree .left-side:after {background-image: url(../images/grazhdanko_degree_mobile.png);width:80px;height: 98px;right:0;}
	.degree .left-side {z-index: 100;}
	.degree p {font-size: 16px;margin-left: 5px;}
	.degree h1 {margin-left: 5px;font-size:32px;}
	.degree .left-side.is_cert:after {
	    background-image: url(../images/grazhdanko_contacts_mobile.png);
	    width: 100px;
	    height: 140px;
	    top:-166px;
	    right:-5px;
	}
	.degree .bottom .inner_wrap a + a {margin-left: 0;}

	.degree .top {padding-left:16px;}

	.degree .bottom .inner_wrap {
	    padding: 15px 0px 15px 7px; 
	}

	.quest .inner_wrapper {
		padding: 20px 0px;
	}

	.quest .time_left {margin-right: 0;position: absolute;width: 45px;}
	.quest .time_left .column_wrapper {width: 45px;}
	.quest .time_left .column_wrapper .time {font-size:17px;}
}

@media only screen and (max-width: 768px) {
	.wrapper {
		padding-top: 10px;
		width: 100%;
	}

	.hm {
		background-size: cover;
	}
	.home .surveys {
		top: 75%;
		right: 0;
		width: 725px;
	}
	header .wrapper:after {
		width: 270px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.home .surveys li {
		left: 140px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {	

	header .wrapper {
		width: 96%;
		height: 80px;
	}
	header .logo {
		width: 30%;
		height: auto;
	}
	header .logo img {
		display: block;
		width: 100%;
		height: auto;
	}

	.wrapper {
		padding: 0 2%;
		width: 96%;
	}

	header .main_nav li a {
		font-size: 1em;
	}
	
	header .social {
		margin-bottom: 5px;
	}

	footer .foot {
		width: 96%;
	}

	.bup {
		margin-left: 1em;
		margin-right: 1em;
	}

	footer .footer_nav > li {
		margin-left: 0;
	}
	
	.content {
		padding-top: 10em;
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.about, .media, #contacts {
		font-size: 1em;
		margin-right: 0;
		padding-bottom: 3em;
	}

	.about h1, .media h1, .contacts h1 {
		font-size: 2em;
		line-height: 1.2;
	}

	.about h1, .media h1, .contacts h1 {
		margin-top: 10px;
	}

	.about p {
		font-size: 1em;
		line-height: 1.2;
		text-align: left;
	}

	.contact_form {
		width: 96%;
	}

	.contact_form textarea,
	.contact_form input {
		width: 100%;
		box-sizing: border-box;
	}

	

	.register .info-box .info {
		width: 160px;
	}
	.left-side {
		padding: 2%;
		width: 96%;
	}
	.right-side {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.right-side {
		margin-left: 0;
		margin-top: 0;
	}

	.tests li {
		padding-left: 0;
		padding-right: 0;
		background-image: none; 
		background-color: white;
		border: 3px solid #c0c2c6;
	}
	.tests li:hover {
		border: 3px solid white;
		background-color: #063249;
	}
	.tests li a {
		font-size: 1em;
	}

	.select,
	#id_locations_autocomplete,
	#id_locations_outside_autocomplete,
	.register_page > p {
		width: 100%;
	}
	#id_locations_outside_autocomplete {
		margin-top: 1em;
	}
	.register_page .note {
		width: 96%;
		padding: 2%;
	}

	.register_page h3,
	.register_page .note {
		margin-left: 0;
	}
	
	.register.feedback:after,
	.contact_form:after {
		left: 0;
		top: -63%;
		background-size: 50%;
	}

	.contact_form:after {
		top: 330px;
		background-size: 95%;
		width: 150px;
		z-index: 2;
		right:-40px;
		height:180px;
		left: auto;
		display: block;
	}

	.answers .list_wrapper li ul {
		padding-left: 0;
	}

	.answers .list_wrapper li ul li {
		width: 96%;
		padding: 0 2%;
	}
	
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
	/*	header .wrapper:after {
		background-repeat: no-repeat;
		background-size: 100% auto;
		width: 36%;
	}*/
}

@media only screen and (min-width: 1025px) {
	/*	.hm .main_wrapper {
		height: auto;
		padding-bottom: 0;
	}
	.hm footer {
		top: 0;
	}
	.grajdanko_home {
		display: none;
	}*/
}

@media only screen and (min-width: 1280px) and (max-width: 1440px) {
	/*	.hm .main_wrapper {
		height: auto;
		padding-bottom: 0;
	}
	.hm footer {
		top: 0;
	}
	.home {
		min-height: 750px;
		padding-bottom: 0;
	}*/
}

#bg {
	display: none;
	position: fixed; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%;
	z-index: -1;
}
#bg img {
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
}

@media only screen and (min-width: 1280px) and (max-width: 1500px) {
	/*.hm footer {
		position: absolute;
		top: auto;
	}*/
	#bg {
		display: block;
	}
/*	.home {
		min-height: 710px;
		height: 100% !important;
		padding-bottom: 0;
	}*/
	.home p {
		padding-top: 20px;
	}
	.home .surveys {
		top: 10%;
	}
	.home .surveys li + li + li {
		left: 307px;
		top: 94px;
	}
}

.home .surveys:after,
header nav:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}