/* Layout */

.body_layout {
	min-height: 600px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	background-image: var(--theme-bg2);
	background-position: center var(--bg-pos-y);
	background-repeat: no-repeat;
	--bg-pos-y: 353px;
}

.body_layout::before,
.body_layout::after {
	content: '';
	width: 50%;
	height: 1000px;
	position: absolute;
	top: 0px;
	background-image: inherit;
	background-repeat: no-repeat;
	background-size: 10000% 645px;
	background-position: var(--bg-side) var(--bg-pos-y);
	mask: linear-gradient(to var(--bg-side), transparent var(--bg-size), white var(--bg-size), white 100%);
	-webkit-mask: linear-gradient(to var(--bg-side), transparent var(--bg-size), white var(--bg-size), white 100%);
	z-index: -2;
	--bg-width: 2212px;
	--bg-size: calc(var(--bg-width) * 0.5 - 1px);
	--bg-side: left;
}

.body_layout:before {
	left: 0;
}

.body_layout:after {
	right: 0;
	--bg-side: right;
}

/* bg inner */

body.inner .body_layout {
	--bg-pos-y: 252px;
}

body.inner header {
	height: 321px;
}

/* --- top --------------------------------------------------------------------------------- */

header {
	width: 100%;
	height: 422px;
	position: relative;
	box-sizing: border-box;
	padding-top: 33px;
	background-image: var(--theme-bg1);
	background-position: center top;
	background-repeat: no-repeat;
}

header::before,
header::after {
	content: '';
	width: 50%;
	height: 250px;
	display: block;
	position: absolute;
	top: 0px;
	background-image: var(--theme-bg1);
	background-repeat: no-repeat;
	background-size: 10000% 250px;
	background-position: var(--bg-side) top;
	mask: linear-gradient(to var(--bg-side), transparent var(--bg-size), white var(--bg-size), white 100%);
	-webkit-mask: linear-gradient(to var(--bg-side), transparent var(--bg-size), white var(--bg-size), white 100%);
	z-index: -1;
	--bg-width: 1900px;
	--bg-size: calc(var(--bg-width) * 0.5 - 1px);
	--bg-side: left;
}

header::before {
	left: 0px;
	--bg-side: left;
}

header::after {
	right: 0px;
	--bg-side: right;
}

.header_block {
	width: 1150px;
	height: 100%;
	position: relative;
	margin: 0px auto;
}

	.logo {
		width: 138px;
		height: 116px;
		position: absolute;
		margin: 0px 0px 0px 40px;
		white-space: nowrap;
		text-indent: 1111px;
		background: var(--theme-logo) no-repeat center 3px / contain;
		overflow: hidden;
		cursor: pointer;
		z-index: 100;
	}

.header_bg {
	width: inherit;
	height: 100%;
	position: absolute;
	box-sizing: border-box;
	left: 0px;
	top: 0px;
	padding-top: inherit;
	overflow: hidden;
	z-index: 0;
}

	.header_bg::before,
	.header_bg::after {
		content: '';
		width: inherit;
		height: inherit;
		display: block;
		position: absolute;
		background-position: center top;
		background-repeat: no-repeat;
		pointer-events: none;
		z-index: 2;
	}

	.header_bg::before {
		top: 0px;
		background-image: var(--theme-bg1);
	}

	.header_bg::after {
		top: 0px;
		background-image: var(--theme-bg2);
		background-position-y: var(--bg-pos-y);
	}

body.inner .header_bg {
	background: var(--theme-inner) center bottom no-repeat;
}

/* header slider */

	#block-views-slider-block_1 {
		width: 100%;
		height: 340px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 1;
	}
		#block-views-slider-block_1 li {
			list-style: none;
		}
		#block-views-slider-block_1 .views-admin-links {
			display: none;
		}

	.top_slider {
		width: 1530px;
		height: 340px;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: -765px;
		background: #fff;
		z-index: 1;
	}

		.top_slider a {
			width: 1530px;
			height: 340px;
			display: block;
			position: absolute;
		}

	#slider_thumbs {
		width: 211px;
		height: 42px;
		display: block;
		position: absolute;
		left: 50%;
		bottom: 19px;
		margin-left: 35px;
		padding: 0px;
		text-align: center;
		background-image: var(--theme-slider);
		background-position: left top;
		background-repeat: no-repeat;
		overflow: hidden;
		z-index: 2;
	}

		#slider_thumbs li {
			display: inline;
			margin-top: 5px;
			padding-bottom: 3px;
			font-size: 30px;
			text-align: center;
			list-style: none;
		}
		#slider_thumbs li.selected {
			background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/slider_num_sel.png) center 6px no-repeat;
		}

			#slider_thumbs li a {
				width: 30px;
				height: 30px;
				padding: 0px 8px;
				color: rgba(255,255,255,0.5);
				font: 20px/27px Cambria, Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
			}
			#slider_thumbs li a:hover {
				color: #fff;
			}
			#slider_thumbs li.selected a {
				color: #fff;
			}

/* --- menu -------------------------------------------------------------------------------- */

/* Primary menu */

.header_block .block-menu {
	width: 82%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
}

#block-menu-primary-links > ul.menu {
	display: flex;
	justify-content: flex-start;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 20;
}

	#block-menu-primary-links > ul.menu > li {
		position: relative;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

		#block-menu-primary-links > ul.menu > li > a {
			display: block;
			padding: 10px 12px;
			color: #40231b;
			font: 21px "Cambria", "Times New Roman", Times, serif;
			text-decoration: none;
			text-shadow: 1px 0px 1px #999999;
			white-space: nowrap;
		}
		#block-menu-primary-links > ul.menu > li > a:hover {
			color: #4f7730;
			text-shadow: 1px 0px 1px #8ebc6a;
		}

		#block-menu-primary-links > ul.menu > li.expanded > a {
			position: relative;
			padding-right: 24px;
			background: none;
		}
		#block-menu-primary-links > ul.menu > li.expanded > a:hover {
			background-position: right -88px;
		}
		
		/* #block-menu-primary-links > ul.menu > li.expanded > a::after {
			content: '\02C5';
			position: absolute;
			right: 10px;
			top: 48%;
			font: bold 15px Times, Tahoma, Arial;
			transform: scaleY(0.6) translateY(-50%);
		} */

		#block-menu-primary-links > ul.menu > li.expanded > a::after {
			content: '';
			width: var(--ico-size);
			height: var(--ico-size);
			display: block;
			position: absolute;
			bottom: 34%;
			right: 10px;
			background: currentColor;
			mask: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/details/menu_sub_arrow.svg) right center / var(--ico-size) var(--ico-size) no-repeat;
			-webkit-mask: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/details/menu_sub_arrow.svg) right bottom / var(--ico-size) var(--ico-size) no-repeat;
			--ico-size: 0.5em;
		}

/* Secondary menu */

#block-menu-primary-links > .menu > li > .menu {
	display: none;
	position: absolute;
	padding: 0px 0px 4px 0px;
	background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/menu/bg.png) left top repeat-x;
	border-bottom-right-radius: 6px;
	z-index: 12;
}
#block-menu-primary-links > .menu > li:hover > .menu {
	display: block;
}
#block-menu-primary-links > .menu > li > .menu:after {
	content: '';
	width: 146px;
	height: 27px;
	display: block;
	position: absolute;
	margin: -5px 0px 0px -13px;
	background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/menu/bg_dec1.png) left top no-repeat;
	z-index: 12;
}

	#block-menu-primary-links > .menu > li > .menu > li {
		display: block;
		margin: 0px;
		padding: 0px;
		position: relative;
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/menu/menu_line.png) 12px 0px no-repeat;
		white-space: nowrap;
	}
	#block-menu-primary-links > .menu > li > .menu > li:first-child {
		background: none;
	}

		#block-menu-primary-links > .menu > li > .menu > li > a {
			display: block;
			margin: 0px;
			padding: 0px 20px 2px 12px;
			color: #fff;
			font: 16px/30px Cambria, Georgia, "Times New Roman", Times, serif;
			text-decoration: none;
		}
		#block-menu-primary-links > .menu > li > .menu > li > a:hover {
			text-shadow: 0px 0px 5px #ffc;
		}
		#block-menu-primary-links > .menu > li > .menu > li.expanded > a {
			background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/menu/menu_arr2.png) right 2px no-repeat;
		}
		#block-menu-primary-links > .menu > li > .menu > li.expanded > a:hover {
			background-position: right -28px;
		}

/* Tertiary menu */

#block-menu-primary-links > .menu > li > .menu > li > .menu,
#block-menu-primary-links > .menu > li > .menu > li > .menu > li > .menu {
	display: none;
	position: absolute;
	left: 100%;
	margin-top: -32px;
	padding: 0px 0px 4px 0px;
	background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/menu/bg2.png) left top repeat;
	border-radius: 0px 6px 6px 6px;
	z-index: 13;
}

#block-menu-primary-links > .menu > li > .menu > li:hover > .menu,
#block-menu-primary-links > .menu > li > .menu > li > .menu > li:hover > .menu {
	display: block;
}

	#block-menu-primary-links > .menu > li > .menu > li > .menu > li,
	#block-menu-primary-links > .menu > li > .menu > li > .menu > li .menu > li {
		display: block;
		margin: 0px;
		padding: 0px;
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/menu/menu_line.png) 12px 0px no-repeat;
		white-space: nowrap;
	}
	#block-menu-primary-links > .menu > li > .menu > li > .menu > li:first-child,
	#block-menu-primary-links > .menu > li > .menu > li > .menu > li > .menu > li:first-child {
		background: none;
	}

		#block-menu-primary-links > .menu > li > .menu > li > .menu > li > a,
		#block-menu-primary-links > .menu > li > .menu > li > .menu > li > .menu > li > a {
			display: block;
			margin: 0px;
			padding: 0px 20px 2px 12px;
			color: #fff;
			font: 16px/30px Cambria, Georgia, "Times New Roman", Times, serif;
			text-decoration: none;
		}
		#block-menu-primary-links > .menu > li > .menu > li > .menu > li > a:hover,
		#block-menu-primary-links > .menu > li > .menu > li > .menu > li > .menu > li > a:hover {
			text-shadow: 0px 0px 5px #ffc;
		}

	#block-menu-primary-links > .menu > li > .menu > li > .menu > li.expanded > a {
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/menu/menu_arr2.png) right 2px no-repeat;
	}
	#block-menu-primary-links > .menu > li > .menu > li > .menu > li.expanded > a:hover {
		background-position: right -28px;
	}

#block-menu-primary-links > .menu > li > .menu > li > .menu > li > .menu::before {
	content: '';
	width: 1px;
	height: 90%;
	position: absolute;
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 70%, rgba(0,0,0,0));
}

/* --- block center -------------------------------------------------------------------------- */

#block_content {
	width: 100%;
	min-width: 1150px;
	display: inline-table;
	position: relative;
	margin: -5px auto 0px auto;
	vertical-align: top;
	overflow: hidden;
}

#content {
	width: 1150px;
	display: table;
	margin: 0px auto;
	padding: 0px 0px 100px 0px;
}

#block_center {
	width: 840px;
	float: left;
}

	#block_center p {
		margin-bottom: 14px;
	}

	#auth_block {
		min-height: 160px;
	}
		.auth_layout {
			width: 1150px;
			margin: 0px auto;
			position: relative;
		}

			#block_user_registered_authed,
			#block_user_not_registered_not_authed,
			#block_user_not_registered_authed {
				width: 840px;
			}

	.mr_loader {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 100;
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/loader.gif) center center no-repeat;
	}

	.mr_loader.colored {
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/themes/char_green/loader.gif) center center no-repeat;
	}
	
	.mr_loader.userblock_loader {
		width: 840px;
		height: 130px;
		background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/details/loader48.png);
		opacity: 0.3;
	}

	#block-user-1 > .red_button,
	#block-user-1 > .blue_button {
		width: 300px;
		height: 90px;
		margin: 39px 0px 20px -10px;
		display: block;
		position: absolute;
		right: 0px;
		color: #ffffff;
		font: 20px Cambria, Georgia, "Times New Roman", Times, serif;
		line-height: 84px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 1;
	}
	#block-user-1 > .red_button {
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/rb_red_button.png?1) left top no-repeat;
	}
	#block-user-1 > .blue_button {
		background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/rb_blue_button.png?1) left top no-repeat;
	}

	#block-user-1 > .red_button:hover,
	#block-user-1 > .blue_button:hover {
		background-position: left bottom;
	}

	.content_welcome {
		height: 155px;
	}
		.content_welcome .user_face {
			width: 130px;
			height: 130px;
			margin-left: 20px;
			float: left;
		}
			.content_welcome .user_face a.face {
				width: 130px;
				height: 130px;
				display: block;
				margin-top: -7px;
				/* background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/user_default.png) 0 0 no-repeat; */
			}
			.content_welcome .user_face a.message {
				width: 30px;
				height: 24px;
				position: absolute;
				margin: -24px 0px 0px 107px;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/user_controls.png) 0px 0px no-repeat;
				display: none;
			}
				.content_welcome .user_face a.message b {
					height: 24px;
					position: absolute;
					margin: -10px 0px 0px 20px;
					padding: 0px 6px;
					color: #fff;
					font: 18px Cambria, Georgia, "Times New Roman", Times, serif;
					background-color: #e8921d;
					border-radius: 10px;
				}
				.content_welcome .user_face a.message:hover b {
					background-color: #eca22c;
				}

		.content_welcome .user_controls {
			float: left;
			margin: 0px 0px 0px 50px;
		}

			.user_controls .username {
				height: 46px;
				display: block;
				margin: 0px 0px 6px 0px;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/user_controls_line.png) 0px 38px no-repeat;
			}
				.user_controls .username a {
					color: #fff;
					font: 21px/46px Cambria, Georgia, "Times New Roman", Times, serif;
					text-decoration: none;
					text-shadow: 0px 1px 14px #444444;
				}

			.user_controls .controls {
				width: 570px;
				height: 80px;
				overflow: hidden;
			}
				.user_controls .controls ul {
					padding: 0px;
					margin: 0px;
				}
					.user_controls .controls ul li {
						height: 26px;
						display: block;
						float: left;
						margin-right: 14px;
					}

						.user_controls .controls ul li a {
							display: block;
							padding-left: 26px;
							color: #ffffff;
							font: 18px Cambria, Georgia, "Times New Roman", Times, serif;
							text-decoration: none;
							text-shadow: 0px 1px 4px #444444;
							background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/user_controls.png?2) 0px 50px no-repeat;
							opacity: 0.8;
						}
						.user_controls .controls ul li a:hover {
							opacity: 1;
						}
						.user_controls .controls ul li.um_profile a  {width: 120px; background-position: 0px 0px;}
						.user_controls .controls ul li.um_balance a  {width: 175px; background-position: 0px -50px;}
						.user_controls .controls ul li.um_money a    {width: 136px; background-position: 0px -50px;}
						.user_controls .controls ul li.um_help a 	 {width: 120px; background-position: 0px -100px;}
						.user_controls .controls ul li.um_userbars a {width: 113px; background-position: 0px -150px;}
						.user_controls .controls ul li.um_image a    {width: 210px; background-position: 0px -200px;}
						.user_controls .controls ul li.um_logout a   {width: 113px; background-position: 0px -250px;}
						.user_controls .controls ul li.um_cart a	 {width: 120px; background-position: 0px -300px;}

						.user_controls .controls ul li b {
							color: #cccbba;
							font: normal 18px Cambria, Georgia, "Times New Roman", Times, serif;
							text-decoration: none;
							cursor: default;
						}

	.userblock {
		height: 130px;
		display: flex;
		position: relative;
		justify-content: flex-start;
	}

		.userblock .user_face {
			width: 116px;
			height: 116px;
			box-sizing: border-box;
			margin: 0px 0px 0px 14px;
			mask: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/char_mask.png) 0px 0px / cover no-repeat;
			-webkit-mask: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/char_mask.png) 0px 0px / cover no-repeat;
		}

			.userblock .user_face a.face {
				width: 116px;
				height: 116px;
				display: block;
				position: absolute;
				z-index: 2;
			}

			.userblock .user_face .face_pic {
				width: 116px;
				height: 116px;
				background-color: #999;
				border-radius: 100%;
				overflow: hidden;
			}

				.userblock .user_face .face_pic span {
					width: 116px;
					height: 116px;
					display: block;
					background-color: #bfbfbf;
					border-radius: 100%;
					opacity: 0.85;
					transition: opacity 0.2s linear;
				}
				.userblock .user_face .face:hover + .face_pic span {
					opacity: 1;
				}

					.userblock .user_face .face_pic span > img {
						width: 116px;
						height: 116px;
					}

		.char_menu {
			width: 288px;
			position: absolute;
			overflow: hidden;
			pointer-events: none;
			z-index: 101;
		}
		.char_menu.active {
			pointer-events: all;
		}

			.char_menu .char_cont {
				position: relative;
				padding-bottom: 25px;
				translate: 0px -100%;
				background-image: var(--theme-char-select);
				background-position: left bottom;
				background-repeat: no-repeat;
				transition: translate 0.3s ease-out;
			}
			.char_menu.active .char_cont {
				translate: 0px 0px;
			}

				.char_menu .char_list {
					padding: 7px 0px 0px 0px;
				}

					.char_list li {
						height: 75px;
						display: block;
						position: relative;
						box-sizing: border-box;
						padding: 0px 80px 0px 26px;
						list-style: none;
						background-color: transparent;
						overflow: hidden;
						opacity: 0.8;
						cursor: pointer;
						transition: opacity 0.05s linear, background-color 0.05s linear;
						}
					.char_list li:hover {
						background-color: rgba(255,255,255,0.2);
						opacity: 1;
					}

						.char_list li .hov {
							width: 288px;
							height: 75px;
							position: absolute;
							left: 0px;
							top: 0px;
							transition: opacity 0.05s linear;
							z-index: 1;
						}

						.char_list li strong {
							display: block;
							margin-bottom: 4px;
							color: #ffffff;
							font: normal 17px/28px Cambria, Georgia, "Times New Roman", Times, serif;
							text-shadow: 1px 0px 4px rgba(0,0,0,0.5);
							white-space: nowrap;
							text-overflow: ellipsis;
							overflow: hidden;
							border-bottom: 1px solid transparent;
							border-image: linear-gradient(to right, #fff, transparent);
							border-image-slice: 1;
						}

						.char_list li span {
							display: block;
							color: #ffffff;
							font: normal 13px/16px Cambria, Georgia, "Times New Roman", Times, serif;
							text-shadow: 1px 0px 4px rgba(0,0,0,0.5);
						}

						.char_list li .ico {
							width: 70px;
							height: 70px;
							position: absolute;
							right: 14px;
							top: 2px;
							background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/faces.png) 0px var(--ico) no-repeat;
							z-index: 2;
							--ico: 0px;
						}

						.char_list li .ico.type11 {--ico: 0px}
						.char_list li .ico.type12 {--ico: -70px}
						.char_list li .ico.type41 {--ico: -140px}
						.char_list li .ico.type42 {--ico: -210px}
						.char_list li .ico.type61 {--ico: -280px}
						.char_list li .ico.type62 {--ico: -350px}
						.char_list li .ico.type51 {--ico: -420px}
						.char_list li .ico.type52 {--ico: -490px}
						.char_list li .ico.type81 {--ico: -560px}
						.char_list li .ico.type82 {--ico: -630px}
						.char_list li .ico.type31 {--ico: -700px}
						.char_list li .ico.type32 {--ico: -770px}
			
			.char_list .empty {
				height: 54px;
				display: flex;
				box-sizing: border-box;
				justify-content: center;
				align-items: center;
				color: rgba(255,255,255,0.8);
				font: 14px/1 Cambria, Georgia, "Times New Roman", Times, serif;
				cursor: default;
			}

		.userblock .user_controls {
			width: 550px;
			height: inherit;
			box-sizing: border-box;
			margin: 0px 0px 0px 64px;
			padding-top: 9px;
		}

			.userblock .user_controls .user_data {
				width: 288px;
				height: 32px;
				display: block;
				position: relative;
				float: left;
			}
			.userblock .user_controls .user_data::after {
				content: '';
				display: block;
				width: inherit;
				height: 2px;
				position: absolute;
				left: 0px;
				bottom: 0px;
				background: linear-gradient(to right, #fff, transparent);
				z-index: 1;
			}

				.userblock .user_controls .user_data > a {
					height: 32px;
					display: block;
					position: relative;
					padding-right: 20px;
					color: #fff;
					font: 21px/31px Cambria, Georgia, "Times New Roman", Times, serif;
					text-decoration: none;
					overflow: hidden;
					white-space: nowrap;
					outline: none;
					opacity: 0.9;
					cursor: pointer;
				}
				.userblock .user_controls .user_data > a:hover {
					opacity: 1;
				}
				.userblock .user_controls .user_data > a:active {
					opacity: 0.7;
				}
				
				.userblock .user_controls .user_data > a::after {
					content: '';
					width: var(--ico-size);
					height: var(--ico-size);
					display: block;
					position: absolute;
					bottom: 24%;
					right: 38px;
					background: currentColor;
					mask: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/details/menu_sub_arrow.svg) right center / var(--ico-size) var(--ico-size) no-repeat;
					-webkit-mask: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/details/menu_sub_arrow.svg) right bottom / var(--ico-size) var(--ico-size) no-repeat;
					--ico-size: 0.64em;
				}

			.userblock .user_controls .char_data {
				width: 250px;
				height: 26px;
				display: block;
				float: left;
				color: #ffffff;
				font: 17px/20px Cambria, Georgia, "Times New Roman", Times, serif;
				overflow: hidden;
				white-space: nowrap;
				opacity: 0.8;
				cursor: default;
			}
			.userblock .user_controls .profile_data {
				max-width: 300px;
				height: 44px;
				display: block;
				float: left;
				color: #ffffff;
				font: 17px/20px Cambria, Georgia, "Times New Roman", Times, serif;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				opacity: 0.9;
				cursor: default;
			}

				.userblock .user_controls .profile_data > img {
					width: 1px;
					height: 1px;
					position: absolute;
					left: -11111px;
					z-index: 0;
				}

			.userblock .user_controls .controls {
				width: 200px;
				height: 122px;
				float: left;
				margin: 0px 0px 0px 12px;
				overflow: hidden;
			}

				.userblock .user_controls .controls ul {
					padding: 0px;
					margin: 0px;
				}
					.userblock .user_controls .controls ul li {
						height: 26px;
						display: block;
						float: left;
						margin: 5px 0px 5px 0px;
					}

						.userblock .user_controls .controls ul li a {
							display: block;
							padding-left: 26px;
							color: #ffffff;
							font: 18px Cambria, Georgia, "Times New Roman", Times, serif;
							text-decoration: none;
							text-shadow: 0px 0px 12px rgba(0,0,0,0.3);
							background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/userblock/user_controls.png) 0px 50px no-repeat;
							opacity: 0.8;
							cursor: pointer;
						}
						.userblock .user_controls .controls ul li a:hover {
							opacity: 1;
						}
						.userblock .user_controls .controls ul li.um_profile a  {width: 120px; background-position-y: 0px}
						.userblock .user_controls .controls ul li.um_balance a  {width: 175px; background-position-y: -50px}
						.userblock .user_controls .controls ul li.um_money a    {width: 136px; background-position-y: -50px}
						.userblock .user_controls .controls ul li.um_help a 	{width: 120px; background-position-y: -100px}
						.userblock .user_controls .controls ul li.um_userbars a {width: 113px; background-position-y: -150px}
						.userblock .user_controls .controls ul li.um_image a    {width: 210px; background-position-y: -200px}
						.userblock .user_controls .controls ul li.um_logout a   {width: 113px; background-position-y: -250px}
						.userblock .user_controls .controls ul li.um_cart a   	{width: 113px; background-position-y: -300px}

						.userblock .user_controls .controls ul li b {
							color: #cccbba;
							font: normal 18px Cambria, Georgia, "Times New Roman", Times, serif;
							text-decoration: none;
							cursor: default;
						}

	.content_user_login {
		width: 824px;
		height: 155px;
		float: left;
		overflow: hidden;
	}

		.content_user_login > div {
			margin-top: 34px;
			text-align: center;
		}

			.content_user_login > div > a {
				width: 285px;
				height: 65px;
				display: inline-block;
				margin: 0px 32px;
				color: #fff;
				font: 20px/65px Cambria, Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
				text-transform: uppercase;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/reg_button.png) left top no-repeat;
				outline: none;
				cursor: pointer;
			}
			.content_user_login > div > a:first-child {
				background-image: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/auth_button.png);
			}
			.content_user_login > div > a:hover {
				background-position: left -65px;
			}

		.content_user_login #user-login-form {
			text-align: left;
		}

		.content_user_login #edit-name-wrapper, .content_user_login #edit-pass-wrapper {
			width: 218px;
			height: 90px;
			margin: 27px 18px 0px 0px;
			float: left;
		}

			.content_user_login #edit-name-wrapper span, .content_user_login #edit-pass-wrapper span {
				height: 36px;
				display: block;
				color: #e5d5c6;
				font: 18px Cambria, Georgia, "Times New Roman", Times, serif;
				line-height: 34px;
				cursor: default;
			}
			.content_user_login #edit-name-wrapper div, .content_user_login #edit-pass-wrapper div {
				padding: 0px 9px 0px 0px;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/login_input_bg.png) 0px 3px no-repeat;
			}
			.content_user_login #edit-name-wrapper #edit-name, .content_user_login #edit-pass-wrapper #edit-pass {
				width: 100%;
				height: 27px;
				display: block;
				margin-bottom: 4px;
				padding: 2px 0px 2px 9px;
				color: #fff;
				font: 13px Verdana, Geneva, sans-serif;
				background: none;
				border: none;
			}
			.content_user_login #edit-name-wrapper label {
				padding-left: 20px;
				color: #c1d1a9;
				font: 13px Cambria, Georgia, "Times New Roman", Times, serif;
				cursor: pointer;
			}
			.content_user_login #edit-name-wrapper label:hover {
				text-decoration: underline;
			}

				.content_user_login #edit-name-wrapper label input {
					position: absolute;
					margin-left: -18px;
				}

			.content_user_login #edit-name-wrapper a {
				color: #c1d1a9;
				font: 13px Cambria, Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
			}
			.content_user_login #edit-name-wrapper a:hover {
				text-decoration: underline;
			}
			.content_user_login #edit-pass-wrapper a {
				color: #c1d1a9;
				font: 13px Cambria, Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
			}
			.content_user_login #edit-pass-wrapper a:hover {
				text-decoration: underline;
			}

			.content_user_login #user-login-form #edit-submit {
				width: 215px;
				height: 57px;
				margin-top: 50px;
				color: #fff;
				font: 20px Cambria, Georgia, "Times New Roman", Times, serif;
				line-height: 55px;
				text-align: center;
				text-transform: uppercase;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/login_button.png) 0px 0px no-repeat;
				border: none;
				cursor: pointer;
			}
			.content_user_login #user-login-form #edit-submit:hover {
				background-position: 0px -57px;
			}
			.content_user_login #user-login-form #edit-submit:active {
				background-position: 0px 0px;
			}


		.content_user_login .input_block {
			width: 269px;
			height: 60px;
			margin: 27px 18px 0px 0px;
			float: left;
		}
			.content_user_login .input_block em {
				width: 400px;
				display: block;
				margin-top: -16px;
				position: absolute;
				color: #fff;
				font: 16px Cambria, Georgia, "Times New Roman", Times, serif;
				font-style: normal;
			}
			.content_user_login .input_block span {
				display: block;
				margin-top: 25px;
				color: #98abc6;
				font: 20px Cambria, Georgia, "Times New Roman", Times, serif;
				line-height: 34px;
				white-space: nowrap;
				cursor: default;
			}
				.content_user_login .input_block span b {
					width: 253px;
					height: 32px;
					padding: 0px;
					margin-bottom: 0px;
					color: #fff;
					font: 17px Cambria, Georgia, "Times New Roman", Times, serif;
					font-weight: normal;
					line-height: 34px;
					text-shadow: 1px 1px 5px #444;
					/*background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/login_input_bg1.png) 0px 3px no-repeat;*/
					overflow: hidden;
				}

			.content_user_login .input_block .logoutpauth {
				color: #c1d1a9;
				font: 13px Cambria, Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
				cursor: pointer;
			}
			.content_user_login .input_block .logoutpauth:hover {
				text-decoration: underline;
			}

		.content_user_login .submit_pauth {
			width: 332px;
			height: 64px;
			display: block;
			float: left;
			margin-top: 45px;
			margin-left: 80px;
			color: #fff;
			font: 20px Cambria, Georgia, "Times New Roman", Times, serif;
			line-height: 64px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/login_button1.png) 0px 0px no-repeat;
			border: none;
			cursor: pointer;
		}
		.content_user_login .submit_pauth:hover {
			background-position: 0px -64px;
		}
		.content_user_login .submit_pauth:active {
			background-position: 0px 0px;
		}

	.beta_auth_block {
		width: 770px;
		padding-top: 20px;
		position: absolute;
		color: #fff;
		font: 16px Cambria, Georgia, "Times New Roman", Times, serif;
		text-align: center;
	}
		.beta_auth_block span {
			display: block;
			margin-bottom: 12px;
			color: #fff;
			font: 20px Cambria, Georgia, "Times New Roman", Times, serif;
		}
	
	.content_user_block {
		height: 130px;
		display: flex;
		position: relative;
		align-items: center;
		box-sizing: border-box;
		margin-bottom: 30px;
		overflow: hidden;
	}

		.content_user_block .login_block {
			width: 840px;
			display: flex;
			box-sizing: border-box;
			justify-content: center;
			padding-right: 20px;
		}

			.content_user_block .login_block .item {
				width: 285px;
				height: 65px;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 0px 32px;
				color: #fff;
				font: 20px/36px Cambria, Georgia, "Times New Roman", Times, serif;
				text-align: center;
				text-transform: uppercase;
				background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/auth_button.png) 0px 0px no-repeat;
				cursor: pointer;
				user-select: none;
			}
			.content_user_block .login_block .item:hover {
				background-position-y: -65px;
			}
			.content_user_block .login_block .item:active {
				opacity: 0.8;
			}

		.content_user_block .account_block {
			width: 100%;
			height: inherit;
			font-family: Cambria, Georgia, "Times New Roman", Times, serif;
		}

			.content_user_block .account_block p {
				display: block;
				margin: 18px 0px 6px;
				color: #fff;
				font-size: 16px;
				font-style: normal;
			}

			.content_user_block .account_block .name {
				display: flex;
				color: #98abc6;
				font-size: 20px;
				line-height: 34px;
				white-space: nowrap;
				cursor: default;
			}
				.content_user_block .account_block .name b {
					margin-left: 8px;
					color: #fff;
					font-weight: normal;
					text-shadow: 1px 1px 5px #444;
					overflow: hidden;
				}

			.content_user_block .account_block .logout {
				color: #c1d1a9;
				font: 13px/32px Cambria, Georgia, "Times New Roman", Times, serif;
				text-decoration: none;
				cursor: pointer;
			}
			.content_user_block .account_block .logout:hover {
				text-decoration: underline;
			}
		
		.content_user_block .account_block .submit {
			width: 332px;
			height: 64px;
			display: block;
			position: absolute;
			right: 160px;
			top: 28px;
			color: #fff;
			font: 20px/64px Cambria, Georgia, "Times New Roman", Times, serif;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			background: url(https://aa.cdn.gmru.net/static/aa.mail.ru/img/main/page/login_button1.png) 0px 0px no-repeat;
			border: none;
			cursor: pointer;
			user-select: none;
			z-index: 1;
		}
		.content_user_block .account_block .submit:hover {
			background-position-y: -64px;
		}
		.content_user_block .account_block .submit:active {
			background-position-y: 0px;
		}