* {box-sizing: border-box; margin: 0; padding: 0;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent;
}

html, body {border: 0; height: 100%;
	-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
body {background: #000000 url("../images/anniversary10/body.jpg") 50% 50% no-repeat fixed; color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.5; margin: 0;
	-webkit-background-size: cover; -moz-background-size: cover;
}

body.bg-stage-1,
body.bg-stage-3 {background: #292b2c url("../images/anniversary10/bg_1.jpg") 50% 0 no-repeat scroll; background-size: cover;}
body.bg-stage-2 {min-width: 1200px;} 
body.bg-stage-3 {min-width: 1400px;}
body.bg-stage-4 {min-width: 1400px;}

a {color: #b1eaff; text-decoration: none;}
a img {border: 0;}

.font-1 {font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif;}

.clearfix:after {content: ''; display: table; clear: both;}

.nav-top {background: url("../images/anniversary10/nav-bg.png") 50% 0 no-repeat; height: 200px; width: 100%;}
.nav-top__logo {left: 22px; position: absolute; top: 18px;}
.nav-top__cont {margin-left: 122px;}
.nav-top__item {color: #FFFFFF; cursor: pointer; float: left; font-size: 14px; text-align: center; text-decoration: none; width: 20%;}
.nav-top__item.active {cursor: default;}
.nav-top__item-bg {display: inline-block; vertical-align: top; white-space: nowrap; width: 131px; position: relative;}
.nav-top__item.active .nav-top__item-bg {background: url("../images/anniversary10/nav-active.png") 50% 0 no-repeat; height: 200px;}
.nav-top__item-number {display: inline-block; font-size: 64px; width: 100%; letter-spacing: -5px}
.nav-top__item-status {font-weight: bold;}
.nav-top__item-text {direction: rtl; display: inline-block; line-height: 1; position: relative; right: -40px; text-align: right; white-space: nowrap; width: 0;}
.nav-top {}

.nav-mobile {background: #141515; position: fixed; right: 0; top: 0; z-index: 1000;}
.nav-mobile.active {width: 400px;}
.nav-mobile__button {background: url("../images/anniversary10/nav-mobile.png") no-repeat; cursor: pointer; height: 64px; width: 64px;}
.nav-mobile.active .nav-mobile__button {float: right;}
.nav-mobile__cont {display: none; padding: 20px;}
.nav-mobile.active .nav-mobile__cont {display: block;}
.nav-mobile__link {color: #FFFFFF; display: block; line-height: 40px; text-decoration: none; text-transform: uppercase;}

.section {min-height: 100%;}
.section__cont {overflow: hidden; padding: 0 0 64px; clear: both;}
.section__header {float: left; width: 50%;}
.section__header-title {font-size: 42px; text-transform: uppercase;}
.section__article {float: right; width: 50%;}

.footer {background: #2f2f33; overflow: hidden; width: 100%;}
.footer__powered {color: #6d6d6d; float: left; font-size: 12px; line-height: 26px; padding: 15px 0 15px 36px; text-transform: uppercase;}
.footer__powered-link {float: left; padding-right: 15px;}
.footer__powered-logo {vertical-align: top;}
.footer__so {float: right; padding: 15px 36px 0 0;}
.footer__so-item {background: url("../images/anniversary10/footer-so.png") no-repeat; display: inline-block; height: 30px; margin-left: 15px; opacity: .75; vertical-align: top; width: 30px;}
.footer__so-item:hover {opacity: 1; transition: all .2s linear;}
.footer__so-item.vk {background-position: 0 0;}
.footer__so-item.mm {background-position: -30px 0;}
.footer__so-item.od {background-position: -60px 0;}
.footer__so-item.fb {background-position: -90px 0;}
.footer__so-item.tw {background-position: -120px 0;}

.button-yellow {background: url("../images/anniversary10/button-yellow.png") no-repeat; color: #FFF; cursor: pointer; display: inline-block; font-size: 14px; line-height: 42px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle;}
.button-yellow__cont {background: url("../images/anniversary10/button-yellow.png") 100% -43px no-repeat; display: block; float: left; height: 43px; margin-left: 24px; padding: 0 48px 0 24px;}
.button-yellow:hover {background-position: 0 -86px;}
.button-yellow:hover .button-yellow__cont {background-position: 100% -129px;}

.button-green {background: url("../images/anniversary10/button-green.png") no-repeat; color: #FFF; cursor: pointer; display: inline-block; font-size: 14px; line-height: 42px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle;}
.button-green.wide {display: block; overflow: hidden;}
.button-green__cont {background: url("../images/anniversary10/button-green.png") 100% -43px no-repeat; display: block; float: left; height: 43px; margin-left: 24px; padding: 0 48px 0 24px;}
.button-green.wide .button-green__cont {float: none;}
.button-green:hover {background-position: 0 -86px;}
.button-green:hover .button-green__cont {background-position: 100% -129px;}

.button-grey {background: url("../images/anniversary10/button-grey.png") no-repeat; color: #FFF; cursor: default; display: inline-block; font-size: 14px; line-height: 42px; text-align: center; text-decoration: none; text-transform: uppercase; vertical-align: middle;}
.button-grey.wide {display: block; overflow: hidden;}
.button-grey__cont {background: url("../images/anniversary10/button-grey.png") 100% -43px no-repeat; display: block; float: left; height: 43px; margin-left: 24px; padding: 0 48px 0 24px;}
.button-grey.wide .button-grey__cont {float: none;}
.button-grey:hover {background-position: 0 -86px;}
.button-grey:hover .button-grey__cont {background-position: 100% -129px;}

.popup {background: #4d4d4d; box-shadow: 20px 20px 180px 10px #000; left: 50%; display: none; margin: 0 0 0 -380px; position: fixed; top: 50%; width: 760px; z-index: 10000;
	-webkit-box-shadow: 20px 20px 180px 10px #000; -moz-box-shadow: 20px 20px 180px 10px #000; -ms-box-shadow: 20px 20px 180px 10px #000; -o-box-shadow: 20px 20px 180px 10px #000;
}
.popup.absolute {position: absolute;}
.popup__cont {padding: 50px 70px; position: relative;}
.popup__lt,
.popup__rt,
.popup__rb,
.popup__lb {background: url("../images/anniversary10/popup.png") no-repeat; height: 194px; position: absolute; width: 229px;}
.popup__lt {background-position: 0 0; left: -6px; top: -6px;}
.popup__rt {background-position: -229px 0; right: -6px; top: -6px;}
.popup__rb {background-position: -229px -194px; right: -6px; bottom: -6px;}
.popup__lb {background-position: 0 -194px; left: -6px; bottom: -6px;}
.popup__title {font-size: 32px; margin-bottom: 32px; text-align: center; text-transform: uppercase;}
.popup__text {border: 2px solid #c18742; margin-bottom: 32px; padding: 24px 32px; text-align: center;}
.popup__text-after {display: none; margin-bottom: 32px; text-align: center;}
.popup__footer {text-align: center;}
.popup__input {background: #FFF; border: 0; box-sizing: border-box; font-size: 21px; margin: 0; padding: 10px; text-align: center; width: 100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.popup__error {color: #FFF; display: none; margin: 10px 0 0 0;}
.button-close {position:absolute; top: 20px; right: 20px; width: 35px; height: 35px; background: url('../images/anniversary10/button-close.png') 50% 50% no-repeat #191919; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer;}

.popup-login,
.popup-password {background: #262626; border: 1px solid #939393; padding: 15px; margin: 0 10px; color: #fff; outline: none;}

.overlay {background: rgba(0, 0, 0, .5); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000;}
.overlay.absolute {position: absolute;}

.section-header {background: url("../images/anniversary10/bg.jpg") 50% 50% no-repeat fixed; background-size: cover;
	-webkit-background-size: cover; -moz-background-size: cover;
}

.section-header.bg-stage-1,
.section-header.bg-stage-3 {background: 0;}
.section-header.bg-stage-3 {background: #292b2c url("../images/anniversary10/bg_1.jpg") 50% 0 no-repeat scroll; background-size: cover;}
.section-header.bg-stage-2 {min-height: 732px; max-height: 1200px; background: #292b2c url("../images/anniversary10/bg_2.jpg") 50% 100% no-repeat scroll; background-size: cover;}
.section-header.bg-stage-4 {min-height: 1020px; max-height: 1020px; background: #201c22 url("../images/anniversary10/bg_4.jpg") 50% 100% no-repeat scroll; background-size: cover;}
.section.bg-stage-2-1 {min-height: 713px; background: #292b2c url("../images/anniversary10/bg_2_1.jpg") 50% 0 no-repeat scroll; background-size: cover;}
.section.bg-stage-2-2 {background: #292b2c url("../images/anniversary10/bg_2_2.jpg") 50% 0;}
.section.bg-stage-4-1 {min-height: 1300px; padding: 150px 0 367px 0; background: #1d1c21 url("../images/anniversary10/bg_4_1.jpg") 50% 0 no-repeat scroll; background-size: cover;}
.section.bg-stage-4-2 {background: #1d1c21;}

.section-header__left {float: left; width: 55%;}
.section-header__left-cont {padding: 0 0 0 30px;}
.section-header__right {float: right; width: 45%;}
.section-header__right-cont {padding: 0 20% 0 0;}
.section-header__date {font-size: 17px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase;}
.section-header__text {line-height: 2; margin: 0 50% 0 0;}
.section-header__status {height: 235px;}
.section-header__status-picture {display: inline-block; margin-right: 20px; vertical-align: top;}
.section-header__status-text {display: inline-block; padding: 62px 0 0; text-transform: uppercase; line-height: 1.1; vertical-align: top;}
.section-header__status-status {font-size: 42px; margin-bottom: 5px;}

.section-quests {}
.section-quests__left {float: left; width: 60%;}
.section-quests__left-cont {padding: 80px 0 60px 10%;}
.section-quests__right {float: right; width: 40%}
.section-quests__right-cont {padding: 80px 0 60px; text-align: center;}
.section-quests {}
.section-quests {}

.section-puzzle {position: relative;}
.section-puzzle__cont {padding: 80px 5% 60px 5%;}
.section-puzzle__bar {padding: 0 0 20px; text-align: right;}
.section-puzzle__left {float: left; width: 60%;}
.section-puzzle__left-cont {padding: 24px 20px 0 0;}
.section-puzzle__right {float: right; width: 40%;}
.section-puzzle__right-cont {padding: 0 0 0 80px;}
.section-puzzle {}

.puzzle {margin: 0 auto; text-align: left; width: 322px;}
.puzzle__shade {box-shadow: 30px 50px 150px 10px #000; height: 320px; margin-bottom: 34px; width: 322px;
	-webkit-box-shadow: 30px 50px 150px 10px #000; -moz-box-shadow: 30px 50px 150px 10px #000; -ms-box-shadow: 30px 50px 150px 10px #000; -o-box-shadow: 30px 50px 150px 10px #000;
}
.puzzle__cont {background: url("../images/anniversary10/puzzle.png") no-repeat; height: 320px; margin: 0 -1px 0 -2px; position: relative; width: 325px;}
.puzzle__element {position: absolute; width: 80px;}
.puzzle__status {margin-bottom: 12px;}
.puzzle__status-status {font-size: 42px; display: inline-block; vertical-align: middle;}
.puzzle__status-text {display: inline-block; font-size: 14px; line-height: 1; margin-left: 12px; vertical-align: middle;}
.puzzle__complete {width: 300px; position: absolute; left: 12px; top: 10px;}
.puzzle__footer {text-align: left; margin: 32px 0 0;}

.puzzle-box {box-shadow: 0 50px 200px #000; height: 633px; margin: 0 auto; position: relative; width: 635px;
	-webkit-box-shadow: 0 50px 200px #000; -moz-box-shadow: 0 50px 200px #000; -ms-box-shadow: 0 50px 200px #000; -o-box-shadow: 0 50px 200px #000;
}
.puzzle-box__bg {background: url("../images/anniversary10/puzzle-box.png") no-repeat; height: 678px; left: -24px; position: absolute; top: -20px; width: 682px;}
.puzzle-box__complete {display: none; left: 0; position: absolute; top: 0;}

.puzzle-holder {max-width: 600px;}
.puzzle-holder__box {border: 2px solid #b57832; min-height: 320px; position: relative;}
.puzzle-holder__box > .puzzle-holder__element {cursor: pointer;}
.puzzle-holder__element {}
.puzzle-holder__status {margin-bottom: 20px;}
.puzzle-holder__status-status {font-size: 42px;}
.puzzle-holder__status-text {margin-left: 10px;}

.quest-list {margin-bottom: 32px;}
.quest-list__title {float: left; font-size: 32px; line-height: 1.35; text-transform: uppercase;}
.quest-list__button-all {float: right;}
.quest-list__note {clear: both;}
.quest-list__list {list-style-type: none; margin: 0; padding: 24px 0 0 0;}
.quest-list__list-item {margin-bottom: 28px;}
.quest-list__list-item:last-child {margin-bottom: 0;}
.quest-list__list-item-header {background: url("../images/anniversary10/quest-list-header.png") 0 50% no-repeat; border: 2px solid #f0c46c; border-width: 2px 2px 0 0; line-height: 44px; padding: 0 16px; text-transform: uppercase;}
.quest-list__list.list_toggle .quest-list__list-item-header {cursor: pointer; padding-right: 8px;}
.quest-list__list.list_toggle .quest-list__list-item-header.not-available {cursor: default;}
.quest-list__list-item.closed .quest-list__list-item-header {border-width: 2px 2px 2px 0;}
.quest-list__list-item-header-cont {}
.quest-list__list-item-date {float: right; font-size: 14px;}
.quest-list__list.list_toggle .quest-list__list-item-date:after {background: url("../images/anniversary10/quest-list-toggle.png") no-repeat; content: ""; display: inline-block; height: 33px; margin: -1px 0 0 5px; vertical-align: middle; width: 33px;}
.quest-list__list-item.closed .quest-list__list-item-date:after {transform: rotate(180deg);
	-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.quest-list__list-item-title {font-size: 16px;}
.quest-list__list-item.pve .quest-list__list-item-header-cont {background: url("../images/anniversary10/icon-quest-pve.png") 0 50% no-repeat; padding-left: 29px;}
.quest-list__list-item.pvp .quest-list__list-item-header-cont {background: url("../images/anniversary10/icon-quest-pvp.png") 0 50% no-repeat; padding-left: 36px;}
.quest-list__list-item-cont {border: 2px solid #f0c46c; border-width: 1px 2px 2px 2px; padding: 18px 18px 20px;}
.quest-list__list-item.closed .quest-list__list-item-cont {display: none;}
.quest-list__list-item-reward {margin-top: 10px;}
.quest-list__list-item-reward-value {color: #FFF; text-decoration: none;}
.quest-list__list-item-reward-value:after {background: url("../images/anniversary10/icon-money.png") no-repeat; content: ""; display: inline-block; height: 26px; margin: 0 0 0 5px; vertical-align: middle; width: 26px;}
.quest-list__row {overflow: hidden;}
.quest-list__column {float: left; width: 50%;}
.quest-list__column .quest-list__list {margin: 0 0 0 32px;}
.quest-list__column:first-child .quest-list__list {margin: 0;}
.quest-list__tabs {padding: 24px 0 0 0;}
.quest-list__tabs-item {cursor: pointer; display: inline-block; font-weight: bold; height: 69px; line-height: 60px; margin: 0 32px 0 22px; position: relative;}
.quest-list__tabs-item.active,
.quest-list__tabs-item:after,
.quest-list__tabs-item.active:before {background: url("../images/anniversary10/quest-list-tabs.png") no-repeat;}
.quest-list__tabs-item.active {background-position: 50% -138px; cursor: default;}
.quest-list__tabs-item.active:after {background-position: 0 -69px; content: ""; display: block; height: 69px; position: absolute; right: -22px; top: 0; width: 22px;}
.quest-list__tabs-item.active:before {background-position: 0 0; content: ""; display: block; height: 69px; position: absolute; left: -22px; top: 0; width: 22px;}
.quest-list__footer {padding: 40px 0 0 0; text-align: center;}

.bg-stage-2-1 .quest-list__row {clear: both; max-width: 1200px; margin: 0 auto;}
.bg-stage-2-1 .quest-list__list-item {background: #1c1c1c; box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.44);}
.bg-stage-2-1 .quest-list__list-item-header {background: none; border: 0;}
.bg-stage-2-1 .quest-num {display:inline-block; width: 30px; margin-right: 15px; padding-right: 5px; border-right: 2px solid #f0c46c; text-align: center;}
.bg-stage-2-1 .quest-list__list-item-cont {border: 0; border-top: 2px solid #f0c46c; color: #8da090;}
.bg-stage-2-1 .quest-list__list-item-date .during {color: #31d793; font-size: 12px;}
.bg-stage-2-1 .quest-list__list-item-date .finish {color: #66a2b1; font-size: 12px;}

.cols {overflow: hidden; max-width: 1920px; margin: 0 auto;}
.left-col {float: left; margin: 0 0 0 25px;}
.center-col {float: left; margin: 80px 0 0 155px; width: 362px;}
.right-col {float: left; max-width: 670px; margin: 0 0 0 50px;}
.user-info {width: 289px; margin: 0; padding: 15px 20px 15px 25px; background: url('../images/anniversary10/user-info-frame.png') 0 0 no-repeat; border: 2px solid #dba255; border-left: 0;}
.user-info-nick {display: block; padding-left: 18px; background: url('../images/anniversary10/icon-nick.png') 0 50% no-repeat; font-size: 14px;}
.user-info-reputation,
.user-info-money,
.user-info-gold {display: inline-block; height: 26px; font-size: 14px; line-height: 26px;}
.user-info-reputation span,
.user-info-money span,
.user-info-gold span {display: inline-block; width: 110px; text-transform: uppercase;}
.user-info-reputation b {display: inline-block; padding: 0 0 0 30px; background: url('../images/anniversary10/icon-rep.png') 0 50% no-repeat;}
.user-info-money b {display: inline-block; padding: 0 0 0 30px; background: url('../images/anniversary10/icon-money.png') 0 50% no-repeat;}
.user-info-gold b {display: inline-block; padding: 0 0 0 30px; background: url('../images/anniversary10/icon-gold.png') 0 50% no-repeat;}

.arts {margin: 84px 0 0 0;}
.arts-header {margin: 0 0 14px 0; font-size: 14px; text-indent: 12px; text-transform: uppercase;}
.art-list {max-width: 250px;}
.art-list li {display: inline-block; margin: 0 11px 9px 0; padding: 0; font-size: 14px; line-height: 1; text-align: center;}

.logout {float: right; width: 16px; height: 15px; margin-top: 5px; background: url('../images/anniversary10/icon-logout.png') 0 0 no-repeat; cursor: pointer;}

.frame {position: relative; display: inline-block; margin: 0 21px; padding: 31px 0 30px;}
.frame .t,
.frame .r,
.frame .b,
.frame .l,
.frame .lt,
.frame .rt,
.frame .rb,
.frame .lb {position: absolute; background-image: url('../images/anniversary10/info-image-frame.png'); background-repeat: no-repeat;}
.frame .t {left: 0; top: 0; right: 0; height: 31px; background-position: 50% 0;}
.frame .r {top: 31px; right: -13px; bottom: 30px; width: 13px; background-position: 100% 50%;}
.frame .b {left: 0; bottom: 0; right: 0; height: 30px; background-position: 50% 100%;}
.frame .l {left: -13px; top: 31px; bottom: 30px; width: 13px; background-position: 0 50%;}
.frame .lt {left: -13px; top: 0; width: 13px; height: 31px; background-position: 0 0;}
.frame .rt {top: 0; right: -13px; width: 13px; height: 31px; background-position: 100% 0;}
.frame .rb {right: -13px; bottom: 0; width: 13px; height: 30px; background-position: 100% 100%;}
.frame .lb {left: -13px; bottom: 0; width: 13px; height: 30px; background-position: 0 100%;}
.frame img {}

.info-image {margin: 0 21px 0 56px;}
.info-image + .info-image {margin: 0 21px;}

.info-text-header {font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 43px; font-weight: bold; text-transform: uppercase; line-height: 52px;}
.info-text-header span {float: left;}
.info-text-header span + span {float: none; overflow: hidden; display: block;}
.info-text {overflow: hidden; margin: 0 0 0 43px; font-size: 17px;}
.info-text-howto {margin: 88px 0 0 43px; font-size: 14px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.info-text-howto .button-yellow {margin: 82px 0 0 0;}
.info-text-howto .button-yellow__cont {font-weight: normal;}

.packs {display: block; width: 274px; margin: 30px auto 0; padding: 35px 0; font-size: 14px; text-transform: uppercase; text-align: center;}

.anniversary10-counter {overflow: hidden; background: none; text-align: center;}
.anniversary10-counter-bg {position: relative; width: 362px; height: 362px; margin: 0 auto;}
.anniversary10-counter-fill {position:absolute; width: 362px; height: 362px; margin: 0 auto; background: url('../images/anniversary10/counter-fill.png') 50% 50% no-repeat;}
.anniversary10-counter-bg span {position: relative; display: inline-block; margin: 125px 0 0 0; font-size: 14px; text-transform: uppercase;}
.anniversary10-counter-bg .percent {margin-top: -12px; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 68px;}
.anniversary10-counter-bg .percent.final {margin-top: 0; font-size: 26px; text-transform: uppercase;}

.stage1-more {margin: 270px 0 0 0; text-align: center;}

.text-header {padding: 0 0 37px 0; background: url('../images/anniversary10/text-header-bg.png') 50% 100% no-repeat; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 42px; text-align: center; text-transform: uppercase;}
.text-header p {margin: 24px 0 36px; font-family: 'Open Sans', sans-serif; font-size: 17px; text-transform: none;}
.bg-stage-2 .text-header {margin-top: 107px; background: none;}
.bg-stage-2-1 .text-header {padding-bottom: 90px; background: url('../images/anniversary10/text-header-bg-2.png') 50% 100% no-repeat;}
.bg-stage-2-1 .text-header.text-header-quests {clear: both; margin-top: 0; margin-bottom: 35px; padding-bottom: 0; font-size: 28px; background: none;}
.bg-stage-4 .text-header {margin-top: 43px; background: none; font-size: 68px; text-shadow: 2px 3px 13px rgba(0, 0, 0, 0.35);}
.bg-stage-4 .text-header p {margin-top: 37px;}
.bg-stage-4-1 .text-header {position: relative; padding: 0 0 37px 0; background: url('../images/anniversary10/text-header-bg.png') 50% 100% no-repeat; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 42px; text-align: center; text-transform: uppercase; z-index: 2;}
.bg-stage-4-2 .text-header {position: relative; padding: 0 0 37px 0; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 42px; text-align: center; text-transform: uppercase; z-index: 2;}
.bg-stage-4-2 .text-header p {text-transform: uppercase;}

.stage1-more__step {display: block; margin: 33px auto; width: 88px; height: 88px; border: 1px solid #ebc062; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 88px; text-align: center; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 24px;}

.stage1-more__step-description {max-width: 915px; margin: 33px auto; font-size: 17px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.stage1-more__step-description-small {margin: 35px 0 0 0; font-weight: normal; letter-spacing: normal; text-transform: none;}

.stage1-more__table {width: 100%; max-width: 915px; margin: 0 auto 66px; border-collapse: collapse; text-transform: uppercase;}
.stage1-more__table tr {}
.stage1-more__table th,
.stage1-more__table td {padding: 50px 45px; border-bottom: 2px solid #dba255; vertical-align: middle;}
.stage1-more__table th {color: #aad1c4; font-size: 14px; font-weight: normal; white-space: nowrap;}
.stage1-more__table td {font-size: 17px; vertical-align: middle;}
.stage1-more__table td + td {text-align: center;}
.stage1-more__table th:first-child,
.stage1-more__table td:first-child {padding-left: 0; text-align: left;}

.taking-arts {clear: both; max-width: 800px; margin: 87px 0 0 375px;}
.taking-arts-header {margin: 0 0 14px 0; font-size: 14px; text-indent: 12px; text-transform: uppercase;}
.taking-arts-list li {display: inline-block; margin: 0 50px 30px 0;}

.money {display: inline-block; padding: 0 0 0 30px; background: url('../images/anniversary10/icon-money.png') 0 50% no-repeat;}

.stage1-quests {overflow: hidden; max-width: 915px; margin: 0 auto;}
.stage1-quests .quest-list__list-item {display: inline-block; width: 420px; max-width: 430px; margin: 0 15px 33px; text-align: left; vertical-align: top;}
.stage1-quests .quest-list__list-item-date {color: #66a2b1; font-size: 12px;}
.stage1-quests .quest-list__list-item-cont {min-height: 115px;}

.bg-stage-2 .user-info,
.bg-stage-3 .user-info {margin-left: 25px;}

.common-table {width: 100%; border-collapse: collapse;}

.shop-types {margin-top: 35px; padding: 0 15px; text-align: center;}
.shop-types li {cursor: pointer; padding: 0; list-style-type: none;}
.shop-types li span {display: inline-block; min-width: 110px; padding: 14px; border: 1px solid transparent; text-transform: uppercase;}
.shop-types li.active span {border: 1px solid #dba255;}

.shop-table {width: 100%; border-collapse: collapse; text-transform: uppercase;}
.shop-table th {padding: 50px 45px; color: #aad1c4; font-size: 14px; font-weight: normal;}
.shop-table th.sort {cursor: pointer;}
.shop-table td {padding: 25px 45px 30px; font-size: 17px;}
.shop-table th,
.shop-table td {border-bottom: 2px solid #dba255; text-align: center; vertical-align: middle;}
.shop-table th:first-child {text-align: left;}
.shop-table td:first-child {padding: 25px 0 30px; text-align: left;}
.shop-table td.restriction {color: #aad1c4; padding-right: 0; text-align: left;}
.shop-table td.restriction .hint {cursor: pointer;}

.bg-stage-2-2 .shop-table {max-width: 1200px; margin: 0 auto;}

.common-table > tbody > tr > td {width: 25%;}
.shop-table-pic {line-height: 1;}
.shop-table-pic img {margin: 0 10px 0 0;}
.shop-table-pic table {border-collapse: collapse;}
.shop-table-pic td {padding: 0; border: 0; text-align: left; vertical-align: middle;}
.coins {padding: 0 0 0 30px; background: url('../images/anniversary10/icon-money.png') 0 50% no-repeat;}
.gold {padding: 0 0 0 30px; background: url('../images/anniversary10/icon-gold.png') 0 50% no-repeat;}
.reputation {padding: 0 0 0 30px; background: url('../images/anniversary10/icon-rep.png') 0 50% no-repeat;}
.win {padding: 0 0 0 30px; background: url('../images/anniversary10/icon-win.png') 0 50% no-repeat;}

.tooltip {background: #000; background: rgba(0, 0, 0, .5); border-radius: 8px; color: #FFF; max-width: 400px; padding: 5px 10px; position: absolute;}

.b-common-slot img {vertical-align: top;}

.stage-2-info {float: right; width: 650px; margin-right: 175px; margin-bottom: 100px; font-size: 17px;}
.b-common-slot {display: inline-block; margin: 1px; vertical-align: middle; position: relative;}
.b-common-slot__count {position: absolute; left: 1px; bottom: 1px; display: block !important; border: solid 1px #6F4A24; background-color: #6E534C; width: 32px; color: #F6D9A6; font-weight: bold; margin: 2px; text-align: center; font-size: 11px;}
/* Artifact Alt */
.aa-table * {
	color: #000;
	font-size: 11px;
}
.aa-t {
	background: url('../images/tbl-pop_top.gif');
	height: 24px;
}
.aa-t.aa-t-n {
	background: url('../images/tbl-pop_top-n.gif');
	height: auto;
	font-size: 0;
}
.aa-t-h-c {
	background: url('../images/tbl-pop_head_center.gif');
	height: 4px;
	font-size: 0;
}
.aa-tl {
	background: url('../images/tbl-pop_corner-top-left.gif') no-repeat;
	width: 14px;
	height: 24px;
}
.aa-tl.aa-tl-n {
	background: url('../images/tbl-pop_corner-top-left-n.gif') no-repeat;
	height: auto;
	font-size: 0;
}
.aa-tl-h-l {
	background: url('../images/tbl-pop_head_left.gif') no-repeat;
	width: 14px;
	height: 4px;
	font-size: 0;
}
.aa-tr {
	background: url('../images/tbl-pop_corner-top-right.gif') no-repeat;
	width: 14px;
	height: 24px;
}
.aa-tr.aa-tr-n {
	background: url('../images/tbl-pop_corner-top-right-n.gif') no-repeat;
	width: 14px;
	height: auto;
	font-size: 0;
}
.aa-tr-h-r {
	background: url('../images/tbl-pop_head_right.gif') no-repeat;
	width: 14px;
	height: 4px;
	font-size: 0;
}
.aa-b {
	background: url('../images/tbl-pop_bottom.gif') repeat-x;
	height: 5px;
	font-size: 0;
}
.aa-bl {
	background: url('../images/tbl-pop_corner-bottom-left.gif') no-repeat;
	width: 14px;
	height: 5px;
	font-size: 0;
}
.aa-br {
	background: url('../images/tbl-pop_corner-bottom-right.gif') no-repeat;
	width: 14px;
	height: 5px;
	font-size: 0;
}
.aa-l {
	background: url('../images/tbl-pop_left.gif') repeat-y;
	width: 14px;
}
.aa-r {
	background: url('../images/tbl-pop_right.gif') repeat-y;
	width: 14px;
}
.aa-table .skill_list td {padding: 0 7px;}
.aa-table .skill_list.list_dark td {background-color: #F4BB8A}

.bosses-avatars {position: relative; margin: 0 0 -48px 0; text-align: center; z-index: 3;}
.boss-avatar {display: inline-block; margin: 0 10px; padding: 12px 13px 71px; cursor: pointer;}
.boss-avatar.active {background: url('../images/anniversary10/boss-avatar-frame.png') 0 0 no-repeat;}

.boss-dsc {overflow: hidden; position: relative; min-height: 650px; background: url('../images/anniversary10/shadow.png'); border-top: 2px solid #000; border-bottom: 2px solid #2e2e2e;}
.boss-inner {max-width: 1500px; margin: 0 auto;}
.boss-info-right {position: relative; float: right; width: 450px; z-index: 3;}
.boss-reward {margin: 112px 0 0 0;}
.boss-reward__item {overflow: hidden; display: inline-block; margin: 0 30px 0 0; color: #95a998; font-size: 14px;}
.boss-reward__item .reputation,
.boss-reward__item .win {display: inline-block;}
.boss-reward__item-value {float: right; margin-left: 15px; color: #fff; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 42px; font-weight: normal; line-height: 40px;}
.boss-skills {margin: 76px 0 0 0;}
.boss-skills-header {margin: 0 0 12px 0; text-transform: uppercase;}
.boss-skill {display: inline-block; margin: 0 14px 16px 0;}
.boss-info-left {position: relative; float: left; width: 600px; margin: 113px 0 0 0; color: #95a998; font-size: 17px; z-index: 3;}
.text-header.boss-title {margin: 0; padding: 0 0 47px 0; background: url('../images/anniversary10/boss-title-bg.png') 50% 100% no-repeat; color: #fff;}
.boss-picture {position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2;}

.play-block {position: relative; overflow: hidden; margin: -18px 0 0 0; background: url('../images/anniversary10/play-block-bg.png') 50% 0 no-repeat; z-index: 3;}
a.play-btn {margin: 140px auto; display: block; width: 295px; height: 76px; background: url('../images/anniversary10/play-btn.png') 0 0 no-repeat;}
a.play-btn:hover {background-position: 0 -76px;}
a.play-btn:active {background-position: 0 -152px;}

.progress-bar {position: relative; width: 1114px; height: 155px; margin: 0 auto; background: url('../images/anniversary10/progress-bar.png') 0 0 no-repeat;}
.progress-bar-fill {position:absolute; left: 104px; top: 0; height: 155px; background: url('../images/anniversary10/progress-bar-fill.png') 0 0 no-repeat;}
.progress-bar-frame {width: 1114px; height: 155px; background: url('../images/anniversary10/progress-bar-frame.png') 0 0 no-repeat;}
.progress-bar-marker {position:absolute; top: 0; left: 88px; width: 32px; height: 155px; background: url('../images/anniversary10/progress-bar-marker.png') 0 0 no-repeat;}

.bg-stage-4 .left-col {position: relative; float: left; width: 359px; margin-left: 33px; z-index: 2;}

.section-header.bg-stage-4 .text-header {float: left;}

.stage-4-shop {margin: 128px 0 0 -33px; text-align: center;}
.stage-4-shop-header {padding: 0 0 43px 0; margin-bottom: 30px; background: url('../images/anniversary10/stage-4-shop-header.png') 50% 100% no-repeat; font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.stage-4-shop-text {margin-bottom: 63px;}

.stage-4-header-links {float: left; width: 100%; margin: 50px 0 0 0; text-align: center;}
a.stage-4-header-link {display: inline-block; margin: 0 45px; color: #fff; font-weight: bold; letter-spacing: 1px; text-decoration: none; text-transform: uppercase;}
.stage-4-header-link::before {display: block; content: ''; width: 108px; height: 108px; margin: 0 auto 9px; background: url('../images/anniversary10/stage-4-icons.png') 0 0 no-repeat;}
.stage-4-header-link.quest::before {background-position: 0 0;}
.stage-4-header-link.bonus::before {background-position: 0 100%;}

.bonuses-time {height: 189px; margin: -46px 0 0 0; padding: 59px 0 0 0; background: url('../images/anniversary10/bonuses-time-bg.png') 50% 0 no-repeat; text-align: center;}
.bonuses-time-item {font-weight: bold; text-transform: uppercase;}

.bonuses-table {width: 960px; margin: 60px auto 0; border-collapse: collapse;}
.bonuses-table td {text-align: center; width: 33%;}
.bonuses-table td b {display: block; height: 50px; text-transform: uppercase;}
.bonus-num {display: block; margin: 0 auto 20px; color: #edc36e; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 42px;}
.bonuses-table-td-p66 {padding-top: 66px;}
.bonuses-table td p {color: #bdd2c0;}

.bonuses-table-second {margin: 0 auto;}
.bonuses-table-second td {width: 20%; text-transform: uppercase; vertical-align: bottom;}
.bonuses-table-second .coins {display: inline-block; margin-top: 10px;}

.separator {height: 26px; margin: 17px auto; background: url('../images/anniversary10/separator-bg.png') 50% 0 no-repeat;}

.bonuses-table-third {margin: 0 auto;}
.bonuses-table-third td {width: 50%; vertical-align: top;}

.bonuses-table-third .art-list {max-width: inherit; margin-top: 33px;}
.bonuses-table-third .art-list li {margin-right: 0;}

.bg-stage-4-2 {overflow: hidden; min-height: 500px;}
.final-quest {overflow: hidden; position: relative; min-height: 585px; padding-bottom: 363px; text-align: center;}
.final-quest__intro {font-weight: bold; letter-spacing: 1px; text-transform: uppercase;}
.final-quest__title {width: 682px; margin: 36px auto 0; padding: 5px 0 9px; border: 2px solid #cca355; border-bottom: 1px solid #cca355; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 42px; text-transform: uppercase;}
.final-quest__description {width: 682px; margin: 0 auto; padding: 30px 0 47px; border: 2px solid #cca355; border-top: 1px solid #cca355;}
a.do-btn {display: block; width: 295px; height: 76px; margin: 70px auto 0; background: url('../images/anniversary10/do-btn.png') 0 0 no-repeat;}
a.do-btn:hover {background-position: 0 -76px;}
a.do-btn:active {background-position: 0 -152px;}
.final-quest-done {overflow: hidden; position: relative; min-height: 585px; padding-bottom: 363px; background: url('../images/anniversary10/final-quest-bg.png') 50% 0 no-repeat;}
.final-quest__user {margin-top: 47px; text-align: center}
.final-quest__user-nick {font-weight: bold;}
.final-quest__user p {margin-top: 5px; color: #bdd2c0;}
.chronicle-left {position: absolute; top: 269px; right: 50%; margin-right: 225px; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; font-size: 42px; line-height: 53px; text-align: right; text-transform: uppercase;}
.chronicle-right {position: absolute; top: 269px; left: 50%; margin-left: 242px; font-weight: bold; letter-spacing: 1px; text-align: left; text-transform: uppercase;}
a.read-btn {display: block; width: 295px; height: 76px; margin: 529px auto 0; background: url('../images/anniversary10/read-btn.png') 0 0 no-repeat;}
a.read-btn:hover {background-position: 0 -76px;}
a.read-btn:active {background-position: 0 -152px;}

@media only screen and (max-width: 1700px) {
	.left-col {float: left; margin: 0 0 0 25px;}
	.center-col {float: left; margin: 80px 0 0 130px; width: auto;}
	.right-col {float: left; max-width: 500px; margin: 0 0 0 50px;}
}

@media only screen and (min-width: 1600px) {
	.section-quests__right.sticky {float: none; position: fixed; right: 0; top: 0;}
}

@media only screen and (max-width: 1600px) {
	.nav-top__item {width: 20%;}
	.nav-top__item:first-child {margin-left: 160px;}

	.nav-top__item:nth-child(even) {
		width: 150px;
	}

	.section-header__left {float: left; width: 50%;}
	.section-header__left-cont {padding: 0 0 0 30px;}
	.section-header__right {float: right; width: 50%;}
	.section-header__right-cont {padding: 0 30px 0 30px;}
	.section-header__status-picture {margin-right: 10px;}
	.section-header__status-text {padding-top: 42px;}

	.section-quests__left {float: none; margin-right: 420px; overflow: hidden; width: auto;}
	.section-quests__left-cont {padding: 80px 0 60px 30px;}
	.section-quests__right {width: 400px;}
	.section-quests__right-cont {padding: 80px 0 60px; text-align: center;}

	.left-col {float: left; margin: 0 0 0 25px;}
	.center-col {float: left; margin: 80px 0 0 0; width: auto;}
	.right-col {float: left; max-width: 500px; margin: 0 0 0 50px;}
}

@media only screen and (max-width: 1400px) {
	.nav-top__item {width: auto;}
	.nav-top__item:first-child {margin-left: 150px;}
	.nav-top__item-bg {width: 65px;}
	.nav-top__item-text {display: none;}

	.nav-top__item:nth-child(even) {
		width: auto;
	}

	.shop-table th {padding: 50px 25px;}
	.shop-table td {padding: 25px 25px 30px;}
	
	.common-table > tbody > tr > td + td + td {width: 1%;}
}

@media only screen and (max-width: 1280px) {
	.section-header__left-cont {padding: 0 0 0 20px;}
	.section-header__right-cont {padding: 0 20px 0 20px;}
	.section-header__status {height: auto; margin-bottom: 32px;}
	.section-header__status-picture {margin-right: 0;}
	.section-header__status-text {display: block; padding-top: 0;}
	.section-header__text {margin: 0;}

	.section-quests__left {float: none; margin: 0; width: auto;}
	.section-quests__left-cont {padding: 0 20px 0;}
	.section-quests__right {float: none; width: auto;}
	.section-quests__right-cont {padding: 80px 20px 40px;}

	.section-puzzle__cont {padding-left: 0; padding-right: 2%;}
	.section-puzzle__left {float: left; width: 65%;}
	.section-puzzle__left-cont {padding: 24px 00px 0 0;}
	.section-puzzle__right {float: right; width: 35%;}
	.section-puzzle__right-cont {padding: 0 0 0 40px;}

	.quest-list__title {float: none;}
	.quest-list__button-all {float: none; display: block; overflow: hidden; text-align: center;}
	.quest-list__note {display: none;}

	.left-col {float: left; margin: 0 0 0 25px;}
	.center-col {float: left; margin: 0 0 0 300px; width: auto;}
	.right-col {float: none; clear: both; width: auto; max-width: 1000px; margin: 0 0 0 50px; padding-top: 50px;}

	.info-text-howto {margin: 88px auto 0; width: 500px; text-align: center;}
	.info-image {float: left; margin: 0 20px 0;}
	.info-text-header {margin-top: 20px;}
	.taking-arts {margin-left: 25px;}
}

@media only screen and (max-width: 1000px) {
	.center-col {float: left; margin: 0 0 0 100px; width: auto;}
	.right-col {float: none; clear: both; width: 90%; max-width: 90%; margin: 0 auto; padding-top: 50px;}
	.info-image {float: left; margin: 0 20px 0;}
	.info-text-header {clear: left;}
}

@media only screen and (max-width: 800px) {
	.left-col {float: none; width: 300px; margin: 0 auto;}
	.arts {margin: 40px 0 0 0;}
	.center-col {float: none; width: 362px; margin: 30px auto 0;}
}

@media only screen and (max-width: 760px) {
	.nav-top__item:first-child {margin-left: 15px;}

	.section-header__left {float: none; width: auto;}
	.section-header__left-cont {padding: 50px 20px 20px;}
	.section-header__right {display: none;}
	.section__header-title {font-size: 28px; text-align: center;}
	.section-header__date {margin-bottom: 32px; text-align: center;}
	.section-header__status {text-align: center;}
	.section-header__text {font-size: 18px; text-align: center;}

	.section-quests__left-cont {padding: 80px 5px 5px 5px;}
	.section-quests__right {display: none;}

	.quest-list__title {float: none; margin-bottom: 12px; text-align: center;}
	.quest-list__button-all {float: none; display: block; overflow: hidden; text-align: center;}
	.quest-list__tabs {display: none;}
	.quest-list__column {float: none; width: auto;}
	.quest-list__column .quest-list__list {margin: 0;}
	.quest-list__list-item-header {line-height: normal;}
	.quest-list__list-item-date {float: none;}
	.quest-list__list.list_toggle .quest-list__list-item-date:after {display: none;}

	.footer {text-align: center;}
	.footer__powered {float: none; line-height: initial; padding: 50px 0 0 0;}
	.footer__powered-link {display: block; float: none; margin-bottom: 20px;}
	.footer__so {float: none; margin: 0; padding: 50px 20px 50px;}

	.popup {width: 400px; margin-left: -200px;}
}

@media only screen and (max-width: 600px) {
	.info-image {float: none; display: block; width: 137px; margin: 0 auto 20px;}
	.info-image + .info-image {margin: 0 auto;}
	.info-text-header {margin-top: 20px;}
	.taking-arts {margin-left: 25px;}
}

@media only screen and (max-width: 480px) {
	.nav-top__logo {left: 12px;}
	.nav-top__item-bg {width: 55px;}
	.nav-top__item-number {font-size: 48px;}

	.nav-mobile.active {width: 300px;}

	.section-header__left-cont {padding: 50px 10px 20px;}

	.popup {width: 300px; margin-left: -150px;}

	.info-text-howto {margin: 88px auto 0; width: 100%;}
}

@media only screen and (max-width: 400px) {
	.nav-top__logo {left: 12px;}
	.nav-top__item-bg {width: 45px;}
	.nav-top__item-number {font-size: 30px;}
}