	body {
		overflow-x: hidden;
	}

	img {
		user-select: none;
		-moz-user-select: none;
	}

	 #hdr {
		z-index: 10;
		position: relative;
	}

	 #hdr .gg, .bcl .g, .bcl .h {
		color: white;
	}

	 #hdr a {
		color: #FFFFFF;
		border-color: rgba(123, 168, 190, 0.5);
	}

	 #hdr a:hover, .bcl a:hover {
		color: #ffd938 !important;
	}

	 #hdr img:first-child {
		filter: grayscale(1) brightness(2);
	}

	 #hdr img:last-child {
		filter: invert(1) grayscale(1) brightness(2);
	}

	 #hdr input[type="submit"] {
		background: none;
		color: white;
		border: 1px solid white;
	}

	 #hdr input[type="submit"]:hover {
		color: #ebebeb;
		border-color: #ebebeb;
	}

	 #submenu {
		background: #3d77b3;
		color: white;
	}

	 #submenu a {
		color: white;
	}

	 #submenu a:hover {
		color: #ffd938 !important;
	}

	.actsub {
		background: #3d77b3 !important;
	}

	.actsub a:hover {
		color: white !important;
	}

	.actmenu {
		background: #3d77b3 !important;
	}

	.actmenu a {
		color: white !important;
	}

	 #global {
	//		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		font-family: StemWebLight;
	}

	 #global * {
		position: relative;
	}

	button {
		background: #0254A2;
		border: 2px solid #0254A2;
		color: white;
		padding: 10px 20px;
		font-weight: bold;
		border-radius: 5px;
		transition-duration: 200ms;
	}

	button:hover {
		background: #72B634;
		border-color: #72B634;
	}

	.btn_green {
		background: #72B634;
		border: 2px solid #72B634;
		border-radius: 5px;
		color: white;
	}

	.btn_green:hover {
		background: #0254A2;
		border-color: #0254A2;
	}

	.btn_green_top:hover {
		background: #0254A2;
		border-color: #FFF;
	}

	.blue_top {
		background: #0A539F;
		height: 815px;
		width: 100%;
		top: -135px;
		z-index: -1;
		color: white;
		margin-bottom: -50px;
	}

	.blue_top span, .blue_top button {
		margin-top: 35px;
	}

	.blue_top h1 {
		color: white;
		font-size: 60px;
	}

	.blue_top h2 {
		color: white;
		font-size: 18px;
	}

	.flex {
		display: flex;
	}

	.block2 div {
		width: 49%;
	}

	.content {
		width: 1200px;
		margin: 0 auto;
	}

	.content h2 {
		text-align: center;
		font-size: 52px;
		font-weight: normal;
	}

	.pad2 div {
		padding-right: 80px;
	}

	.pad2 h2 {
		font-size: 20px;
	}

	.content ol {
		counter-reset: myCounter
	}

	.content ol li {
		display: flex;
		margin-bottom: 15px;
		list-style: none;
	}

	.content ol li:before {
		counter-increment: myCounter;
		content:counter(myCounter);
		color: #72B634;
		text-align: left;
		position: relative;
		font-weight: bold;
		left: -10px;
	}

	.rad._sel .r_bg {
		border-color: #72B634;
	}

	.named div {
		padding: 0 40px;
	}

	.named .num {
		color: #72B634;
		font-size: 55px;
		font-weight: normal;
		padding-right: 10px;
	}

	#counter {
		user-select: none;
		-moz-user-select: none;
		border-radius: 3px;
		background: #dedede;
		z-index:1;
	}

	#line {
		background: #0A539F;
		border-radius: 3px;
		height: 5px;
		width: 0;
	}

	#roll {
		display: inline-block;
		width:40px;
		height:40px;
		border-radius: 50%;
		border: 1px solid #dbd5ed;
		box-shadow: 2px 3px 3px #0A539F;
		background: #FFFFFF;
		top: -20px;
		left: 0;
	}

	 #counter_info h2 {
		color: #72B634;
	}

	 #counter_info td {
		text-align: center;
	}

	.rad._sel .r_bg {
		border-color: #72B634;
	}

	.bt_class {
		justify-content: space-between;
	}

	.bt_class div {
		text-align: center;
		box-shadow: 0 0 20px #c6c6c6;
		margin-right: 30px;
		padding: 15px;
		width: 35%;
		border-radius: 10px;
	}

	.bt_class h3 {
		color: #72B634;
		font-size: 60px;
		font-weight: normal;
	}

	.bt_class h3 img {
		height: 83.5px;
		top:20px;
	}

	.bt_class div span {
		font-size: 25px;
	}

	 #cookie_info {
		z-index: 5000;
	}

	.block2 h3 {
		color: #0A539F;
		font-size: 25px;
		font-weight: normal;
		display: inline;
	}

	.block2_line {
		position:absolute !important;
		top:-340px;
		left:340px;
	}

	.block2_img {
		top:-35px;
		left:-40px;
	}

	.block2_mes {
		left:100px;
		top:-10px;
	}

	.block3_m {
		margin-top:-130px;
		margin-bottom:-30px;
	}

	.block3_c1 {
		width: 49%;
		z-index:2;
	}

	.block3_c2 {
		display: none;
	}

	.block3_c21 {
		margin-left: 50px;
	}

	.block3 div {
		width: 39%;
	}

	.block3_line {
		position: absolute !important;
		top:-480px;
		right:420px;
		z-index:3;
	}

	.block3_yellow {
		top:-170px;
		background:#FFE052;
		padding:20px;
		width:620px
	}

	.numeric {

	}

	.numeric .numblock {
		display: flex;
		min-height: 115px;
	}

	.numeric .numblock .num {
		font-size: 48px;
		color: #72B634;
	}

	.numeric .numblock .text {
		top:25px;
		left:10px;
	}

	.block4 {

	}

	.block4 div {
		width: 24%;
	}

	.yellow-field {
		top: 10px;
		background: #FFE052;
		font-size: 33px;
		border-radius: 5px;
		padding: 3px 10px
	}

	.counter_txt {
		border-left: 5px solid #FFE052;
		padding: 20px;
		font-size: 25px;
	}

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

		body {
			width: 100vw;
		}

		#global {
			width: auto !important;
		}

		.blue_top {
			height: 680px;
			width: 100vw;
			left: 0;
		}

		.top_blue {
			margin-top: -700px;
			transform: scale(0.8, 0.8);
		}

		.content {
			margin-top: -680px;
			transform: scale(0.8, 0.8);
		}
	}

	@media (max-width: 768px) {
		#global {
			position: relative !important;
		}

		.content {
			padding: 16px !important;
			margin-top: 0 !important;
			transform: none !important;
			width: 100% !important;
		}
		.top_blue {
			width: 100% !important;
			transform: scale(0.9) !important;
		}
		.top_blue img {
			position: relative !important;
			top: auto !important;
			right: auto !important;
		}
		.blue_top {
			height: auto !important;
			padding-top: 30px;
			top: 0 !important;
			width: calc(100% + 32px) !important;
			margin-left: -16px;
			margin-right: -16px;
		}
		.blue_top h1 {
			top: auto !important;
			left: auto !important;
			font-size: 36px !important;
			text-align: left !important;
		}
		.blue_top h1 br {
			display: inline;
		}
		.top_blue span {
			width: 100% !important;
			font-size: 20px !important;
		}
		.content h2 {
			font-size: 36px !important;
		}
		.top_blue span br {
			display: inline !important;
		}
		.content > #global > .content > img:nth-child(1) {
			right: 0 !important;
			width: 65px;
			top: 150px
		}
		.content > #global > .content > .block2, .content > #global > .content .block3 {
			flex-direction: column;
			z-index: 2;
		}

		.content > #global > .content > .block2 > div {
			width: 100% !important;
			padding: 0 !important;
			left: 0 !important;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: start;
			margin-bottom: 16px;
		}

		.content > #global > .content > img[style*=left]{
			left: 2px !important;
		}
		.content > #global > .content img[style*=right]{
			display: none !important;
		}
		.content > #global > .content > .block2 > div img {
			left: 0 !important;
			top: 0 !important;
		}
		.content > #global > .content .block3 > div {
			width: 100% !important;
		}

		.block2_img {
			top: 50px;
			left: 0;
		}

		.block2_mes {
			left:0;
			top:-10px;
		}

		.numeric .numblock .num {
			width: 50px;
		}
		.numeric .numblock .text {
			width: calc(100% - 50px) !important;
		}
		.numeric .numblock .text br {
			display: inline !important;
			content: '';
		}
		.content > #global > .content .block3 > div > span {
			display: none;
		}
		.numeric .numblock {
			min-height: auto !important;
			display: flex !important;
		}

		.numeric .numblock .text {
			top: 14px !important;
		}

		.numblock {
			margin-top: 10px !important;
		}

		.numeric img {
			left: 0 !important;
		}

		.content > #global > .content > .block2 > div.block2 {
			margin-top: 16px;
		}

		.content > #global > .content > .block2 > div.block2 > div {
			width: 100%;
			left: 0 !important;
			margin-bottom: 8px;
		}

		.block3_f {
			flex-direction: column;
		}

		.block3_c1 {
			width: 100%
		}

		.block3_c21 {
			margin-left: 0;
		}

		.block3_m {
			margin-bottom: 20px;
		}

		.block3_yellow {
			top: 20px;
			width: 100%;
		}

		.block4 {
			flex-direction: column;
		}

		.block4 > div {
			width: 100% !important;
			margin-bottom: 64px;
		}

		.block4 > div b {
			font-size: 16px;
			font-weight: normal;
		}

		.block4 > div b br, .block4 > div br {
			display: inline;
			content: '';
		}
		header {
			z-index: 10;
		}

		#counter, #counter_info {
			display: none;
		}

		h1[style*=margin-top], .content h2[style*=margin-top]{
			display: none;
		}

		#counter + div {
			display: none;
		}

		#counter_info ~ h1 {
			display: block;
			margin-top: 32px !important;
		}

		.bt_class {
			flex-direction: column;
		}

		.bt_class > div {
			width: 100% !important;
			margin-bottom: 32px
		}

		.content > #global > .content > #counter_info ~ h1 ~ .block2 > div {
			padding-left: 16px !important;
		}

		.block2_line { display: none }
		.block3_line { display: none }

		[src="/im/notify/ball1.png"] { display: none; }
		[src="/im/notify/ball2.png"] { display: none; }
		[src="/im/notify/ball3.png"] { display: none; }
		[src="/im/notify/line.png"] { display: none; }

		.counter_txt {
			font-size: 18px;
		}
	}
