.gui-transition {transition: all .2s; transform: translateZ(0);}

.gui-progress-bar-label {
	color: #FFF; height: 100%; left: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100%;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}

.b-control-lvl {background: url("../images/gui/lvl/bg.png") 62px 0 no-repeat; cursor: default; height: 64px; position: relative; width: 290px;}
.b-control-lvl__premium {background: url("../images/bank-premium-levels.png") no-repeat; cursor: pointer; left: 4px; height: 54px; position: absolute; top: 8px; width: 54px;}
.b-control-lvl__effects {background: url("../images/gui/lvl/effects-back.png") no-repeat; display: none; left: 48px; height: 49px; position: absolute; top: 10px; width: 29px;}
.b-control-lvl__effects-icon {background: url("../images/gui/lvl/effects-icon.png") no-repeat; cursor: pointer; left: 5px; height: 18px; position: absolute; top: 12px; width: 18px;}
.b-control-lvl__level {color: #000; cursor: pointer; font-size: 12px; font-weight: bold; height: 18px; left: 72px; line-height: 18px; position: absolute; text-align: center; top: 6px; width: 18px;}
.b-control-lvl__nick {color: #ECB984; font-size: 13px; left: 92px; overflow: hidden; position: absolute; text-align: center; text-overflow: ellipsis; top: 6px; white-space: nowrap; width: 172px;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
.b-control-lvl__hp {left: 77px; position: absolute; top: 25px; width: 95px;}
.b-control-lvl__hp-progress {background: url("../images/gui/lvl/hp-progress.png") no-repeat; height: 9px; margin: 0 auto 0 0; width: 0;}
.b-control-lvl__hp-label {font-size: 9px; line-height: 10px;}
.b-control-lvl__mp {left: 184px; position: absolute; top: 25px; width: 90px;}
.b-control-lvl__mp-progress {background: url("../images/gui/lvl/mp-progress.png") no-repeat; height: 9px; margin: 0 auto 0 0; width: 0;}
.b-control-lvl__mp-label {font-size: 9px; line-height: 10px;}
.b-control-lvl__experience {left: 74px; position: absolute; top: 38px; width: 203px;}
.b-control-lvl__experience-progress {background: url("../images/gui/lvl/exp-progress.png") no-repeat; font-size: 0; height: 8px; line-height: 0; margin: 0 auto 0 0; overflow: hidden; width: 0;}
.b-control-lvl__experience-label {font-size: 9px; line-height: 8px;}
.b-control-lvl__fatigue {display: none; left: 74px; position: absolute; top: 38px; width: 203px;}
.b-control-lvl__fatigue-progress {background: url("../images/gui/lvl/exp-progress.png") no-repeat; font-size: 0; height: 8px; line-height: 0; margin: 0 auto 0 0; overflow: hidden; width: 0;}
.b-control-lvl__fatigue-label {font-size: 9px; line-height: 8px;}
.b-control-lvl__honor {left: 77px; position: absolute; top: 49px; width: 200px;}
.b-control-lvl__honor-progress {background: url("../images/gui/lvl/honor-progress.png") no-repeat; font-size: 0; height: 8px; line-height: 0; margin: 0 auto 0 0; overflow: hidden; width: 0;}
.b-control-lvl__honor-label {font-size: 9px; line-height: 10px;}
.b-control-lvl__glory {display: none; left: 77px; position: absolute; top: 49px; width: 200px;}
.b-control-lvl__glory-progress {background: url("../images/gui/lvl/honor-progress.png") no-repeat; font-size: 0; height: 8px; line-height: 0; margin: 0 auto 0 0; overflow: hidden; width: 0;}
.b-control-lvl__glory-label {font-size: 9px; line-height: 10px;}

.b-control-fight {height: 316px; position: relative; width: 446px;}
.b-control-fight.expand {height: 366px;}
.b-control-fight__frame.frame-t {background: url("../images/gui/game/frame-sprite.png") 0 0 no-repeat; height: 12px; position: absolute; left: 0; top: 0; width: 100%;}
.b-control-fight__frame.frame-c {background: url("../images/gui/game/frame-sprite.png") -446px 0 repeat-y; bottom: 12px; position: absolute; left: 0; top: 12px; width: 100%;}
.b-control-fight__frame.frame-b {background: url("../images/gui/game/frame-sprite.png") 0 -12px no-repeat; bottom: 0; height: 12px; position: absolute; left: 0; width: 100%;}
.b-control-fight__frame.frame-bg {background: #000 50% 0 no-repeat; bottom: 8px; left: 8px; position: absolute; right: 8px; top: 7px;}
.b-control-fight__info {background: url("../images/gui/game/bg-info.png") no-repeat; display: none; height: 46px; left: 10px; position: absolute; top: 10px; width: 424px;}
.b-control-fight.loaded .b-control-fight__info {display: block;}
.b-control-fight__info-team {}
.b-control-fight__info-level {font-size: 18px; font-weight: bold; height: 34px; line-height: 34px; position: absolute; text-align: center; text-shadow: 0 0 3px #000; top: 5px; width: 34px;}
.b-control-fight__info-nick {color: #5a3011; font-size: 11px; font-weight: bold; line-height: 12px; overflow: hidden; position: absolute; text-align: center; text-shadow: 1px 1px 0 #fdcc76, -1px -1px 0 #fdcc76; text-overflow: ellipsis; top: 5px; white-space: nowrap; width: 138px;}
.b-control-fight__info-nick-i {background: url("../images/gui/game/icon-info.png") no-repeat; cursor: pointer; display: inline-block; height: 10px; margin-top: -1px; overflow: hidden; vertical-align: middle; width: 9px;}
.b-control-fight__info-hp {position: absolute; top: 20px; width: 135px;}
.b-control-fight__info-hp-bar {background: url("../images/gui/game/hpmp-bars.png") no-repeat; height: 9px; width: 0;}
.b-control-fight__info-hp-label {font-size: 10px; line-height: 8px;}
.b-control-fight__info-mp {position: absolute; top: 32px; width: 135px;}
.b-control-fight__info-mp-bar {background: url("../images/gui/game/hpmp-bars.png") 0 -13px no-repeat; height: 9px; width: 0;}
.b-control-fight__info-mp-label {font-size: 10px; line-height: 8px;}
.b-control-fight__info-effects {background: url("../images/gui/game/button-effects.png") no-repeat; cursor: pointer; height: 27px; position: absolute; top: 28px; width: 25px;}
.b-control-fight__info-effects:hover {-webkit-filter: brightness(110%); -moz-filter: brightness(110%); -ms-filter: brightness(110%); -o-filter: brightness(110%); filter: brightness(110%);}
.b-control-fight__info-effects-list {background: rgba(0, 0, 0, .75); border-radius: 3px; color: #FFF; display: none; font-size: 11px; padding: 2px 3px; position: absolute; text-align: left; top: 54px; width: 150px;}
.b-control-fight__info-effects-in-list {position: absolute; text-align: left; top: 70px; width: 100px;}
.b-control-fight__info-effects-item {display: inline-block; margin: 1px 6px 1px 1px; vertical-align: middle;}
.b-control-fight__info-effects-item-count {color: #FFF; text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;}
.b-control-fight__info-effects-item-picture {height: 12px; margin-left: 2px; width: 12px; vertical-align: middle;}
.b-control-fight__info-effects-list .b-control-fight__info-effects-item {display: block; overflow: hidden; padding: 1px 0;}
.b-control-fight__info-effects-list .b-control-fight__info-effects-item-picture {float: left;}
.b-control-fight__info-effects-list .b-control-fight__info-effects-item-count {float: left;}
.b-control-fight__info-effects-list .b-control-fight__info-effects-item-title {display: block; margin: 0 0 0 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90px;}
.b-control-fight__info-effects-list .b-control-fight__info-effects-item-duration {float: right;}
.b-control-fight__damage {color: #ffc000; font-size: 11px; font-weight: bold; left: 0; position: absolute; text-align: center; top: 60px; width: 100%;
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
}
.b-control-fight__time {color: #ffc000; font-size: 16px; left: 0; line-height: 19px; position: absolute; text-align: center; top: 80px; width: 100%;
	text-shadow: 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, -1px -1px 1px #000;
}
.b-control-fight__time:before {background: url("../images/gui/game/timer.png") no-repeat; content: ''; display: inline-block; height: 19px; width: 19px; vertical-align: top;}
.b-control-fight__decor {background: url("../images/gui/game/decor.png") no-repeat; height: 203px; left: 10px; position: absolute; top: 56px; width: 426px;}
.b-control-fight__abilities {background: url("../images/gui/game/bg-abilities.png") repeat; display: none; height: 45px; left: 14px; position: absolute; top: 260px; width: 417px;}
.b-control-fight.loaded .b-control-fight__abilities {display: block;}
.b-control-fight__abilities-button-next {background: url("../images/gui/game/bg-ability-button.png") no-repeat; cursor: pointer; height: 25px; position: absolute; right: -5px; top: -4px; width: 25px;}
.b-control-fight__abilities-button-next:before {background: url("../images/gui/game/bg-ability-button-arrow.png") 50% 50% no-repeat; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%;
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}
.b-control-fight__abilities-button-prev {background: url("../images/gui/game/bg-ability-button.png") no-repeat; cursor: pointer; display: none; height: 25px; position: absolute; left: -5px; top: 10px; width: 25px;}
.b-control-fight__abilities-button-prev:before {background: url("../images/gui/game/bg-ability-button-arrow.png") 50% 50% no-repeat; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.b-control-fight__abilities-button-double {background: url("../images/gui/game/bg-ability-button.png") no-repeat; bottom: -4px; cursor: pointer; height: 25px; position: absolute; right: -5px; width: 25px; transition: all .2s ease;}
.b-control-fight__abilities-button-double:before {background: url("../images/gui/game/bg-ability-button-arrow.png") 50% 50% no-repeat; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%;
	-webkit-transform: rotate(270deg); transform: rotate(270deg);
}
.b-control-fight__abilities-button-double.flip {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.b-control-fight__abilities-list-wrapper {height: 45px; left: 20px; overflow: hidden; position: absolute; top: 0; width: 376px;}
.b-control-fight__abilities-list-wrapper.double {height: 135px;}
.b-control-fight__abilities-list {list-style-type: none; margin: 0; padding: 0; transition: all .5s ease; width: 200%; transform: translateZ(0);}
.b-control-fight__abilities-list.slide-off {
	-webkit-transition: -webkit-transform 0s linear;
	transition: transform 0s linear;
}
.b-control-fight__abilities-list-wrapper.double .b-control-fight__abilities-list {width: 100%;}
.b-control-fight__abilities-item {background: url("../images/gui/game/bg-ability.png") no-repeat; border-radius: 50%; color: #FFF; cursor: pointer; display: inline-block; font-size: 18px; height: 45px; line-height: 44px; margin: 0 1px; overflow: hidden; padding: 0; position: relative; text-align: center; text-shadow: 0 0 3px #000; vertical-align: middle; width: 45px;}
.b-control-fight__abilities-item.disabled {cursor: default;
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);
	transition: all .2s ease; transform: translateZ(0);
}
.b-control-fight__abilities-item.locked {cursor: default;}
.b-control-fight__abilities-item-picture {border-radius: 50%; height: 39px; margin: 3px; vertical-align: top; width: 39px;}
.b-control-fight__abilities-item-cd {background: rgba(0, 0, 0, .35); color: #FFF; display: none; font-size: 14px; height: 100%; left: 0; line-height: 44px; position: absolute; text-align: center; top: 0; width: 100%;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
.b-control-fight__abilities-item.disabled .b-control-fight__abilities-item-cd {display: block; transition: all 1s linear; transform: translateZ(0);}
.b-control-fight__abilities-desc {display: none; position: absolute; left: 35px; top: -40px; width: auto; white-space: nowrap;
	text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
.b-control-fight__abilities-desc-title,
.b-control-fight__abilities-desc-price {color: #FFF; font-size: 16px; line-height: 18px;}
.b-control-fight__info-team.team-1 .b-control-fight__info-level {color: #ffd800; left: 11px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-level {color: #beedff; right: 11px;}
.b-control-fight__info-team.team-1 .b-control-fight__info-nick {left: 62px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-nick {right: 62px;}
.b-control-fight__info-team.team-1 .b-control-fight__info-hp {left: 64px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-hp {right: 64px;}
.b-control-fight__info-team.team-1 .b-control-fight__info-mp {left: 64px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-mp {right: 64px;}
.b-control-fight__info-team.team-1 .b-control-fight__info-effects {left: 30px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-effects {right: 30px;
	-webkit-transform: scaleY(-1) translateZ(0);  -moz-transform: scaleY(-1) translateZ(0); -o-transform: scaleY(-1) translateZ(0); transform: scaleX(-1) translateZ(0); filter: FlipH; -ms-filter: "FlipH";
}
.b-control-fight__info-team.team-1 .b-control-fight__info-effects-list {left: 40px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-effects-list {right: 40px;}
.b-control-fight__info-team.team-1 .b-control-fight__info-effects-in-list {left: 42px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-effects-in-list {right: 42px;}
.b-control-fight__info-team.team-2 .b-control-fight__info-hp-bar {background-position: 100% 0; margin: 0 0 0 auto;}
.b-control-fight__info-team.team-2 .b-control-fight__info-mp-bar {background-position: 100% -13px; margin: 0 0 0 auto;}
.b-control-fight__info-team.team-2 .b-control-fight__info-effects-in-list {text-align: right;}
.b-control-fight__info-team.team-2 .b-control-fight__info-effects-item {margin: 1px 1px 1px 6px;}
.b-control-fight__popup {display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.b-control-fight__popup.state-0,
.b-control-fight__popup.state-2,
.b-control-fight__popup.state-3,
.b-control-fight__popup.state-4,
.b-control-fight__popup.state-5,
.b-control-fight__popup.state-6,
.b-control-fight__popup.state-error,
.b-control-fight__popup.state-message {display: block;}
.b-control-fight__popup-cont {background: url("../images/gui/game/popup.png") no-repeat; height: 89px; left: 50%; margin: 0 0 0 -104px; position: absolute; top: 120px; width: 207px;}
.b-control-fight__popup-title {color: #ad1b13; font-size: 11px; font-weight: bold; height: 22px; line-height: 22px; text-align: center; text-transform: uppercase;}
.b-control-fight__popup-state {background-position: 50% 50%; display: table-cell; font-size: 11px; height: 46px; background-repeat: no-repeat; padding: 0 10px; text-align: center; vertical-align: middle; width: 207px;}
.b-control-fight__popup.state-0 .b-control-fight__popup-state {background-image: url("../images/gui/game/popup-state-0.png");}
.b-control-fight__popup.state-2 .b-control-fight__popup-state {background-image: url("../images/gui/game/popup-state-2.png");}
.b-control-fight__popup.state-3 .b-control-fight__popup-state {background-image: url("../images/gui/game/popup-state-3.png");}
.b-control-fight__popup.state-4 .b-control-fight__popup-state {background-image: url("../images/gui/game/popup-state-4.png");}
.b-control-fight__popup.state-0,
.b-control-fight__popup.state-error {height: 45%; top: 15%;}
.b-control-fight__popup.state-0 .b-control-fight__popup-cont,
.b-control-fight__popup.state-error .b-control-fight__popup-cont {top: 40px;}
.b-control-fight__popup.state-message {}
.b-control-fight__popup-button {background: url("../images/gui/game/popup-button.png") no-repeat; cursor: pointer; display: block; font-size: 10px; font-weight: bold; height: 16px; line-height: 14px; margin: 0 auto; text-align: center; text-transform: lowercase; width: 119px;}
.b-control-fight__popup.state-0 .b-control-fight__popup-button {display: none;}
.b-control-fight__preloader {background: url("../images/gui/game/preloader.png") no-repeat; display: block; border-radius: 50%; height: 70px; left: 50%; margin-left: -35px; overflow: hidden; position: absolute; top: 120px; width: 70px;}
.b-control-fight__preloader-cont {background: url("../images/gui/game/preloader.png") 0 100% no-repeat; bottom: 0; height: 0; left: 0; position: absolute; width: 100%;}
.b-control-fight.loaded .b-control-fight__preloader {display: none;}
.b-control-fight__rage {background: url("../images/gui/game/rage-bg.png") no-repeat; display: none; height: 83px; width: 24px; left: 0; position: absolute; top: 62px;}
.b-control-fight__info-team.team-2 .b-control-fight__rage {left: auto; right: 0; -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1);}
.b-control-fight.loaded .b-control-fight__rage {display: block;}
.b-control-fight.loaded .b-control-fight__rage.hide {display: none;}
.b-control-fight__rage-cont {background: url("../images/gui/game/rage-bar.png") 0 100% no-repeat; bottom: 0; height: 0; position: absolute; width: 100%;}
.b-control-fight__rage-icon {background: url("../images/gui/game/rage-enabled.png") no-repeat; height: 28px; left: 8px; position: absolute; top: -18px; width: 44px;}
.b-control-fight__rage.disabled .b-control-fight__rage-icon {background-image: url("../images/gui/game/rage-disabled.png")}
.b-control-fight__hint {background: #ffffe1; border: 1px solid #333; box-shadow: 2px 2px 10px #666; display: none; padding: 2px 3px; position: absolute; z-index: 4;}
.b-control-fight__music {background: url("../images/gui/game/music.png") no-repeat; height: 99px; left: 10px; position: absolute; top: 156px; width: 31px;}
.b-control-fight__music-button {bottom: 0; cursor: pointer; height: 27px; position: absolute; right: 0; width: 27px;}
.b-control-fight__music-button.off {background: url("../images/gui/game/off.png") 50% 50% no-repeat}
.b-control-fight__music-scale {cursor: pointer; height: 73px; left: 3px; position: absolute; top: 3px; width: 17px;}
.b-control-fight__music-fill {background: url("../images/gui/game/music-fill.png") 0 100% no-repeat; border-top: 1px solid #fade7f; bottom: 0; box-sizing: border-box; height: 100%; left: 0; position: absolute; width: 17px;}
.b-control-fight__sound {background: url("../images/gui/game/sound.png") no-repeat; height: 100px; right: 10px; position: absolute; top: 156px; width: 48px;}
.b-control-fight__sound-button {bottom: 0; cursor: pointer; height: 27px; position: absolute; right: 5px; width: 27px;}
.b-control-fight__sound-button.off {background: url("../images/gui/game/off.png") 50% 50% no-repeat}
.b-control-fight__sound-scale {cursor: pointer; height: 73px; position: absolute; right: 3px; top: 4px; width: 17px;}
.b-control-fight__sound-fill {background: url("../images/gui/game/sound-fill.png") 0 100% no-repeat; border-top: 1px solid #fade7f; bottom: 0; box-sizing: border-box; height: 100%; left: 0; position: absolute; width: 17px;}

.b-control-mem {background: url("../images/gui/mem/bg-top.png") no-repeat; height: 100%; padding: 0 11px; position: relative; width: 172px;}
.b-control-mem__bg {background: url("../images/gui/mem/bg.png") repeat-y; bottom: 10px; left: 0; position: absolute; top: 48px; width: 194px;}
.b-control-mem__b {background: url("../images/gui/mem/bg-bottom.png") no-repeat; height: 10px; bottom: 0; left: 0; position: absolute; width: 194px;}
.b-control-mem__cont {height: 100%; position: relative;}
.b-control-mem__title {font-size: 11px; font-weight: bold; padding: 8px 0 6px; text-align: center;}
.b-control-mem__button {background: url("../images/gui/mem/button.png") no-repeat; color: #ad1b13; cursor: pointer; display: block; font-size: 10px; font-weight: bold; height: 16px; line-height: 16px; margin: 4px auto; overflow: hidden; text-align: center; text-transform: lowercase; width: 172px;}
.b-control-mem__button.dead {}
.b-control-mem__button.reset {}
.b-control-mem__list {bottom: 40px; left: 0; list-style-type: none; margin: 0; min-height: 240px; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; top: 72px; width: 100%;}
.b-control-mem__list-item {background: #fee9bf; box-sizing: border-box; margin: 0; overflow: hidden; padding: 1px; text-overflow: ellipsis; transition: background .2s linear; transform: translateZ(0); white-space: nowrap; width: 100%;}
.b-control-mem__list-item.dead {color: #F00;}
.b-control-mem__list-item:hover {}
.b-control-mem__list-item.selected {border: 1px solid #cf815d; padding: 0;}
.b-control-mem__list-item-pm {display: inline-block; height: 12px; margin: 1px 2px 0 0; vertical-align: middle; width: 12px;}
.b-control-mem__list-item-pm.pm {background: url("../images/users-arrow.gif") 50% 50% no-repeat; cursor: pointer;}
.b-control-mem__list-item-pm.anger {background: url("../images/gui/mem/icon-anger.png") 50% 50% no-repeat; cursor: pointer;}
.b-control-mem__list-item-nick {display: block; font-size: 12px; font-weight: bold; margin: 0 12px 0 0; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.b-control-mem__list-item-nick span {font-size: 12px;}
.b-control-mem__list-item-level {display: inline-block; font-size: 12px; font-weight: bold; vertical-align: middle;}
.b-control-mem__list-item-clan {background-position: 50% 50%; background-repeat: no-repeat; display: inline-block; height: 13px; margin: 0 1px; vertical-align: middle; width: 13px;}
.b-control-mem__list-item-icon {background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; display: inline-block; float: right; height: 14px; margin-left: 2px; vertical-align: middle; width: 14px;}
.b-control-mem__list-item-hp,
.b-control-mem__list-item-mp {background: #999; font-size: 0; line-height: 0; margin-top: 1px; overflow: hidden;}
.b-control-mem__list-item-hp-value {background: #a30000; height: 2px; width: 0;}
.b-control-mem__list-item-mp-value {background: #00437c; height: 2px; width: 0;}
.b-control-mem__list-item-effects {display: none; font-size: 0; line-height: 0;}
.b-control-mem__list-item-effects-item {display: inline-block; height: 10px; margin: 1px; vertical-align: middle; width: 10px;}
.b-control-mem__list-item.selected .b-control-mem__list-item-effects {display: block;}
.b-control-mem__filter {border: 1px solid #c39384; display: block; height: 18px; line-height: 18px; margin: 1px auto; padding: 0; width: 170px;}
.b-control-mem__filter-wrapper {bottom: 10px; margin: 5px 0 0 0; position: absolute; width: 100%;}
.b-control-mem__filter-wrapper:after,
.b-control-mem__filter-wrapper:before {background: url("../images/gui/mem/line.png") no-repeat; content: ''; display: block; font-size: 0; height: 2px; line-height: 0; margin: 0 auto; width: 170px;}

.b-control-items {height: 277px; position: relative; width: 66px;}
.b-control-items.high {height: 375px;}
.b-control-items__t {background: url("../images/gui/items/top.png") no-repeat; height: 21px; left: 0; position: absolute; top: 0; width: 61px;}
.b-control-items__b {background: url("../images/gui/items/bot.png") no-repeat; bottom: 0; height: 49px; left: 0; position: absolute; width: 61px;}
.b-control-items__border {background: url("../images/gui/items/border.png") no-repeat; height: 207px; left: 0; position: absolute; top: 21px; width: 62px;}
.b-control-items.high .b-control-items__border {background: url("../images/gui/items/border_long.png") no-repeat; height: 305px;}
.b-control-items__slots {height: 204px; left: 8px; position: absolute; top: 24px;}
.b-control-items__slots-item {background: rgba(0, 0, 0, .75); display: block; height: 48px; margin-bottom: 3px; position: relative; width: 48px;}
.b-control-items__slots-item.disabled {cursor: default;
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);
	transition: all .2s ease; transform: translateZ(0);
}
.b-control-items__slots-item.selected {background: rgba(33, 33, 0, .75);}
.b-control-items__slots-item-picture {display: block; height: 48px; width: 48px;}
.b-control-items__slots-item-count {background: rgba(0, 0, 0, .75); border-radius: 50%; bottom: 6px; color: #FFF; font-size: 11px; position: absolute; right: 8px; text-shadow: -1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;}
.b-control-items__slots-item-cooldown {background: rgba(0, 0, 0, .75); color: #FFF; display: none; font-size: 14px; height: 100%; left: 0; line-height: 48px; position: absolute; text-align: center; top: 0; width: 100%;
	transition: all .5s linear;
}
.b-control-items__slots-item.disabled .b-control-items__slots-item-cooldown {display: block; transition: all 1s linear; transform: translateZ(0);}
.b-control-items__slots-item-vars {display: none; left: 110%; position: absolute; top: 0; white-space: nowrap;}
.b-control-items__slots-item.opened .b-control-items__slots-item-vars {display: block;}
.b-control-items__slots-item-vars-item {background: rgba(0, 0, 0, .75); border-radius: 25%; cursor: pointer; display: inline-block; height: 45px; margin: 5px 2px 5px 3px; position: relative; vertical-align: middle; width: 45px;}
.b-control-items__slots-item-vars-item.selected {background: rgba(33, 33, 0, .75);}
.b-control-items__slots-item-vars-item-picture {border-radius: 25%; height: 45px; width: 45px; vertical-align: middle;}
.b-control-items__slots-item-vars-item-border {background: url("../images/gui/items/varslot_item_cente.png") no-repeat; height: 56px; left: -2px; position: absolute; top: -3px; width: 50px;}
.b-control-items__slots-item-vars-item:first-child .b-control-items__slots-item-vars-item-border {background: url("../images/gui/items/varslot_item_left.png") no-repeat; left: -3px; width: 51px;}
.b-control-items__slots-item-vars-item:last-child .b-control-items__slots-item-vars-item-border {background: url("../images/gui/items/varslot_item_right.png") no-repeat; left: -3px; width: 51px;}
.b-control-items__handlers {height: 204px; left: 8px; position: absolute; top: 24px; width: 48px;}
.b-control-items__handlers-item {display: block; height: 48px; margin-bottom: 3px; position: relative;}
.b-control-items__handlers-item-handler {cursor: pointer; display: block; height: 100%;}
.b-control-items__handlers-item-var {background: url("../images/gui/items/varslot_arrow_right.png") no-repeat; cursor: pointer; display: none; height: 44px; left: 42px; position: absolute; top: 6px; width: 19px;}
.b-control-items__handlers-item.has-vars .b-control-items__handlers-item-var {display: block;}
.b-control-items__handlers-item.opened .b-control-items__handlers-item-var {background: url("../images/gui/items/varslot_arrow_left.png") no-repeat; width: 23px;}
.b-control-items__pages {bottom: 18px; color: #FFC000; font-size: 11px; font-weight: bold; left: 0; position: absolute; text-align: center; width: 60px;}
.b-control-items__pager {background: url("../images/gui/items/button.png") no-repeat; bottom: 2px; cursor: pointer; height: 15px; left: 40px; position: absolute; width: 14px;}
.b-control-items__pager.prev {left: 7px; transform: scaleX(-1);}
.b-control-items__pager-top {background: url("../images/gui/items/buttons_top.png") no-repeat; display: none; height: 26px; left: 4px; position: absolute; top: 4px; width: 54px;}
.b-control-items.high .b-control-items__pager-top {display: block;}
.b-control-items__pager-top-prev {cursor: pointer; float: left; height: 100%; width: 15px;}
.b-control-items__pager-top-next {cursor: pointer; float: right; height: 100%; width: 15px;}

.b-control-right {width: 52px;}
.b-control-right__item {display: block; height: 36px; margin: 0 0 0 auto; padding: 0; position: relative; width: 41px;}
.b-control-right__item-icon {background: url("../images/gui/right.png") no-repeat; height: 35px; left: 3px; position: absolute; top: 1px; width: 35px;}
.quests .b-control-right__item-icon {background-position: -50px 0;}
.quests:hover .b-control-right__item-icon {background-position: -85px 0;}
.bank .b-control-right__item-icon {background-position: -50px -35px;}
.bank:hover .b-control-right__item-icon {background-position: -85px -35px;}
.market .b-control-right__item-icon {background-position: -50px -70px;}
.market:hover .b-control-right__item-icon {background-position: -85px -70px;}
.post .b-control-right__item-icon {background-position: -50px -105px;}
.post:hover .b-control-right__item-icon,
.post.active .b-control-right__item-icon {background-position: -85px -105px;}
.inventory .b-control-right__item-icon {background-position: -50px -140px;}
.inventory:hover .b-control-right__item-icon {background-position: -85px -140px;}
.mount .b-control-right__item-icon {background-position: -50px -175px;}
.mount:hover .b-control-right__item-icon,
.mount.active .b-control-right__item-icon {background-position: -85px -175px;}
.compass .b-control-right__item-icon {background-position: -50px -210px;}
.compass:hover .b-control-right__item-icon {background-position: -85px -210px;}
.lfg .b-control-right__item-icon {background-position: -50px -245px;}
.lfg:hover .b-control-right__item-icon {background-position: -85px -245px;}
.daily .b-control-right__item-icon {background-position: -50px -280px;}
.daily:hover .b-control-right__item-icon {background-position: -85px -280px;}
.b-control-right__item-frame {background: url("../images/gui/right.png") 0 -53px no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 41px;}
.b-control-right__item-title {bottom: 0; color: #f4dca3; font-size: 9px; left: 0; line-height: 1em; position: absolute; text-align: center; width: 100%;
	text-shadow: -2px -2px 2px #000, -2px 2px 2px #000, 2px -2px 2px #000, 2px 2px 2px #000;
}
.b-control-right__item-count {background: url("../images/gui/right.png") 0 -150px no-repeat; color: #000; display: none; font-weight: bold; height: 20px; left: -10px; line-height: 18px; position: absolute; text-align: center; top: 8px; width: 20px;}
.count .b-control-right__item-count {display: block;}
.b-control-right__item-attention {background: url("../images/gui/right.png") 0 -175px no-repeat; display: none; height: 29px; left: -8px; position: absolute; top: 8px; width: 26px;}
.attention .b-control-right__item-attention {display: block;}
.b-control-right__item:first-child {height: 53px;}
.b-control-right__item:first-child .b-control-right__item-icon {top: 19px;}
.b-control-right__item:first-child .b-control-right__item-frame {background-position: 0 0;}
.b-control-right__item:last-child {height: 54px;}
.b-control-right__item:last-child .b-control-right__item-icon {top: 2px;}
.b-control-right__item:last-child .b-control-right__item-frame {background-position: 0 -89px;}
.b-control-right__item:last-child .b-control-right__item-title {bottom: 12px;}
/*.b-control-right__item.disabled {cursor: default;}*/
.disabled .b-control-right__item-icon {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.disabled:hover .b-control-right__item-icon {-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}
@-webkit-keyframes blink {
	50% {-webkit-filter: brightness(20%); filter: brightness(180%);}
	100% {-webkit-filter: brightness(0%); filter: brightness(100%);}
}
@keyframes blink {
	50% {-webkit-filter: brightness(180%); filter: brightness(180%);}
	100% {-webkit-filter: brightness(100%); filter: brightness(100%);}
}
.blink .b-control-right__item-icon {-webkit-animation: blink .75s linear infinite; animation: blink .75s linear infinite;}

.b-control-area {position: relative; width: 194px;}
.b-control-area__head {background: url("../images/gui/area.png") no-repeat; height: 71px; margin-bottom: 6px; width: 194px;}
.b-control-area__head-title {color: #bf1d17; font-size: 11px; font-weight: bold; height: 38px; padding: 10px 24px 0; text-align: center;}
.b-control-area__head-kingdom {font-size: 10px; font-weight: bold; overflow: hidden; padding: 0 24px; text-align: left; text-overflow: ellipsis; white-space: nowrap;}
.b-control-area__head-kingdom-value {color: #bf1d17;}
.b-control-area__cont {background: url("../images/gui/area.png") 0 -78px no-repeat; height: 245px; position: relative; width: 194px;}
.b-control-area__cont-title {color: #bf1d17; font-size: 11px; font-weight: bold; padding: 10px 0 8px; text-align: center;}
.b-control-area__list {height: 174px; margin: 0 auto; overflow-y: auto; padding: 0 5px; position: relative; text-align: left; width: 174px;}
.b-control-area__list-title {color: #bf1d17; font-size: 11px; font-weight: bold; line-height: 12px; margin: 2px 0; position: relative; text-align: center;}
.b-control-area__list-title::before {background: url("../images/gui/area.png") 0 -360px no-repeat; content: ''; display: block; height: 11px; left: 0; position: absolute; top: 0; width: 36px;}
.b-control-area__list-title::after {background: url("../images/gui/area.png") -36px -360px no-repeat; content: ''; display: block; height: 11px; right: 0; position: absolute; top: 0; width: 36px;}
.b-control-area__list-item {cursor: pointer; display: block; font-size: 12px; font-weight: bold; overflow: hidden; padding: 1px 1px 1px 24px; position: relative; text-overflow: ellipsis; text-decoration: none; white-space: nowrap;}
.b-control-area__list-item::before {background: url("../images/gui/area.png") no-repeat; content: ''; left: 0; position: absolute; top: 2px;}
.b-control-area__list-item:hover,
.b-control-area__list-item.active {background: rgba(200, 170, 150, .2); border: 1px solid #9d7c68; padding: 0 0 0 23px;}
.b-control-area__list-item.house {color: #415c00}
.b-control-area__list-item.house::before {background-position: -30px -375px; height: 12px; left: 4px; top: 2px; width: 13px;}
.b-control-area__list-item.house.active::before,
.b-control-area__list-item.house:hover::before {left: 3px; top: 1px;}
.b-control-area__list-item.area {color: #723920}
.b-control-area__list-item.area::before {background-position: 0 -375px; height: 11px; left: 4px; top: 3px; width: 12px;}
.b-control-area__list-item.area.active::before,
.b-control-area__list-item.area:hover::before {left: 3px; top: 2px;}
.b-control-area__list-item.npc {color: #fd4100}
.b-control-area__list-item.npc::before {background-position: -15px -375px; height: 12px; left: 4px; top: 2px; width: 13px;}
.b-control-area__list-item.npc.active::before,
.b-control-area__list-item.npc:hover::before {left: 3px; top: 1px;}
.b-control-area__list-item.npc-new {color: #fd4100}
.b-control-area__list-item.npc-new::before {background-position: -45px -375px; height: 12px; left: 4px; top: 2px; width: 13px;}
.b-control-area__list-item.npc-new.active::before,
.b-control-area__list-item.npc-new:hover::before {left: 3px; top: 1px;}
.b-control-area__list-item.npc-current {color: #fd4100}
.b-control-area__list-item.npc-current::before {background-position: -60px -375px; height: 12px; left: 4px; top: 2px; width: 13px;}
.b-control-area__list-item.npc-current.active::before,
.b-control-area__list-item.npc-current:hover::before {left: 3px; top: 1px;}
.b-control-area__list-item.compass {background: rgba(200, 170, 150, .2); border: 1px solid #9d7c68; color: #723920; padding: 0 0 0 23px;
	animation: area-compass 1s infinite; -webkit-animation: area-compass 1s infinite; -moz-animation: area-compass 1s infinite; -o-animation: area-compass 1s infinite; -ms-animation: area-compass 1s infinite;
}
.b-control-area__list-item.compass::before {background-position: -76px -375px; height: 16px; left: 2px; top: -1px; width: 16px;}
.b-control-area__list-item.compass.active::before,
.b-control-area__list-item.compass:hover::before {left: 2px; top: -1px;}
.disabled .b-control-area__list-item.house,
.disabled .b-control-area__list-item.area {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.b-control-area__progress {bottom: 8px; position: absolute; width: 100%;}
.b-control-area__progress-title {color: #723920; font-size: 11px; font-weight: bold; text-align: center;}
.b-control-area__progress-title-value {color: #bf1d17;}
.b-control-area__progress-bar {background: url("../images/gui/area.png") 0 -330px no-repeat; height: 16px; margin: 0 auto; position: relative; width: 174px;}
.b-control-area__progress-value-wrapper {left: 20px; position: absolute; top: 4px; width: 134px;}
.b-control-area__progress-value {background: url("../images/gui/area.png") 0 -350px no-repeat; height: 10px; margin: 0 auto 0 0; width: 0;}

@keyframes area-compass {
	0% {background: rgba(200, 170, 150, .2); border: 1px solid #9d7c68;}
	100% {background: rgba(200, 170, 150, 0); border: 1px solid rgba(157, 124, 104, 0);}
}

::-webkit-scrollbar {background: url("../images/gui/area.png") -200px 0; width: 16px;}
::-webkit-scrollbar-thumb {background: #ffd7a6; -webkit-box-shadow: 1px 1px 0 #fff3c0 inset, -1px -1px 0 #8a6440 inset;  }
::-webkit-scrollbar-button:decrement {background: url("../images/gui/area.png") 0 -400px no-repeat; height: 16px;}
::-webkit-scrollbar-button:increment {background: url("../images/gui/area.png") -16px -400px no-repeat; height: 16px;}

.b-doll {position: relative; width: 300px; height: 499px;}
.b-doll__slots-item {overflow: hidden; position: absolute; width: 60px; height: 60px; cursor: pointer; z-index: 3;}
.b-doll__slots-item.slot-small {overflow: visible; position: absolute; width: 33px; height: 33px;}
.b-doll__slots-item.slot-small .art-img {width: 33px; height: 33px;}
.b-doll__slots-item .slot-action {display: none; position: absolute; top: 24px; left: 0; width: 60px; height: 13px; background: url('../images/gui/doll/slot-action.png') 0 0 no-repeat; line-height: 13px; text-align: center;}
.b-doll__slots-item.slot-small .slot-action {top: auto; left: auto; right: 0; bottom: 0; width: 20px; height: 20px; background: url('../images/gui/doll/slot-btn-delete.png') 0 0 no-repeat; font-size: 0;}
.b-doll__slots-item .trophy-drop {display: none; position: absolute; top: auto; left: auto; right: 0; bottom: 0; width: 20px; height: 20px; background: url('../images/gui/doll/slot-btn-delete.png') 0 0 no-repeat; font-size: 0;}
.b-doll__slots-item .indicator {position: absolute; top: 0; left: 0;}
.b-doll__slots-item.slot-small .indicator {width: 33px; height: 33px;}
.b-doll__slots-item .enchant {position: absolute; top: 40px; left: 0;}
.b-doll__slots-item .enchant-2 {position: absolute; top: 40px; left: 18px;}
.b-doll__slots-item .enchant-3 {position: absolute; top: 0; left: 20px;}
.b-doll__slots-item .engrave {position: absolute; top: 35px; left: 37px;}
.b-doll__slots-item.slot-small .enchant {position: absolute; top: 13px; left: 0;}
.b-doll__slots-item.slot-small .enchant-2 {position: absolute; top: 13px; left: 14px;}
.b-doll__slots-item.slot-small .enchant-3 {position: absolute; top: 0; left: 10px;}
.b-doll__slots-item .slot-btn-info {display: none; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url('../images/gui/doll/slot-btn-info.png') 0 0 no-repeat;}
.b-doll__slots-item .slot-btn-roll {display: none; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url('../images/gui/doll/slot-btn-roll.png') 0 0 no-repeat;}
.b-doll__slots-item.dh-slot {background: #ffecb5;}
.b-doll__slots-item.dh-slot .art-img {opacity: .5}
.b-doll__bg-info {position: absolute; left: 198px; top: 320px; width: 21px; height: 21px; background: url('../images/gui/doll/bg-info-icon.png') 0 0 no-repeat; cursor: pointer; z-index: 3; opacity: .7}
.b-doll__bg-info:hover {opacity: 1}
.b-doll__bg-swf {position: absolute; left: 75px; top: 149px; z-index: 1;}
.b-doll__icon {position: absolute; width: 32px; height: 32px; background: url('../images/gui/doll/icon1.png') 0 0 no-repeat; cursor: pointer; z-index: 3;}
.b-doll__icon.icon1{left: 83px; top: 156px; background-image: url('../images/gui/doll/icon1.png');}
.b-doll__icon.icon2{left: 83px; top: 197px; background-image: url('../images/gui/doll/icon2.png');}
.b-doll__icon.icon3{left: 185px; top: 156px; background-image: url('../images/gui/doll/icon3.png');}
.b-doll__icon.icon4{left: 83px; top: 268px; background-image: url('../images/gui/doll/icon4.png');}
.b-doll__icon.icon5{left: 83px; top: 268px; background-image: url('../images/gui/doll/icon5.png');}
.b-doll__icon.icon6{left: 83px; top: 308px; background-image: url('../images/gui/doll/icon6.png');}
.b-doll__icon.icon7{left: 185px; top: 197px; background-image: url('../images/gui/doll/icon7.png');}
.b-doll__awards {position: absolute; top: 440px; width: 300px; height: 43px; background: url('../images/gui/doll/awards-bg.png') 50% 50% no-repeat; font-size: 0; text-align: center; white-space: nowrap; z-index: 2;}
.b-doll__awards-items {overflow: hidden; display: inline-block; width: 222px; height: 30px; padding: 7px 0 6px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; text-align: left;}
.b-doll__awards-items img {position: relative; left: 0; display: inline-block; width: 30px; height: 30px; margin: 0 4px 0 3px; cursor: pointer; -webkit-transition: left .3s; -moz-transition:  left .3s; -o-transition:  left .3s; transition:  left .3s;}
.b-doll__awards-arrow {display: inline-block; width: 22px; height: 43px; background: url('../images/gui/doll/awards-arrow.png') 0 100% no-repeat; cursor: pointer;}
.b-doll__awards-arrow.disabled {background-position: 0 0; cursor: default;}
.b-doll__awards-arrow.arrow-left {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.b-doll canvas {position: relative; z-index: 2;}

.b-location {position: relative; width: 297px; height: 138px; background: url('../images/gui/doll/location-bg.png') 0 0 no-repeat;}
.b-location__lvl {position: absolute; left: 8px; top: 9px; width: 69px; height: 56px; font-size: 20px; color: #d10000; font-weight: bold; line-height: 56px; text-align: center;}
.b-location__hp {position: absolute; left: 93px; top: 16px; width: 179px; height: 19px; background: url('../images/gui/doll/hp.png') 0 0 no-repeat; color: #d81e19; line-height: 19px; text-align: center;}
.b-location__mp {position: absolute; left: 93px; top: 40px; width: 179px; height: 19px; background: url('../images/gui/doll/mp.png') 0 0 no-repeat; color: #237085;line-height: 19px; line-height: 19px; text-align: center;}
.b-location__hp.hp-txt, .b-location__mp.mp-txt {background: none;}
.b-location__hp span,
.b-location__mp span {display: inline-block; padding: 0 2px; background: rgba(255, 233, 189, .7); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 14px; font-weight: bold;}
.b-location__loc-current {position: absolute; top: 70px; width: 100%; color: #d10000; font-weight: bold; text-transform: uppercase; text-align: center;}
.b-location__loc {position: absolute; left: 10px; top: 79px; width: 195px; height: 43px; padding: 5px 39px; background: url('../images/gui/doll/location-frame.png') 0 0 no-repeat;}
.b-location__loc-img {width: 195px; height: 43px;}
.b-location__loc-title {position: absolute; left: 39px; top: 15px; width: 195px; color: #f8c92e; font-size: 12px; font-weight: bold; -moz-text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; -webkit-text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; text-align: center;}
.b-location__loc.disabled .b-location__loc-img, .b-location__loc.disabled  .b-location__loc-title{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.b-location__loc-compass {position: absolute; top: -2px; right: 28px; width: 24px; height: 24px; background: url('../images/gui/doll/compass-icon.png') 0 0 no-repeat; cursor: pointer;}

.b-location__hp, .b-location__mp {-webkit-transition: width .3s; -moz-transition: width .3s; -o-transition: width .3s; transition: width .3s;}