/*видимость*/
	/*.admin-view {display: none !important;}*/
	.player-view {display: none !important;}
	/*.guest-view {display: none !important;}*/

/*шрифты*/
	.active {cursor: default;}
	* {
		outline: none;
		text-decoration: none;
	}
	html * {max-height:1000000px;}
	@font-face {
		font-family: wood;
		src: url('../fonts/wood.ttf');
	}
	@font-face {
		font-family: arbat;
		src:
			url('../fonts/arbat.ttf') format('truetype'),
			url('../fonts/arbat.eot') format('opentype');
	}
	@font-face {
		font-family: candara;
		src: url('../fonts/candara.ttf') format('truetype');
	}
	body, button, a, input, textarea, .download, .skills-list .stat-about,
	.stat-list .stat, a.more-info {font: 17px candara;}
	b {
		font-weight: normal;
		text-shadow: 0 0 1px;
	}
	h1, h1 a {
		margin: 0px;
		font: 95px wood;
		letter-spacing: 9px;
		text-align: center;
	}
	h1 {opacity: 0.55;}
	h1 a, h2 a, .content-img a, .game {opacity: 1;}
	h2, h2 a {font: 32px wood;}
	h3, h3 a {font: 25px wood;}
	.icon-info {
		font: 13px arial;
		font-weight: bold;
	}
	h4 {
		font-size: 22px;
		font-weight: normal;
		margin: 0;
		opacity: 0.9;
	}
	.tier {font-size: 13px;}
	.message {font-size: 17px;}
	.skills .stat-name {font-size: 18px;}
	.message-name, .stat, .system-message {font-size: 20px;}
	.skills-block .stat-name {text-transform: lowercase;}
	.new-lvl .accept + p, .char-unchecked, .skills-block .stat-name,
	.section-block .stat-name, .char-pregen p:first-of-type {font-size: 22px;}
	#surprise {font: 22px wood;}
	.logo + .content h2 {font-size: 40px;}
	.copyright, .vk-link {
		opacity: 0.7;
		letter-spacing: 0.5px;
	}
	a, .icons a, button {opacity: 0.8;}
	h3 {opacity: 0.9;}
	a:hover, a:active, .links a.favorite:hover, button:hover {opacity: 1;}
	::before, ::after, .stat-about {font-size: 15px;}
	a.design, a.design:hover {text-shadow: none;}
	a.design.scroll {color: #9DC596;}
	a.design.sky {color: #000876;}
	a.design.drakyann {color: #FE0;}
	a.design.tech {color: #FFF;}
	a.design.thunder {color: #FEF;}
	a.design.aqua {
		color: #FFF;
		text-shadow: 0 0 1px #2C6187, 0 0 4px #2C6187, 0 0 7px #2C6187;
	}
	a.design.rainbow {
		color: #FFF;
		text-shadow: 0 0 1px #FA0;
	}
	.system-message {text-align: center;}
	.stat-info {
		opacity: 0.7;
		font-size: 17px;
		margin: -2px 5px;
	}
	.stat-info:last-of-type {margin-bottom: 10px;}
	.stat-info::first-letter {text-transform: lowercase;}

/*фоны*/
	.design.scroll {background: url('../img/backgrounds/scroll/bg.png');}
	.design.sky {background: url('../img/backgrounds/sky/bg.png');}
	.design.drakyann {background: url('../img/backgrounds/drakyann/bg.png');}
	.design.tech {background: url('../img/backgrounds/tech/bg.png');}
	.design.thunder {background: url('../img/backgrounds/thunder/bg.png');}
	.design.aqua {
		background: url('../img/backgrounds/aqua/bg.png');
		background-size: 100% auto;
	}
	.design.rainbow {
		background: url('../img/backgrounds/rainbow/rainbow.png') top right no-repeat,
					url('../img/backgrounds/rainbow/bg.png');
		background-size: 100% 100%;
	}
	.message-img.noavatar {
		background: url('../img/backgrounds/noavatar.png') no-repeat;
		background-size: 100% 100%;
	}
	.img-frame {background: url('../img/backgrounds/noavatar.png') center no-repeat;}
	.might {background: url('../img/backgrounds/might.png');}
	.dexterity {background: url('../img/backgrounds/dexterity.png');}
	.alertness {background: url('../img/backgrounds/alertness.png');}
	.might:hover, .might.active {background: url('../img/backgrounds/might-h.png');}
	.dexterity:hover, .dexterity.active {background: url('../img/backgrounds/dexterity-h.png');}
	.alertness:hover, .alertness.active {background: url('../img/backgrounds/alertness-h.png');}

/*структура*/
	html, body {height: 100%;}
	body {
		width: 100%;
		margin: 0 10px;
	}
	.navigation {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 120px;
	}
	.navigation a {
		display: block;
		text-align: center;
		padding-top: 80px;
		margin: 5px 0;
	}
	#nav-create {line-height: 15px;}
	.wrapper {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	.main {
		position: relative;
		margin: -40px 100px -40px 170px;
	}
	.main::before, .main::after, .header::before, .header::after, .footer::before, .footer::after {
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		height: 100%;
		width: 62px;
	}
	.header, .footer {
		position: relative;
		margin: 0 100px 0 170px;
	}
	.header {height: 152px;}
	.footer {box-sizing: border-box;}
	.content {
		min-height: 460px;
		padding: 40px 30px 60px 30px;
	}
	.copyright {float: left;}
	.vk-link {
		float: right;
		text-align: right;
	}
	.copyright, .vk-link {margin: 0 25px;}
	.copyright .letter-img+span, .vk-link .letter-img+span {
		display: inline-block;
		width: 20px;
		opacity: 0;
	}
	.copyright .letter-img, .vk-link .letter-img {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 -20px -5px 0;
	}
	.line {
		width: 100%;
		height: 1px;
		margin: 10px 0;
	}
	.nav-line, .scroll-button, .nav-button {
		display: none;
		position: absolute;
		opacity: 0.7;
	}
	.nav-button {
		top: 40px;
		left: 20px;
		width: 50px;
		height: 53px;
	}
	.nav-line {
		top: 0px;
		left: 50%;
		margin-left: -15px;
		width: 30px;
		height: 15px;
	}
	.navigation:not(.active)+.nav-line.stick {
		position: fixed;
		width: 80px;
		height: 40px;
		top: 0px !important;
		margin-left: -40px;
	}
	.scroll-button.active {display: block;}
	.scroll-button {
		cursor: pointer;
		position: fixed;
		bottom: 0px;
		left: 50%;
		margin-left: -20px;
		width: 40px;
		height: 20px;
	}

/*z-index*/
	.header, .footer, .profile-img, .stat-about, .content-img::before, .content-img::after,
	.profile-img::before, .profile-img::after, .char-img::before,
	.char-img::after {z-index: 2;}
	.guise-about, .favorite:hover::after, .search-result, .weapon a:hover::after,
	.armor a:hover::after, .inventory .icon-delete:hover::after,
	.achievement-text {z-index: 3;}
	.nav-line, .scroll-button, .nav-button {z-index: 4;}
	.navigation, .img-frame.active img {z-index: 8;}
	.alert {z-index: 9;}

/*контент*/

	/*активные элементы*/
		form {position: relative;}
		button {
			cursor: pointer;
			background: transparent;
			border: 0px none;
		}
		input, textarea {
			padding: 2px 10px;
			width: 100%;
			box-sizing: border-box;
		}
		textarea {
			min-width: 100%;
			max-width: 100%;
		}
		textarea {height: 90px;}
		.profile-block input, .filter-block textarea {display: none;}
		.profile-block input, .reg-block input {width: 50%;}
		.reg-block input {margin-top: 5px;}
		.redirect form {margin: 15px 50px 0 50px;}
		.alert {
			display: none;
			position: fixed;
			width: 100%;
			height: 100%;
		}
		.alert > div {
			display: none;
			position: fixed;
			width: 400px;
			top: 50%;
			left: 50%;
			margin: -100px 0 0 -200px;
			padding: 5px;
			text-align: center;
		}
		#error a {
			display: inline-block;
			width: 150px;
			margin: 10px 15px;
		}
		#choose a {
			display: block;
			margin: 10px 10px 0 10px;
		}
		#choose a:last-of-type {margin-bottom: 10px;}
		#char-name {
			width: 175px;
			margin: 5px 0 5px 10px;
		}
		#random-name {
			display: inline-block;
			width: 28px;
			height: 28px;
			vertical-align: top;
			margin-top: 5px;
		}
		.profile-block .password input {width: 25%;}
		.search input {margin-bottom: 15px;}
		.search button {
			position: absolute;
			top: 1px;
			right: 1px;
			width: 26px;
			height: 26px;
		}
		.links a, .message-filter a:not(.icon-add), .show-more, .password a, .design, button,
		.game h4, #guise, .filter-block a, #char-save, .char-pregen p + a {
			margin: 5px;
			white-space: nowrap;
			line-height: 40px;
			padding: 2px 10px;
		}
		#char-save {margin: 5px 0;}
		.filter-block a {line-height: 30px;}
		.char-info .links {margin-left: 10px;}
		.char-info .links a {margin-right: 0;}
		.mother, .father {display: none;}
		.halfblood .father {display: inline;}
		.halfblood + .mother {display: block;}
		.father + a, .mother a, .age {
			display: inline-block;
			padding: 2px 10px;
			margin: 5px 0;
		}
		.age {margin: 5px 8px 5px 0;}
		.father {margin-right: 5px;}
		.father + a {width: 362px;}
		.halfblood .father + a, .mother a {width: 292px;}
		.games {text-align: center;}
		.game {
			display: inline-block;
			margin: 20px 25px;
			width: 367px;
		}
		.game .content-img, .game h4 {margin: 0;}
		.game:hover .game-hover {display: none;}
		.game.active:hover .game-hover {display: block;}
		.game.active .game-hover {opacity: 0.7;}
		.game h4 {margin-bottom: 10px;}
		.links #surprise {padding: 0 10px 4px 10px;}
		.design, button {
			margin: 0 5px;
			line-height: 20px;
		}
		.profile-block p.password {margin: 0px 7px 12px 7px;}
		.profile-block p.password+p {margin-top: 12px;}
		.password a {margin-left: 0px;}
		.message-filter {margin-bottom: 15px;}
		.links a:hover, .message-filter a:not(.icon-add):hover, .show-more:hover,
		.password a:hover, .design:hover, button:hover, .links a.active {opacity: 0.8;}
		.message-filter a:not(.icon-add):first-of-type {
			float: right;
			line-height: 22px;
			margin-top: 6px;
		}
		a.download {padding-right: 25px;}
		.links {margin-bottom: 20px;}
		.message-edit, .message-new, .theme-new, .theme-edit .players-list, .links-add,
		.theme-edit .theme-name, .char-about textarea, #item-create {display: none;}
		.message-edit {margin-top: 10px;}
		.message-new {margin-left: 5px;}
		.theme-new input {margin-bottom: 10px;}
		.theme-edit {margin-top: 15px;}
		.theme-edit input {margin: 0 0 10px 0;}
		.show-more {
			display: block;
			text-align: center;
			line-height: 22px;
			margin-top: 15px;
		}
		.login-block form {
			width: 50%;
			margin: 0 auto 25px auto;
		}
		.login-block input {margin-bottom: 10px;}
		.login-block button {margin-left: 0px;}
		.checkbox {
			float: right;
			padding-left: 15px;
			margin-top: 4px;
		}
		.skills-list .checkbox {margin: 0 25px 0 0;}
		.race .checkbox {margin-right: 152px;}
		.checkbox.active {
			cursor: pointer;
			padding-left: 15px;
		}
		.checkbox + h3 {display: inline-block;}
		.stat-point {
			display: block;
			width: 12px;
			height: 12px;
			margin: 5px 1px 0 1px;
			border-radius: 7px;
		}
		.skills .stat-point, .section-block .stat-point, .stat-list .stat-point {
			opacity: 0.8;
			width: 3px;
			height: 14px;
			margin-top: 0px;
			border-radius: 0px;
		}
		.stat-list .stat-name {margin-right: 5px;}
		.stat-list .stat-point {
			width: 1px !important;
			margin-top: 2px;
			border-left: 0;
		}
		.stat-lvl-text {
			display: inline-block;
			width: 0px;
			height: 13px;
			margin: 3px 1px 0 2px;
			vertical-align: top;
			overflow: hidden;
			-webkit-transform: rotate(10deg);
			-moz-transform: rotate(10deg);
			-o-transform: rotate(10deg);
		}
		.skills-block .stat-point, .section-block .stat-point {height: 18px;}
		.skills-block .stat-point {margin-top: 4px;}
		.section-block .stat-point {margin-top: 1px;}
		.skills-block .stat-point.locked {display: none;}
		.skills .icon-info, .section-block .icon-info {
			width: 8px;
			height: 14px;
			margin-top: 0px;
			border-radius: 0px;
			line-height: 14px;
		}
		.section-block .icon-info {
			margin-top: 1px;
			height: 18px;
			line-height: 18px;
		}
		.stat-about {
			display: none;
			position: absolute;
			right: -21px;
			border-radius: 5px;
			padding: 1px 5px;
			opacity: 0.8;
			line-height: 16px;
			max-width: 170px;
			margin-top: 25px;
		}
		.section-block .skill:last-of-type {margin-bottom: 15px;}
		.params .stat-about {
			margin-top: 0;
			right: -15px;
		}
		.char-info .params .stat-about {right: -25px;}
		.stat .icon-info:hover+.stat-about, .skills-block.active .skill:hover .stat-about,
		.stat-about:hover {display: inline-block;}
		.links-add {margin: 10px 5px;}
		.params-block .stat-point:not(.locked):not(.lock):hover {cursor: pointer;}
		.skills-block .stat-point.lock {cursor: default;}
		#char-age {
			display: inline-block;
			width: 325px;
			margin-left: 25px;
		}
		#age-line {
			position: relative;
			display: inline-block;
			width: 200px;
			height: 10px;
			margin-right: 25px;
			opacity: 0.7;
		}
		#age-point {
			position: absolute;
			display: block;
			left: 50%;
			width: 10px;
			height: 10px;
			margin: 0px;
			border-radius: 5px;
			opacity: 1;
		}
		.char-links {position: relative;}
		.search-result {
			display: none;
			position: absolute;
			padding: 5px;
			left: 5px;
			bottom: 45px;
		}
		.content-block.search .search-result {
			bottom: auto;
			top: 35px;
		}
		.search-result a {
			display: block;
			white-space: nowrap;
			padding: 0 4px;
			margin-bottom: 5px;
		}
		.search-result a:last-of-type {margin: 0;}
		.noresult, .mutations {display: none;}
		a.more-info {
			display: inline;
			padding: 2px 10px;
			position: absolute;
			margin: 5px 0 0 184px;
		}

	/*иконки*/
		.copyright .letter-img {background: url('../img/icons/wildwind.png') no-repeat;}
		.favorite.active {background: url('../img/icons/favorite.png') no-repeat;}
		.icons {
			display: inline-block;
			font-size: 19px;
			margin-left: 5px;
		}
		.stat-about .icons {display: block;}
		.icons div {
			display: inline-block;
			width: 15px;
			height: 15px;
		}
		.profile-img .icons, .char-img .icons {
			position: absolute;
			top: 0px;
			width: 15px;
		}
		.profile-img .icons {left: -27px;}
		.char-img .icons {right: -27px;}
		.char-info .char-img .icons {left: -29px;}
		.icons a {
			display: inline-block;
			height: 18px;
			margin-bottom: -5px;
		}
		.icons a.hidden {display: none;}
		h2 .icons a {margin: 0px;}
		.profile-img .icons a:last-of-type, .char-img .icons a:last-of-type {margin-top: 7px;}
		.icon-add {
			display: inline-block;
			height: 18px;
			margin: 0 0 -3px 10px;
		}
		.theme-players a:not(:last-of-type)::after {
			content: ",";
			margin-right: 5px;
		}
		.delete {
			display: inline-block;
			vertical-align: top;
			line-height: 10px;
			font-size: 13px;
		}
		.skills-list .section-name .icon-add {display: none;}
		.skills-list .section-name.active .icon-add {display: inline-block;}
		.char-about .icon-add {margin: 0 0 -4px 2px;}
		.icons .icon-add {margin-left: 0px;}
		.icon-player {width: 14px;}
		.icon-minus, .icon-file, .icon-move, .icon-add {width: 15px;}
		.icon-quote, .icon-restore, .icon-delete {width: 16px;}
		.icon-reply {width: 17px;}
		.icon-favorite, .icon-favorite.active {width: 18px;}
		.icon-visible, .icon-edit, .icon-vk {width: 20px;}
		.icon-new {width: 22px;}
		.icon-minus {height: 5px;}
		.icon-move {height: 15px;}
		.icon-file {height: 19px;}
		.icon-vk {
			display: inline-block;
			height: 20px;
			margin-left: 5px;
			vertical-align: middle;
		}
		a.icon-restore, .message.deleted .icon-edit, .message.deleted .icon-quote,
		.message.deleted .icon-favorite, .section-name.deleted .icon-favorite,
		.section-name.deleted .icon-add, .section-name.deleted + .section-block,
		.section-name.deleted .icon-edit, .section-name.deleted .icon-player {display: none;}
		.message.deleted .icon-restore, .section-name.deleted .icon-restore {display: inline-block;}
		.links .favorite {
			position: relative;
			float: right;
			width: 40px;
			height: 40px;
			border: 0 none !important;
			padding: 0;
			margin: 0 0 5px 5px;
		}
		.profile-block .favorite {margin-top: -5px;}
		.favorite:hover::after {
			content: "в избранное";
			position: absolute;
			top: 10px;
			left: -105px;
			height: 20px;
			border-radius: 5px;
			padding: 1px 5px;
			white-space: nowrap;
			opacity: 0.8;
			line-height: 20px;
		}
		.favorite.active:hover::after {content: "в избранном";}
		h3 .download {
			display: inline-block;
			height: 20px;
			margin-bottom: -2px;
		}
		h3 .download:hover::after {
			content: "скачать лист персонажа";
			position: absolute;
			border-radius: 5px;
			margin: -2px 0 0 25px;
			padding: 1px 5px;
			opacity: 0.8;
			line-height: 20px;
		}
		.invisible, .visible {padding-left: 25px;}
		.invisible {margin-left: 142px;}
		.char-about .icon-edit {
			float: right;
			display: inline-block;
			height: 18px;
			margin: 3px 0 0 10px;
		}
		.icon-info {
			display: block;
			width: 12px;
			height: 12px;
			margin: 5px 0 0 1px;
			border-radius: 7px;
			line-height: 12px;
			text-align: center;
		}
		.weapon a, .armor a, .inventory .icon-delete {
			display: inline-block;
			margin: 0 0 -3px 2px;
			width: 16px;
			height: 18px;
		}
		.weapon a, .armor a {display: inline-block;}
		#weapon:not(.active), #armor:not(.active) {display: none;}
		.inventory .icon-delete {
			display: none;
			margin: 0 0 -4px 7px;
		}
		.inventory .item-list span:hover .icon-delete {display: inline-block;}
		.inventory #weapon:hover .icon-delete, .inventory #armor:hover .icon-delete {display: inline-block;}
		.inventory a+.icon-delete {margin-left: 2px;}
		.weapon a:hover::after, .armor a:hover::after, .inventory .icon-delete:hover::after {
			display: inline-block;
			position: absolute;
			border-radius: 5px;
			padding: 1px 5px;
			margin-left: 20px;
			font-size: 15px;
			line-height: 16px;
		}
		.inventory .icon-delete:hover::after {margin-top: -1px;}
		.weapon a:hover::after {content: "выбрать основным оружием"}
		.armor a:hover::after {content: "надеть броню"}
		.inventory .icon-delete:hover::after {content: "убрать из инвентаря"}
		.inventory #weapon .icon-delete:hover::after {content: "убрать оружие"}
		.inventory #armor .icon-delete:hover::after {content: "снять броню"}
		.accept {
			display: none;
			width: 31px;
			height: 31px;
			margin: -5px 0 -8px 8px;
		}
		.accept.active {display: inline-block;}
		.profile-block .accept:hover::after {
			content: "установить дизайн";
			position: absolute;
			margin: 5px 0 0 35px;
			border-radius: 5px;
			padding: 1px 5px;
			opacity: 0.8;
			line-height: 20px;
		}
		h3 .accept {margin: -5px 0 -3px 15px;}
		h4 .accept {margin: -5px 0 -10px 10px;}
		.design.this+.accept {display: none;}
		.new-lvl .accept {float: right;}
		.male, .female {
			display: inline-block;
			width: 18px;
			height: 28px;
			margin-bottom: -12px;
		}
		.icon-char {
			display: inline-block;
			width: 18px;
			height: 20px;
			margin: 1px 0 0 5px;
		}
		.icon-char:hover::after {
			content: "энергетика основной личности";
			position: absolute;
			margin: -2px 0 0 22px;
			border-radius: 5px;
			padding: 1px 5px;
			opacity: 0.8;
			line-height: 20px;
		}
		.icon-char.active:hover::after {content: "энергетика второй личности";}
		.fire, .wind, .water, .earth, .life, .light, .dark, .time, .zagran {
			display: inline-block;
			vertical-align: middle;
			width: 15px;
			height: 15px;
			margin: 10px 1px;
			opacity: 0.9;
		}
		h4 .stat-info {
			margin: 0 5px;
			display: inline-block;
			vertical-align: bottom;
			height: 13px;
		}
		h4 .stat-info span {margin: 0 1px;}
		.fire {background: url('../img/icons/fire.png') no-repeat;}
		.wind {background: url('../img/icons/wind.png') no-repeat;}
		.water {background: url('../img/icons/water.png') no-repeat;}
		.earth {background: url('../img/icons/earth.png') no-repeat;}
		.life {background: url('../img/icons/life.png') no-repeat;}
		.light {background: url('../img/icons/light.png') no-repeat;}
		.dark {background: url('../img/icons/dark.png') no-repeat;}
		.time {background: url('../img/icons/time.png') no-repeat;}
		.zagran {background: url('../img/icons/zagran.png') no-repeat;}

	/*изображения*/
		.wide-img {width: 100%;}
		.img-frame.active img {
			cursor: move;
			position: absolute;
		}
		.content .logo {
			width: 500px;
			margin: 0 auto;
			text-align: center;
		}
		.content .logo img {width: 100%;}
		.content-img {
			position: relative;
			float: right;
			margin: 5px 15px;
			max-width: 100%;
		}
		.content-img img {max-width: 100%;}
		a.game .content-img, a.game h4 {
			width: 100%;
			box-sizing: border-box;
			overflow: hidden;
		}
		.content-img:nth-of-type(odd), .race .content-img {
			float: left;
			margin-left: 5px;
			margin-right: 25px;
		}
		.small-img img {height: 200px;}
		.content-img img, .content-img a {display: block;}
		.content-img::before, .content-img::after, .profile-img::before,
		.profile-img::after, .char-img::before, .char-img::after {
			content: "";
			display: block;
			position: absolute;
			left: 0px;
			width: 100%;
		}
		.content-img::before, .profile-img::before, .char-img::before {top: 0px;}
		.content-img::after, .profile-img::after, .char-img::after {bottom: 0px;}
		.links img {
			opacity: 0.8;
			position: relative;
			width: 26px;
			height: 26px;
			vertical-align: top;
			margin: 7px -10px 0 8px;
		}
		.links a:hover img {opacity: 0.9;}
		.game-block .content-img {margin-top: 8px;}
		.game-block:nth-of-type(even) .content-img, .guise:nth-of-type(even) .content-img {float: left;}
		.guise .content-img {margin: 5px 0 5px 35px;}
		.guise:nth-of-type(even) .content-img {margin: 5px 35px 5px 0;}
		.content-img:hover .game-hover, .guise-about {display: none;}
		.game img {
			width: 100%;
			box-sizing: border-box;
		}
		.game-hover, .guise-about {
			position: absolute;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			padding: 40px 20px;
			text-align: center;
			opacity: 0.5;
		}
		.game-hover {overflow: hidden;}
		.game-hover, .guise-about:hover, .content-img:hover .guise-about {display: block;}
		.guise-about {
			padding: 10px;
			opacity: 0.6;
		}
		.message-img {
			position: relative;
			float: left;
			margin: 2px 7px 0 0;
			width: 58px;
			height: 58px;
			opacity: 0.9;
		}
		.reply .message-img {
			width: 42px;
			height: 42px;
		}
		.message-img img {
			width: 100%;
			height: 100%;
			border-radius: 31px;
		}
		.profile-block .content-img, .profile-block .content-img img, .img-frame {
			width: 333px;
			height: 333px;
		}
		.achievement {
			position: relative;
			display: inline-block;
			width: 136px;
			height: 56px;
			margin: 0 5px 16px 5px;
		}
		.achievement:last-of-type {margin-bottom: 30px;}
		.profile-img {
			position: relative;
			float: right;
			margin: 5px 15px;
		}
		.char-img {
			position: relative;
			float: left;
			margin: 5px 40px 5px 5px;
		}
		.char-info .char-img {
			float: right;
			margin: 5px 5px 5px 40px;
		}
		.char-img .img-frame {height: 467px;}
		.img-frame {
			position: relative;
			overflow: hidden;
		}
		.img-frame img {
			width: 100%;
			height: 100%;
		}
		.content-img::before, .content-img::after {height: 17px;}
		.char-img::before, .char-img::after, .profile-img::before, .profile-img::after {
			content: "";
			display: block;
			position: absolute;
			left: 0px;
			width: 100%;
		}
		.profile-img::before, .char-img::before {top: 0px;}
		.profile-img::after, .char-img::after {bottom: 0px;}

	/*текст и отступы*/
		ul {margin-top: 0px;}
		ul ul {margin-bottom: 0px;}
		.content-block {clear: both;}
		h2 {
			margin: 0px;
			text-align: center;
		}
		h3, h4 {margin: 0 0 5px 5px;}
		.char-img + h3 {
			display: inline-block;
			margin-left: 0px;
		}
		h4+.links {margin-left: 10px;}
		.filter-block h4 {margin: 20px 0 10px 40px;}
		.filter-block p {margin: 5px 42px;}
		.filter-block textarea {margin-top: 10px;}
		p {margin: 5px;}
		.reg-block p {margin: 0 0 18px 5px;}
		.reg-block p:last-of-type {font-size: 15px;}
		.section-name {
			padding-left: 20px;
			text-align: left;
		}
		.section-block {
			display: none;
			padding-left: 20px;
		}
		.section-name.active+.section-block {display: block;}
		.game-block {padding: 10px;}
		.game-about {padding-left: 15px;}
		.game-block:nth-of-type(odd) .game-about {padding-left: 5px;}
		.game-about p:last-of-type:not(:first-of-type) {
			margin-top: 25px;
			margin-bottom: 10px;
		}
		.message-block {margin-bottom: 25px;}
		.message {margin: 10px 5px 10px 5px;}
		.message.reply {margin: 10px 5px 10px 60px;}
		.message-time {float: right;}
		.message-text {text-indent: 7px;}
		.message:not(.reply) .message-text {min-height: 40px;}
		.profile-block {margin-bottom: 25px;}
		.profile-block p {margin: 20px 7px;}
		.char-block p {margin: 12px 0;}
		.achievement-text {
			display: none;
			position: absolute;
			top: 10px;
			left:  120px;
			border-radius: 5px;
			padding: 1px 5px;
			font-size: 15px;
			line-height: 16px;
		}
		.achievement:hover .achievement-text {display: block;}
		.login-block {
			display: none;
			margin-bottom: 25px;
		}
		.char-block {height: 223px;}
		.stat {
			position: relative;
			display: flex;
			margin-top: 10px;
		}
		.guise .stat {margin-top: 5px;}
		.skills-block .skill {
			display: inline-block;
			opacity: 0.8;
			margin: 0 5px 5px 0;
		}
		.skills-block .skill:hover {opacity: 1;}
		.skills-block .stat {margin: 0 8px 2px 10px;}
		.skills-block .stat-name, .section-block .stat-name {margin-right: 8px;}
		.content-block:not(.about-active) .section-block .stat-about {display: none;}
		.guise h4 + .stat {margin-top: 10px;}
		.stat-list {
			display: flex;
			flex-wrap: wrap;
			margin: 7px 0 0 10px;
		}
		.guise .stat-list {margin-left: 5px;}
		.guise .stat-list {min-height: 44px;}
		.char-info p + .stat-list {min-height: 60px;}
		.race .stat-list {
			margin-top: 15px;
			margin-bottom: 13px;
		}
		.stat-list .stat {
			margin: 0 0 0 7px;
			text-transform: lowercase;
		}
		.stat-list .stat::after {
			content: ",";
			font-size: 20px;
			line-height: 22px;
			margin-left: 1px;
		}
		.stat-list .stat:last-of-type::after {content: "";}
		.stat-width {
			position: relative;
			display: flex;
		}
		.params .stat-width {width: 155px;}
		.params-block .stat-width {width: 162px;}
		.hp .stat-width {width: 40px;}
		.params-block .stat:first-of-type .stat-width {width: 50px;}
		.char-info .params {margin: 20px 10px;}
		.char-info .params .stat:first-of-type .stat-width {width: 43px;}
		.skills .stat-width {
			width: 269px;
			white-space: nowrap;
		}
		.guise .stat-width {width: 214px;}
		.race .stat-width {width: 226px;}
		.guise h4 + .stat .stat-width {width: 70px;}
		.race .male + .stat .stat-width, .race .female + .stat .stat-width,
		.race h3 + .stat .stat-width {width: 82px;}
		.stat-line {
			width: 100%;
			height: 1px;
			margin: 17px 1px 0 10px;
		}
		.skills .stat-line {margin-top: 15px;}
		.stat-lvl {margin: 0 5px;}
		.char-about {margin-top: 15px;}
		.char-about .editable {margin: 0 0 10px 10px;}
		.char-about textarea {margin: 10px 0;}
		.char-about .line {margin-top: 20px;}
		.hp {margin-top: 20px;}
		.stats2 {margin: 25px 40px;}
		.stats2 .stat:nth-of-type(odd) {width: 350px;}
		.stats2 .stat:nth-of-type(even) {float: right;}
		.hp.stats2 .stat:nth-of-type(even) {margin-top: -24px;}
		.inventory {margin: 20px 0;}
		.inventory .line {margin-top: 20px;}
		.skills.stats2 .stat:nth-of-type(even) {margin-top: -20px;}
		.guise {
			position: relative;
			margin: 0 40px;
		}
		.guise .stat, .guise p {margin-left: 5px;}
		.guise p {
			height: 88px;
			margin-top: 10px;
		}
		.guise-stats {
			margin: 7px 0 20px 5px;
			text-align: center;
		}
		.guise-stats span:first-of-type {float: right;}
		.guise-stats span:nth-of-type(2) {float: left;}
		.guise:nth-of-type(odd)+.guise::before, .guise:nth-of-type(even)+.guise::before {
			content: "";
			position: absolute;
			top: -20px;
			left: 375px;
			display: block;
			width: 40px;
			height: 28px;
		}
		.char-about p {margin: 10px 5px;}
		.char-unchecked {text-align: center;}
		.char-info p, .char-info .params {margin-left: 10px;}
		.params-block {
			float: left;
			margin: 0 25px 0 10px;
			width: 325px;
		}
		.params {position: relative;}
		.skills-block {
			margin: 20px 0;
			margin-left: 360px;
			min-height: 440px;
		}
		.points-left {
			margin: 25px 0;
			text-align: right;
		}
		.skills-list .stat {margin-top: 5px;}
		.skills-list .stat-about {
			position: relative;
			display: block;
			max-width: 100%;
			opacity: 1;
			background: transparent;
			margin: 5px 0 15px 0;
		}
		.stat-list .stat:hover .stat-about {
			display: block;
			margin-top: 20px;
		}
		.skills-list .stat-about p {
			line-height: 18px;
			margin: 0;
		}
		.skills-list>p, .skills-list .section-name, .skills-list .section-block {margin-left: 15px;}
		.skills-list>p:first-of-type {margin-bottom: 15px;}
		.skills-list .line, .char-info .line, .filter-block .line {margin-top: 20px;}
		.tier {
			line-height: 32px;
			vertical-align: top;
			margin: 0 -2px 0 4px;
		}
		.redirect p, .char-pregen {text-align: center;}
		.player {
			margin: 10px;
			opacity: 0.7;
		}
		.item-list>span:not(:last-of-type)::after {content: ",";}
		.weight, .message.hidden {display: none;}
		.section-name.deleted, .message.deleted, .system-message {
			cursor: default;
			opacity: 0.7;
		}
		.system-message {margin-top: 10px;}
		.stat-block {padding: 2px 0 7px;}
		.more-info {
			display: none;
			padding: 2px 0 0;
			margin: 15px 0 15px 15px;
		}

	/*таблицы*/
		.skills-table {
			width: 80%;
			margin: 0 auto 40px auto;
			opacity: 0.8;
			border-top-left-radius: 17px;
			border-top-right-radius: 17px;
		}
		.skills-table td {
			width: 33%;
			text-align: center;
		}
		.skills-table th {
			opacity: 0.9;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;
		}
		.skills-table th, .skills-table td {
			padding: 2px 0;
			border: 3px double #000;
			text-transform: lowercase;
		}
		.skills-table .locked {opacity: 0.7;}

/*адаптивность*/
	@media (max-width: 1240px) {
		.navigation.active #nav-faq {background: url('../img/menu/menu-logo.png') center 10px no-repeat;}
		.navigation.active #nav-profile {background: url('../img/menu/menu-logo.png') center 10px no-repeat;}
		.navigation.active #nav-system {background: url('../img/menu/menu-dice.png') center 10px no-repeat;}
		.navigation.active #nav-games {background: url('../img/menu/menu-games.png') center 10px no-repeat;}
		.navigation.active #nav-info {background: url('../img/menu/menu-world.png') center 10px no-repeat;}
		.navigation.active #nav-create {background: url('../img/menu/menu-race.png') center 10px no-repeat;}
		.navigation.active #nav-message {background: url('../img/menu/menu-messages.png') center 10px no-repeat;}
		.navigation.active #nav-reg {background: url('../img/menu/menu-book.png') center 10px no-repeat;}
		.navigation.active #nav-admin {background: url('../img/menu/menu-book.png') center 10px no-repeat;}
		.navigation.active #nav-login {background: url('../img/menu/menu-entrance.png') center 10px no-repeat;}
		.navigation.active #nav-logout {background: url('../img/menu/menu-entrance.png') center 10px no-repeat;}
		.nav-button, .nav-line {display: block;}
		.navigation {display: none;}
		.navigation.active {
			padding: 0 40px;
			text-align: center;
		}
		.navigation.active.stick, .navigation.active.stick+.nav-line {
			position: fixed;
			top: 0px;
		}
		.navigation.active a {
			display: inline-block;
			margin: 20px 30px;
			width: 120px;
		}
		.navigation.active a#nav-faq, .navigation.active a#nav-profile {margin-top: 50px;}
		.navigation.active a#nav-login, .navigation.active a#nav-logout {margin-bottom: 70px;}
		.wrapper {width: 1000px;}
		.main {margin: -40px 52px;}
		.header, .footer {margin: 0 52px;}
		.guise {margin: 0 25px;}
		.stats2 {margin: 25px 20px;}
		.games .game:nth-of-type(odd) {margin-left: 0;}
		.games .game:nth-of-type(even) {margin-right: 0;}
		#age-line {margin-right: 25px;}
		textarea + .checkbox {float: none;}
		.params .stat-about {margin-top: 25px;}
		.guise:nth-of-type(odd)+.guise::before, .guise:nth-of-type(even)+.guise::before {left: 372px;}
	}
	@media (max-width: 1040px) {
		.wrapper {width: 850px;}
		.guise {margin: 0;}
		.stats2 {margin: 25px 0;}
		.stat-point, .icon-info {width: 8px;}
		.skills .stat-point, .section-block .stat-point {width: 2px;}
		.skills .icon-info, .section-block .icon-info {width: 4px;}
		.guise .content-img img {width: 359px;}
		.guise .stat-width {width: 178px;}
		.guise .stat {margin-top: 1px;}
		.guise:nth-of-type(odd)+.guise::before, .guise:nth-of-type(even)+.guise::before {
			left: 323px;
			top: -20px;
		}
		a.game {margin: 20px 0 0 0 !important;}
		.father + a {width: 322px;}
		.halfblood .father + a, .mother a {width: 252px;}
		.race .checkbox {margin-right: 10px;}
		.race .male + .stat .stat-width, .race .female + .stat .stat-width,
		.race h3 + .stat .stat-width {width: 118px;}
		.params-block .stat-width {width: 134px;}
		.params-block {
			float: none;
			width: auto;
		}
		.params-block .points-left, #initiative, #will {float: right;}
		#will {margin-top: -220px;}
		#initiative {margin-top: -250px;}
		.params-block .points-left {margin-top: -180px;}
		.skills-block {
			margin-left: 0px;
			text-align: center;
			min-height: 0px;
		}
		#char-age, #age-line {
			display: block;
			margin: 11px;
		}
		.char-info .params .stat:first-of-type .stat-width {width: 72px;}
		.reg-block input {width: 44%;}
	}
	@media (max-width: 900px) {
		.wrapper {width: 100%;}
		.nav-button {display: none;}
		.nav-line {
			width: 80px;
			height: 40px;
			margin-left: -40px;
		}
		.navigation.active {padding: 0 10px;}
		.navigation.active.stick {left: 10px;}
		.navigation.active a {margin: 5px;}
		.navigation.active a#nav-faq, .navigation.active a#nav-profile {margin-top: 15px;}
		.navigation.active a#nav-login, .navigation.active a#nav-logout {margin-bottom: 40px;}
		.guise:nth-of-type(odd)+.guise::before, .guise:nth-of-type(even)+.guise::before {display: none;}
		.guise .content-img img {width: 250px;}
		.guise .stat-list {min-height: auto;}
		.guise-stats {text-align: left;}
		.guise-stats span:last-of-type {float: none;}
		.guise-stats span {margin-right: 20px;}
		.profile-block .content-img, .profile-block .content-img img, .img-frame {
			width: 275px;
			height: 275px;
		}
		.char-img .img-frame {height: 386px;}
		.char-block {height: 200px;}
		.char-block p {margin: 6px 0;}
		.stat {margin-top: 2px;}
		h3, h3 a {font-size: 23px;}
		h3, h4 {margin-bottom: 0px;}
		.skills .stat-name {font-size: 16px;}
		.skills .stat-width {width: 240px;}
		.guise .content-img {margin: 5px 0 5px 15px;}
		.guise:nth-of-type(even) .content-img {margin: 5px 15px 5px 0;}
		.race .stat-width {width: 165px;}
		.race .male + .stat .stat-width, .race h3 + .stat .stat-width,
		.race .female + .stat .stat-width {width: 57px;}
		.race .checkbox {margin-right: 0px;}
		.father + a {width: 254px;}
		.halfblood .father + a, .mother a {width: 184px;}
		#will {margin-top: -170px;}
		#initiative {margin-top: -200px;}
		.params-block .points-left {margin-top: -130px;}
		.params-block {margin: 15px 0 0 5px;}
		#guises-block .content-img img {
			width: 279px;
			height: 202px;
		}
		.reg-block p {margin-bottom: 8px;}
		.reg-block input {width: 48%;}
	}
	@media (max-width: 800px) {
		.new-lvl .accept + p, .char-unchecked {font-size: 19px;}
		.stats2 .stat:nth-of-type(odd) {width: auto;}
		.stats2 .stat:nth-of-type(even) {float: none;}
		.hp.stats2 .stat:nth-of-type(even), .skills.stats2 .stat:nth-of-type(even) {margin-top: 0;}
		.profile-block .content-img, .profile-block .content-img img, .img-frame {
			width: 200px;
			height: 200px;
		}
		.char-img .img-frame {height: 280px;}
		.char-block {height: auto;}
		.char-block p {margin: 5px 0;}
		.stat {margin-top: 5px;}
		.icons {margin-left: 0;}
		.char-img .icons {right: -22px;}
		.char-img {margin-right: 35px;}
		.char-block+.params {margin: 17px 0 0 243px;}
		.stat {margin-top: 0;}
		.hp.stats2 .stat-point, .hp.stats2 .icon-info {width: 12px;}
		.skills.stats2 .stat-point {width: 3px;}
		.skills.stats2 .icon-info {width: 8px;}
		.skills.stats2 .stat-name {font-size: 19px;}
		.skills .stat-width {width: 270px;}
		.hp .stat-width {width: 42px;}
		.hp.stats2, .skills.stats2 {
			width: 347px;
			margin: 10px auto;
		}
		.guise .stat-width {width: 148px;}
		.guise h4 + .stat .stat-width {width: 40px;}
		.race .content-img {
			width: 225px;
			height: 300px;
		}
		.game-block .content-img {
			float: none !important;
			width: 363px;
			margin:  0 auto;
		}
		.game-block h3 {
			text-align: center;
			margin-top: 5px;
		}
		.reg-block p {margin: 8px 0;}
		.reg-block input {
			margin: -2px 0;
			width: 54%;
		}
	}
	@media (max-width: 770px) {
		.params-block {margin-top: 35px;}
		.params-block .points-left, .params-block .stat, #initiative, #will {
			float: none;
			margin: 0 auto;
		}
		.params-block .stat {width: 255px;}
		#initiative {width: 163px;}
		#will {width: 142px;}
		.params-block .points-left {text-align: center;}
		#skill-tips {
			margin: 32px 0 0 7px;
			position: absolute;
		}
		.skills-block .stat-point {
			height: 16px;
			margin-top: 2px;
		}
	}
	@media (max-width: 725px) {
		.race .content-img {
			width: 150px;
			height: 200px;
		}
	}
	@media (max-width: 720px) {
		.race .stat-width {width: 184px;}
		.race .male + .stat .stat-width, .race h3 + .stat .stat-width,
		.race .female + .stat .stat-width {width: 40px;}
		.char-img, .profile-img {
			float: none;
			width: 333px;
			margin: 20px auto;
		}
		.img-frame {
			width: 333px;
			height: 333px;
		}
		.char-img .img-frame {height: 467px;}
		.char-info .img-frame {
			width: 160px;
			height: 160px;
		}
		.char-info .char-img {width: 160px;}
		.char-info .char-img .img-frame {height: 224px;}
		.char-block {text-align: center;}
		.char-block+.params {
			width: 315px;
			margin: 17px auto 0 auto;
		}
		.char-img + h3 {
			display: block;
			text-align: center;
		}
		.stat-point, .icon-info {width: 12px;}
		.guise .content-img {
			position: absolute;
			right: 0px;
			margin: 10px 0 0 0 !important;
			opacity: 0.2;
		}
		.guise .content-img::before, .guise .content-img::after {display: none;}
		.guise .stat-width {width: 184px;}
		.params-block .stat {width: 318px;}
		#initiative {width: 167px;}
		#will {width: 146px;}
		.params-block .stat:first-of-type .stat-width {width: 45px;}
		.params-block .stat .stat-width {width: 157px;}
		.char-info .char-img {margin: 5px 0 5px 30px;}
		.char-info .params .stat:first-of-type .stat-width {width: 43px;}
		.reg-block input {
			margin: 0;
			width: 100%;
		}
	}
	@media (max-width: 700px) {
		h1, h1 a {
			font-size: 75px;
			letter-spacing: 4px;
		}
		.header {height: 120px;}
		.navigation.active a {margin: 5px 0;}
		.copyright, .vk-link {margin: 0 10px;}
		.content .logo {width: 100%;}
		#guises-block .content-img {display: none;}
	}
	@media (max-width: 600px) {
		.char-img, .profile-img {width: 200px;}
		.img-frame {
			width: 200px;
			height: 200px;
		}
		.char-img .img-frame {height: 280px;}
		.race .content-img {
			position: absolute;
			opacity: 0.2;
			right: 0;
			width: 300px;
			height: 400px;
		}
		.race .stat-list {
			min-height: 0px;
			margin: 10px 0;
		}
		.games-list .game-about {display: none;}
	}
	@media (max-width: 560px) {
		h1, h1 a {
			padding-top: 15px;
			font-size: 55px;
			letter-spacing: 1px;
		}
		.copyright, .vk-link {
			float: none;
			text-align: center;
		}
		.nav-line {
			width: 64px;
			height: 32px;
			margin-left: -32px;
		}
		h2, h2 a {
			font-size: 29px;
			line-height: 29px;
		}
	}
	@media (max-width: 520px) {
		.game {width: 300px;}
		.game-hover {padding: 10px;}
	}
	@media (max-width: 500px) {
		.char-pregen p + a {
			display: block;
			line-height: 20px;
			white-space: normal;
			margin: 10px 10px 15px 10px;
		}
		.stat-point, .icon-info, .hp.stats2 .stat-point,
		.hp.stats2 .icon-info {width: 8px;}
		.char-block+.params {width: 275px;}
		.hp.stats2 {width: 270px;}
		.guise .stat-width {width: 148px;}
		.skills.stats2 .stat-name {font-size: 16px;}
		.skills.stats2 .stat-width {width: 225px;}
		.skills.stats2 .icon-info {width: 4px;}
		.skills.stats2 {
			width: 296px;
			margin: 0 auto;
		}
		.char-img {margin: 10px;}
		.char-block, .char-img + h3 {
			text-align: left;
			margin-left: 10px;
		}
		.guise-stats {font-size: 18px;}
		.params-block .stat {width: 248px;}
		.params-block .stat:first-of-type .stat-width {width: 43px;}
		.params-block .stat .stat-width {width: 127px;}
		.char-info .char-img {display: none;}
		.char-info .params .stat .stat-width {width: 127px;}
		.messages-number {display: none;}
	}
	@media (max-width: 479px) {#skill-tips {margin-top: 70px;}}
	@media (max-width: 450px) {
		h2, h2 a {
			font-size: 25px;
			line-height: 25px;
		}
		.guise-stats span:first-of-type {display: none;}
	}
	@media (max-width: 440px) {
		.stat-point, .icon-info, .hp.stats2 .stat-point,
		.hp.stats2 .icon-info {width: 6px;}
		.skills.stats2 .stat-point {width: 2px;}
		.char-block+.params {width: 230px;}
		.hp.stats2 {width: 232px;}
		.skills.stats2 {width: 287px;}
		.params .stat-width, .guise .stat-width {width: 130px;}
		.game {width: 250px;}
		.game-hover {
			font-size: 16px;
			line-height: 15px;
		}
		.game h4 {
			font-size: 19px;
			line-height: 30px;
		}
		.race .content-img {
			width: 225px;
			height: 300px;
		}
		.father + a {width: 200px;}
		.halfblood .father + a, .mother a {width: 130px;}
	}
	@media (max-width: 415px) {
		.char-img .icons, a.favorite, .skills.stats2 .stat-line {display: none;}
		.char-block+.params, .hp.stats2, .skills.stats2 {width: auto;}
		.skills.stats2 .stat-width {
			width: auto;
			margin-right: 5px;
			white-space: normal;
		}
		.skills.stats2 .stat {display: block;}
		.skills.stats2 .stat-width, .skills.stats2 .stat-point,
		.skills.stats2 .icon-info {display: inline-block;}
		.skills.stats2 .stat-point, .skills.stats2 .icon-info {
			vertical-align: bottom;
			margin: 4px -3px;
		}
	}
	@media (max-width: 370px) {
		.header {height: 80px;}
		h1, h1 a {
			padding-top: 5px;
			font-size: 45px;
			letter-spacing: 0;
		}
		body, button, a, input, textarea, .download, .skills-list .stat-about,
		.stat-list .stat {font: 13px candara;}
		.navigation.active {padding: 0;}
		.navigation.active a {
			margin: 5px 4px;
			width: 100px;
		}
		.navigation.active a#nav-faq, .navigation.active a#nav-profile {margin-top: 7px;}
		.navigation.active a#nav-login, .navigation.active a#nav-logout {margin-bottom: 25px;}
		.search button {
			width: 22px;
			height: 22px;
			margin: 0;
		}
	}
	.reg-block .img-frame {background-size: 100% 100%;}